@font-face{font-family:LatteCert Serif;font-weight:400;font-display:swap;src:url(/assets/LatteCertSerif-Regular-CWZEaxXk.woff2)format("woff2")}@font-face{font-family:LatteCert Serif;font-weight:700;font-display:swap;src:url(/assets/LatteCertSerif-Bold-BVPuNEKW.woff2)format("woff2")}@font-face{font-family:LatteCert Serif;font-weight:800;font-display:swap;src:url(/assets/LatteCertSerif-ExtraBold-LfkgTqcW.woff2)format("woff2")}@font-face{font-family:LatteCert Mono;font-weight:400;font-display:swap;src:url(/assets/LatteCertMono-Regular-BQ12j4YI.woff2)format("woff2")}@font-face{font-family:LatteCert Mono;font-weight:700;font-display:swap;src:url(/assets/LatteCertMono-Bold-DywJ0hLN.woff2)format("woff2")}:root{--paper:#fbfaf6;--paper-2:#ece8de;--sheet:#fffefb;--ink:#1d1b17;--ink-soft:#4a463e;--ink-faint:#8b8476;--rule:#b8b1a3;--seal:#c3261c;--seal-deep:#9e1c14;--serif:"LatteCert Serif", "AppleMyungjo", "Batang", serif;--mono:"LatteCert Mono", ui-monospace, "SFMono-Regular", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}.svg-defs{position:absolute}html,body{height:100%;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}html{background:var(--paper)}body{background-color:var(--paper);background-image:radial-gradient(130% 90% at 50% 40%,#0000 65%,#6e60460b 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.27  0 0 0 0 0.2  0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.012 0.06' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.3  0 0 0 0 0.22  0 0 0 0.035 0'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>");background-attachment:fixed}#app{justify-content:center;min-height:100%;display:flex}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default;opacity:.35}button:focus-visible{outline:2px solid var(--seal);outline-offset:3px}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:18px;height:18px}.screen{width:100%;max-width:480px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.seal{color:var(--seal);font-family:var(--serif);filter:url(#ink-rough);mix-blend-mode:multiply;opacity:.92;border:3px solid;font-weight:800}.btn{border:1.5px solid var(--ink);min-height:54px;color:var(--ink);font-family:var(--serif);letter-spacing:-.01em;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:17px;font-weight:800;transition:transform 80ms;display:inline-flex}.btn.ink{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--seal)}.btn.seal-btn{background:var(--seal);border-color:var(--seal);color:#fffaf3}.btn:active:not(:disabled){transform:translate(2px,2px)}.btn.ink:active:not(:disabled){box-shadow:2px 2px 0 var(--seal)}.text-button{color:var(--ink-soft);font-family:var(--mono);text-underline-offset:3px;background:0 0;border:0;margin:10px auto 0;padding:12px;font-size:13px;text-decoration:underline;display:block}.chip{min-height:34px;color:inherit;font-family:var(--mono);letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:5px;padding:0 4px;font-size:12px;display:inline-flex}.chip-dot{background:var(--seal);border:1.5px solid var(--seal);width:8px;height:8px}.chip.off{opacity:.6}.chip.off .chip-dot{background:0 0;border-color:currentColor}.fineprint{font-family:var(--mono);color:var(--ink-faint);text-align:center;word-break:keep-all;margin:22px 0 0;font-size:11px;line-height:1.6}.legal-link{font-family:var(--mono);text-align:center;margin:4px 0 0;font-size:11px}.legal-link a{color:var(--ink-faint);text-underline-offset:3px}.ad-slot{border-top:1.5px dashed var(--rule);margin-top:22px;padding-top:8px}.ad-label{font-family:var(--mono);letter-spacing:.2em;color:var(--ink-faint);margin:0 0 6px;font-size:10px}.ad-slot ins{width:100%;min-height:100px;display:block}.cup-slot canvas,.frame canvas,.photo-box canvas{display:block}.home{flex-direction:column;min-height:100dvh;padding-top:0;display:flex}.band{padding:env(safe-area-inset-top) 12px 0 18px;min-height:calc(40px + env(safe-area-inset-top));background:var(--ink);color:var(--paper);font-family:var(--mono);justify-content:space-between;align-items:center;margin:0 -16px;display:flex}.band-mark{letter-spacing:.14em;margin:0;font-size:11px;font-weight:700}.band .toggles{gap:8px;display:flex}.band .chip-dot{border-color:var(--seal)}.band .chip.off .chip-dot{border-color:var(--paper)}.cert{border:1.5px solid var(--ink);outline:1px solid var(--ink);outline-offset:-6px;background:var(--sheet);margin-top:20px;padding:24px 22px 22px;position:relative}.cert-no{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.08em;justify-content:space-between;margin:0;font-size:11px;display:flex}.cert-kind{letter-spacing:.5em;color:var(--ink-soft);margin:14px 0 0;font-size:13px;font-weight:700}.home h1{letter-spacing:-.04em;word-break:keep-all;margin:6px 0 0;font-size:40px;font-weight:800;line-height:1.18}.cert-body{grid-template-columns:1fr 112px;align-items:end;gap:12px;margin-top:14px;display:grid}.lead{color:var(--ink-soft);word-break:keep-all;margin:0;font-size:14px;line-height:1.65}.cup-slot{width:112px;height:112px;position:relative}.seal-empty{border:1.5px dashed var(--seal);width:58px;height:58px;color:var(--seal);font-family:var(--mono);text-align:center;background:#fffefbbf;border-radius:50%;place-items:center;font-size:10px;line-height:1.3;display:grid;position:absolute;top:-40px;right:-8px}.ticket{background:var(--ink);width:100%;height:116px;color:var(--paper);text-align:left;box-shadow:5px 5px 0 var(--seal);border:0;border-radius:0;grid-template-columns:1fr 78px;margin-top:26px;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.ticket:before,.ticket:after{content:"";background:var(--paper);border-radius:50%;width:18px;height:18px;position:absolute;left:calc(100% - 87px)}.ticket:before{top:-9px}.ticket:after{bottom:-9px}.ticket:active{box-shadow:2px 2px 0 var(--seal);transform:translate(3px,3px)}.ticket-main{flex-direction:column;justify-content:space-between;padding:16px 18px;display:flex}.ticket-label{font-family:var(--mono);letter-spacing:.2em;color:#c9c3b6;font-size:11px}.ticket-cta{letter-spacing:-.03em;font-size:27px;font-weight:800}.ticket-stub{font-family:var(--mono);color:#c9c3b6;border-left:2px dashed #6b665d;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.ticket-stub .icon{stroke-width:1.8px;width:26px;height:26px}.receipt{margin-top:30px}.receipt-head{border-bottom:3px double var(--ink);font-family:var(--mono);letter-spacing:.12em;justify-content:space-between;align-items:baseline;padding-bottom:8px;font-size:12px;display:flex}.receipt-head h2{font-family:var(--serif);letter-spacing:0;margin:0;font-size:16px;font-weight:800}.challenges{margin:0;padding:0;list-style:none}.item{border:0;border-bottom:1.5px dashed var(--rule);width:100%;min-height:54px;font-family:var(--mono);text-align:left;background:0 0;border-radius:0;grid-template-columns:26px auto 1fr auto auto;align-items:baseline;gap:8px;padding:14px 0;font-size:13px;display:grid}.item:active{background:#1d1b170a}.item .no{color:var(--ink-faint)}.item .name{font-family:var(--serif);font-size:18px;font-weight:800}.dots{border-bottom:2px dotted var(--rule);transform:translateY(-4px)}.item .level{color:var(--ink-soft)}.item .best{text-align:right;min-width:64px;color:var(--ink-faint)}.item .best.has{color:var(--seal);font-weight:700}.total{font-family:var(--mono);justify-content:space-between;gap:12px;margin:0;padding-top:12px;font-size:13px;font-weight:700;display:flex}.total span:last-child{color:var(--ink-faint);text-align:right;font-weight:400}.total span.issued{color:var(--seal);font-weight:700}.home .fineprint{margin-top:auto;padding-top:22px}.play{height:100dvh;padding-top:calc(12px + env(safe-area-inset-top));flex-direction:column;display:flex}.order{border-bottom:3px double var(--ink);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding-bottom:12px;display:grid}.back{border:1.5px solid var(--ink);background:0 0;border-radius:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.back .icon{width:20px;height:20px}.order-title{flex-direction:column;gap:2px;min-width:0;display:flex}.order-title small{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.1em;font-size:11px}.order-title strong{letter-spacing:-.03em;font-size:24px;font-weight:800}.level-seal{white-space:nowrap;margin-right:4px;padding:3px 8px;font-size:14px;transform:rotate(-6deg)}.play-toggles{color:var(--ink-soft);justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.tip{border-top:1.5px dashed var(--rule);border-bottom:1.5px dashed var(--rule);font-family:var(--mono);word-break:keep-all;grid-template-columns:auto 1fr;gap:10px;margin:2px 0 0;padding:10px 0;font-size:13px;line-height:1.6;display:grid}.tip b{color:var(--seal)}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:18px 0 34px;display:flex}.frame{position:relative}.cup-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.crop{border:0 solid var(--ink);pointer-events:none;width:22px;height:22px;position:absolute}.crop.tl{border-top-width:1.5px;border-left-width:1.5px;top:-6px;left:-6px}.crop.tr{border-top-width:1.5px;border-right-width:1.5px;top:-6px;right:-6px}.crop.bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:-6px;left:-6px}.crop.br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:-6px;right:-6px}.frame-cap{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.08em;justify-content:space-between;font-size:10.5px;display:flex;position:absolute;bottom:-28px;left:0;right:0}.controls{padding-bottom:6px}.gauge-head{font-family:var(--mono);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.gauge-head b{font-variant-numeric:tabular-nums;font-size:15px}.gauge{border-bottom:1.5px solid var(--ink);background:repeating-linear-gradient(90deg, var(--ink) 0 1.5px, transparent 1.5px 25%) left bottom / calc(100% + 1.5px) 14px no-repeat, repeating-linear-gradient(90deg, var(--ink-faint) 0 1px, transparent 1px 5%) left bottom / 100% 6px no-repeat;height:26px;margin-top:6px;position:relative}.gauge-fill{background:var(--seal);transform-origin:0;height:9px;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.gauge-scale{font-family:var(--mono);color:var(--ink-faint);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.buttons{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px;display:grid}.height-row{font-family:var(--mono);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.seg-group{border:1.5px solid var(--ink);flex:1;grid-template-columns:1fr 1fr;max-width:260px;display:grid}.seg{min-height:44px;color:var(--ink);font-family:var(--mono);background:0 0;border:0;font-size:14px;font-weight:700}.seg+.seg{border-left:1.5px solid var(--ink)}.seg[aria-pressed=true]{background:var(--ink);color:var(--paper)}.height-row.lifted .height-label{color:var(--seal)}.result{padding-top:calc(16px + env(safe-area-inset-top))}.result .cert{outline-offset:-7px;border-width:2px;margin:0;padding:18px 18px 16px}.corner{background:var(--ink);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.corner.tl{top:-8px;left:-8px}.corner.tr{top:-8px;right:-8px}.corner.bl{bottom:-8px;left:-8px}.corner.br{bottom:-8px;right:-8px}.cert-meta{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.06em;justify-content:space-between;gap:8px;margin:0;font-size:11px;display:flex}.cert-title{text-align:center;color:var(--ink-soft);margin:8px 0 0;font-size:15px;font-weight:700}.cert-type{text-align:center;letter-spacing:.42em;margin:0;padding-left:.42em;font-size:26px;font-weight:800}.hero{height:120px;margin-top:6px;position:relative}.score{letter-spacing:-.06em;align-items:baseline;font-weight:800;display:flex;position:absolute;bottom:-2px;left:2px}.score-number{font-variant-numeric:tabular-nums;font-size:104px;line-height:1}.score.wide .score-number{font-size:92px}.score-unit{letter-spacing:0;margin-left:4px;font-size:24px}.grade-seal{text-align:center;width:120px;height:120px;box-shadow:inset 0 0 0 4px var(--sheet), inset 0 0 0 6px var(--seal);opacity:0;word-break:keep-all;border-width:4px;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;top:2px;right:4px;transform:rotate(-12deg)scale(1.7)}.grade-seal.show{animation:.32s cubic-bezier(.2,1.4,.4,1) forwards stamp}@keyframes stamp{to{opacity:.92;transform:rotate(-12deg)scale(1)}}.grade-seal small{font-family:var(--mono);letter-spacing:.3em;padding-left:.3em;font-size:10px;font-weight:700}.grade-seal strong{letter-spacing:-.04em;margin:4px 0;font-size:19px;line-height:1.15}.grade-seal.long strong{margin:2px 0 3px;font-size:15px;line-height:1.1}.grade-seal em{font-style:normal;font-family:var(--mono);letter-spacing:.1em;font-size:9px}.grade-line{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);text-align:center;word-break:keep-all;opacity:0;margin:8px 0 0;padding:8px 0;font-size:16px;font-weight:700;line-height:1.5;transition:opacity .4s .15s}.grade-line.show{opacity:1}.grade-line:before{content:"「"}.grade-line:after{content:"」"}.notes{font-family:var(--mono);color:var(--ink-soft);text-align:center;margin:8px 0 0;padding:0;font-size:12px;line-height:1.6;list-style:none}.notes li:before{content:"※ ";color:var(--seal)}.photo{margin:10px 0 0;position:relative}.photo-box{border:1.5px solid var(--ink);background:#fff;height:clamp(168px,52vw,200px);position:relative;overflow:hidden}.photo-box canvas{position:absolute;inset:0}.photo figcaption{font-family:var(--mono);color:var(--ink-faint);font-size:10px;position:absolute;bottom:7px;left:9px}.best-tag{background:var(--seal);color:#fffaf3;font-family:var(--mono);padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:-9px;left:-6px;transform:rotate(-4deg)}.parts{font-family:var(--mono);margin-top:10px}.parts .head{border-bottom:3px double var(--ink);letter-spacing:.12em;color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin:0;padding-bottom:4px;font-size:11px;display:flex}.parts .head b{font-family:var(--serif);letter-spacing:0;color:var(--ink);font-size:14px;font-weight:800}.parts ul{margin:0;padding:6px 0 0;list-style:none;display:flex}.parts li{min-width:0;color:var(--ink-soft);white-space:nowrap;flex-direction:column;flex:1 1 0;align-items:center;gap:1px;font-size:11px;display:flex}.parts li+li{border-left:1.5px dotted var(--ink-faint)}.parts li b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px}.parts li.sum{color:var(--ink);font-weight:700}.actions{grid-template-columns:1fr 1fr;gap:10px;margin:16px 4px 0;display:grid}.result .ad-slot{margin:18px 4px 0}.actions .btn{min-height:50px;font-size:16px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--ink);max-width:calc(100% - 40px);color:var(--paper);font-family:var(--mono);text-align:center;box-shadow:4px 4px 0 var(--seal);opacity:0;pointer-events:none;padding:12px 18px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width>=720px){.screen{max-width:440px}.home{min-height:auto;margin:40px 0;padding-bottom:28px}.band{min-height:40px;margin:0;padding-top:0}.result{padding-top:48px}}