:root{--bg: #15130f;--surface: #1e1b15;--surface-tint: #26221a;--ink: #f2ede4;--ink-2: #ccc3b2;--muted: #8f8676;--line: rgba(242, 237, 228, .12);--accent: #ffb020;--accent-soft: rgba(255, 176, 32, .12);--accent-strong: #ff9500;--accent-text: #ffc24d;--signal: #2fd96a;--signal-strong: #17c257;--signal-glow: rgba(47, 217, 106, .55);--on-accent: #1a1710;--on-signal: #05130a;--seal: #d6452b;--seal-strong: #b23a22;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .28);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35), 0 24px 48px -16px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.22, 1, .36, 1);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100dvh;font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%,rgba(255,176,32,.08),transparent 60%)}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,select{font:inherit}a{color:var(--accent-text)}img{max-width:100%;display:block}::selection{background:#ffb02047;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:0}.container{width:100%;max-width:480px;margin:0 auto;padding:var(--space-6) 20px calc(var(--space-7) + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}@media(min-width:520px){.container{padding-top:var(--space-7)}}.page{animation:page-in .45s var(--ease-out) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}.stagger>*{animation:rise .4s var(--ease-out) backwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.35s}.stagger>*:nth-child(8){animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.wordmark-text{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.gauge-mark{display:inline-flex}.back-link{font-size:14px;color:var(--ink-2);text-decoration:none}@media(hover:hover){.back-link:hover{color:var(--ink);text-decoration:underline}}.lang-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;padding:0 30px 0 14px;border:1.5px solid var(--line);border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238F8676' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center,var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer}.tagline{margin-top:var(--space-1);font-size:15px;color:var(--ink-2)}.section-label{margin:var(--space-6) 0 var(--space-3);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.today-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--accent-soft);border-radius:var(--radius-md);background:linear-gradient(120% 100% at 0% 0%,var(--accent-soft),transparent 70%),var(--surface);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}@media(hover:hover){.today-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow)}}.today-banner:active{transform:translateY(1px)}.today-banner-text{display:grid;gap:2px}.today-banner-label{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.today-banner-name{font-size:19px;font-weight:750;color:var(--ink)}.today-banner-cta{flex:none;font-size:13px;font-weight:600;color:var(--ink-2)}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.game-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;min-height:120px;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),border-color .15s var(--ease-out)}@media(hover:hover){.game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent-soft)}}.game-card:active{transform:translateY(1px)}.game-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.game-card-name{font-size:16px;font-weight:750;color:var(--ink)}.today-tag{flex:none;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:10px;font-weight:700;letter-spacing:.03em}.game-card-desc{flex:1;font-size:12.5px;line-height:1.5;color:var(--ink-2)}.game-card-best{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line)}.game-card-best-label{font-size:11px;color:var(--muted)}.game-card-best-value{font-size:13px;font-weight:700;color:var(--accent-text)}.grade-summary{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}@media(hover:hover){.grade-summary:hover{border-color:var(--accent-soft)}}.grade-summary-text{display:grid;gap:3px}.grade-summary-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.grade-summary-grade{font-size:20px;font-weight:800;color:var(--ink)}.grade-summary-progress{font-size:15px;font-weight:600;color:var(--ink-2)}.grade-summary-cta{font-size:12.5px;color:var(--accent-text)}.gauge{position:relative;flex:none}.gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.gauge-value{font-size:calc(var(--gauge-size, 120px) * .24);font-weight:700;line-height:1;color:var(--ink)}.gauge-sub{font-size:calc(var(--gauge-size, 120px) * .075);color:var(--muted);letter-spacing:.02em}.gauge-arc-neon{filter:drop-shadow(0 0 4px rgba(255,176,32,.6))}.neon-num{color:var(--accent-text);text-shadow:0 0 8px rgba(255,176,32,.55),0 0 20px rgba(255,176,32,.28)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;transition:transform .15s var(--ease-out),filter .15s var(--ease-out)}.btn-lg{height:52px;padding:0 28px;font-size:16px}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px #ffffff38}@media(hover:hover){.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}}.btn-primary:active{transform:translateY(1px)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600}.ghost-btn:active{transform:translateY(1px)}.text-link{font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}@media(hover:hover){.text-link:hover{color:var(--accent-text)}}.share-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;transition:transform .15s var(--ease-out),border-color .15s var(--ease-out)}@media(hover:hover){.share-btn:hover{border-color:var(--accent-soft)}}.share-btn:active{transform:translateY(1px)}.challenge-banner{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--accent-soft);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);font-size:14px;font-weight:600}.play-container{gap:0}.play-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);margin-top:var(--space-6)}.play-title{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.play-tagline{max-width:320px;font-size:15px;color:var(--ink-2)}.play-best{font-size:14px;color:var(--muted)}.play-best .num{color:var(--accent-text);font-weight:700}.play-intro .btn-primary{margin-top:var(--space-3)}.play-dir-hint{font-size:12.5px;color:var(--muted)}.play-live{display:flex;flex-direction:column;flex:1;margin-top:var(--space-4)}.result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);margin-top:var(--space-5)}.result-game-name{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.result-raw{display:flex;align-items:baseline;gap:var(--space-2)}.result-raw-label{font-size:13px;color:var(--muted)}.result-raw-value{font-size:18px;font-weight:700;color:var(--ink)}.record-badge{padding:5px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:13px;font-weight:700}.result-prev{font-size:13px;color:var(--muted)}.challenge-result{width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface)}.challenge-win{border-color:var(--signal)}.challenge-verdict{font-size:17px;font-weight:800;color:var(--ink)}.challenge-win .challenge-verdict{color:var(--signal)}.challenge-scores{margin-top:4px;font-size:14px;color:var(--ink-2)}.result-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.result-links{display:flex;gap:var(--space-5);margin-top:var(--space-2)}.grade-page-title{margin:var(--space-4) 0 var(--space-2);font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-align:center}.grade-card,.grade-incomplete{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.grade-art{width:180px;height:180px;object-fit:contain;border-radius:var(--radius-md)}.grade-name{font-size:30px;font-weight:900;letter-spacing:-.02em;color:var(--ink);text-align:center}.grade-need{font-size:15px;color:var(--ink-2);text-align:center;max-width:320px}.grade-card-actions{margin-top:var(--space-2)}.grade-breakdown{width:100%;list-style:none;display:grid;gap:var(--space-2)}.grade-row{display:grid;grid-template-columns:84px 1fr 34px;align-items:center;gap:var(--space-3)}.grade-row-name{font-size:13.5px;color:var(--ink-2);text-decoration:none}@media(hover:hover){.grade-row-name:hover{color:var(--accent-text)}}.grade-row-bar{height:8px;border-radius:999px;background:var(--surface-tint);overflow:hidden}.grade-row-fill{display:block;height:100%;border-radius:999px;background:var(--accent)}.grade-row-score{font-size:13px;font-weight:700;text-align:right;color:var(--ink)}.site-foot{margin-top:auto;padding:var(--space-6) 0 var(--space-4);border-top:1px solid var(--line);display:grid;gap:var(--space-1);font-size:12px;color:var(--muted);text-align:center}.foot-links a,.site-foot a{color:var(--ink-2);text-decoration:none}@media(hover:hover){.foot-links a:hover,.site-foot a:hover{text-decoration:underline}}.doc{display:grid;gap:var(--space-5)}.doc-head{display:grid;gap:var(--space-1)}.doc h1{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.doc-updated{font-size:13px;color:var(--muted)}.doc-intro{font-size:15px;color:var(--ink-2)}.doc-section{display:grid;gap:var(--space-2)}.doc-section h2{font-size:17px;font-weight:700;color:var(--ink)}.doc-section p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}.play-stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;user-select:none;-webkit-user-select:none;touch-action:manipulation}.stage-hud{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:28px;gap:var(--space-2)}.stage-hud-bottom{margin-top:auto;justify-content:center}.round-pip{padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-2)}.round-pip-accent{color:var(--accent-text);border-color:var(--accent-soft)}.stage-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;text-align:center}.stage-msg{font-size:22px;font-weight:700;color:var(--ink)}.stage-big{font-size:60px;font-weight:700;line-height:1;color:var(--ink);display:inline-flex;align-items:baseline;gap:4px}.stage-unit{font-size:20px;font-weight:600;color:var(--muted)}.stage-hidden{color:var(--muted);letter-spacing:.15em}.stage-caption{font-size:14px;color:var(--ink-2);min-height:20px;text-align:center}.stage-caption-top{margin-bottom:var(--space-2)}.stage-reaction,.stage-timer{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);padding:var(--space-5);min-height:56vh;cursor:pointer;transition:background .12s var(--ease-out),border-color .12s var(--ease-out),box-shadow .12s var(--ease-out)}.stage-reaction[data-phase=waiting]{background:linear-gradient(var(--accent-soft),transparent),var(--surface);border-color:var(--accent-soft)}.stage-reaction[data-phase=waiting] .stage-msg{color:var(--accent-text)}.stage-reaction[data-phase=go]{background:var(--signal-strong);border-color:var(--signal);box-shadow:0 0 44px var(--signal-glow)}.stage-go{font-size:44px;font-weight:900;color:var(--on-signal)}.stamp-arena{position:relative;width:min(78vw,340px);aspect-ratio:1;margin:auto;touch-action:manipulation}.seal-stamp{position:absolute;top:50%;left:50%;width:46%;height:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--seal),var(--seal-strong));box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1.5px #b23a2280,0 6px 16px #00000073;display:flex;align-items:center;justify-content:center;animation:seal-slam .4s var(--ease-out) backwards}.seal-stamp-mark{width:58%;height:58%}@keyframes seal-slam{0%{transform:translate(-50%,-50%) scale(2.3) rotate(-8deg);opacity:0}60%{transform:translate(-50%,-50%) scale(.9) rotate(-6deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(-6deg)}}@supports not (aspect-ratio: 1){.draw-arena{height:min(84vw,360px)}}.draw-arena{width:min(84vw,360px);aspect-ratio:1;margin:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 100% 25%,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 25% 100%,var(--surface);overflow:hidden}.draw-surface{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.memory-arena{position:relative;width:min(88vw,380px);aspect-ratio:4 / 5;margin:auto}.mem-tile{position:absolute;width:19%;aspect-ratio:1;min-width:44px;min-height:44px;transform:translate(-50%,-50%);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-tint);color:var(--ink);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;touch-action:manipulation;transition:background .12s var(--ease-out)}.mem-tile-done{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}