:root{--font-display:"Playfair Display","Noto Serif SC",Georgia,"PingFang SC",serif;--font-serif:"Noto Serif SC","Source Serif Pro","PingFang SC",Georgia,serif;--font-sans:"Inter","Noto Sans SC","PingFang SC",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--c-ink:38 35 30;--c-ink-soft:78 74 64;--c-ink-muted:125 116 98;--c-paper:233 220 186;--c-paper-warm:239 228 198;--c-paper-deep:224 208 166;--c-accent:169 58 42;--c-line:38 35 30;--gold:#b8860b;--gold-hi:#f5c451;--gold-lo:#8a6400;--silver:#9aa0ad;--silver-hi:#eef0f4;--silver-lo:#70777f;--gem-size:42px;--slot-size:58px}html.dark{--c-ink:240 231 209;--c-ink-soft:210 200 178;--c-ink-muted:152 142 120;--c-paper:21 29 52;--c-paper-warm:29 39 66;--c-paper-deep:37 48 79;--c-accent:222 116 92;--c-line:240 231 209;--gold:#f5c451;--gold-hi:#ffe9ad;--gold-lo:#a9791d;--silver:#c9ccd6;--silver-hi:#fff;--silver-lo:#8f95a6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-sans);color:rgb(var(--c-ink));background:radial-gradient(ellipse 120% 80% at 50% -10%, rgb(var(--c-paper-warm)/.6) 0%, rgb(var(--c-paper-warm)/0) 55%), radial-gradient(ellipse 140% 100% at 50% 130%, rgb(var(--c-accent)/.06) 0%, transparent 45%), rgb(var(--c-paper));-webkit-font-smoothing:antialiased;background-attachment:fixed;position:relative;overflow-x:hidden}html.dark body{background:radial-gradient(ellipse 120% 80% at 50% -10%, rgb(var(--c-paper-warm)/.7) 0%, rgb(var(--c-paper-warm)/0) 55%), radial-gradient(ellipse 140% 100% at 50% 130%, rgb(var(--c-accent)/.1) 0%, transparent 45%), rgb(var(--c-paper))}body:before{content:"";pointer-events:none;z-index:5;background:radial-gradient(ellipse 90% 80% at 50% 42%, transparent 60%, rgb(var(--c-ink)/.1) 100%);position:fixed;inset:0}::selection{background:rgb(var(--c-accent));color:rgb(var(--c-paper))}#app{z-index:1;max-width:1180px;margin:0 auto;padding:28px 28px 56px;position:relative}.masthead{border-bottom:1px solid rgb(var(--c-line)/.2);margin-bottom:18px;padding-bottom:16px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.25em;color:rgb(var(--c-ink-muted));font-size:11px}.title{font-family:var(--font-display);letter-spacing:-.02em;color:rgb(var(--c-ink));flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 0;font-size:40px;font-weight:900;line-height:1.06;display:flex}.stamp{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--c-accent));border:1px solid rgb(var(--c-accent)/.4);border-radius:2px;align-items:center;padding:3px 8px;font-size:10px;display:inline-flex;transform:rotate(-2deg)}.subtitle{font-family:var(--font-serif);color:rgb(var(--c-ink-muted));margin-top:6px;font-size:14px}.mode-switch{border:1px solid rgb(var(--c-line)/.18);background:rgb(var(--c-paper-warm)/.5);border-radius:8px;gap:2px;margin-bottom:22px;padding:3px;display:inline-flex}.mode-btn{font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;color:rgb(var(--c-ink-soft));background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:12px;transition:all .18s}.mode-btn:hover{color:rgb(var(--c-ink))}.mode-btn.active{background:rgb(var(--c-accent));color:#fff}.layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}.workshop{perspective:860px;perspective-origin:50% 12%}.board{transform-origin:50% 30%;background:linear-gradient(180deg, rgb(var(--c-paper-warm)/.92) 0%, rgb(var(--c-paper-deep)/.9) 100%);border:1px solid rgb(var(--c-line)/.3);box-shadow:0 10px 0 rgb(var(--c-line)/.18),0 18px 24px rgb(var(--c-line)/.25),inset 0 1px 0 rgb(var(--c-paper)/.5);border-radius:12px;padding:26px 28px 22px;position:relative;transform:rotateX(8deg)}.board:after{content:"";background:linear-gradient(180deg, rgb(var(--c-line)/.18) 0%, rgb(var(--c-line)/.1) 100%);z-index:-1;border-radius:0 0 12px 12px;height:10px;position:absolute;bottom:-10px;left:-1px;right:-1px}.board:before{content:"";pointer-events:none;background:radial-gradient(ellipse 70% 46% at 50% -8%, rgb(var(--c-accent)/.08), transparent 70%);border-radius:12px;position:absolute;inset:0}.setup-card{background:rgb(var(--c-paper)/.55);border:1px solid rgb(var(--c-line)/.16);box-shadow:inset 0 1px 0 rgb(var(--c-line)/.06);border-radius:10px;margin-bottom:20px;padding:16px 18px}.setup-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.setup-label{color:rgb(var(--c-ink-soft));letter-spacing:.14em;font-size:13px}.secret-slots{gap:10px;display:flex}.slot{width:var(--slot-size);height:var(--slot-size);background:radial-gradient(circle at 50% 38%, rgb(var(--c-paper-deep)/.95) 0%, rgb(var(--c-line)/.12) 78%);box-shadow:inset 0 4px 8px rgb(var(--c-line)/.35),inset 0 -1px 3px rgb(var(--c-paper)/.45);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .2s,transform .2s;display:inline-flex;position:relative}.slot.focus{box-shadow:inset 0 4px 8px rgb(var(--c-line)/.35),0 0 0 2px rgb(var(--c-accent)/.55)}.slot .slot-index{color:rgb(var(--c-ink-muted)/.8);font-size:10px;font-family:var(--font-mono);position:absolute;top:2px;right:5px}.slot .slot-empty{border:1px dashed rgb(var(--c-line)/.35);border-radius:50%;width:26px;height:26px}.gem{width:var(--gem-size);height:var(--gem-size);cursor:pointer;background:radial-gradient(circle at 31% 25%, #fffffff2 0%, #ffffff52 12%, #fff0 34%), radial-gradient(circle at 44% 40%, #ffffff52 0%, #fff0 58%), radial-gradient(circle at 50% 52%, var(--gem-light,#fff) 0%, var(--gem,#888) 34%, var(--gem-dark,#222) 72%, rgb(var(--c-line)/.4) 100%);box-shadow:inset 0 -4px 7px rgb(var(--c-line)/.35),inset 0 2px 3px #ffffff59,0 3px 6px rgb(var(--c-line)/.25);border-radius:50%;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.gem:before{content:"";background:radial-gradient(circle at 50% 45%,#ffffff1f 0%,#fff0 62%);border:1px solid #ffffff38;border-radius:50%;position:absolute;inset:9%}.gem:after{content:"";background:radial-gradient(#ffffffb3 0%,#fff0 72%);border-radius:50%;width:46%;height:20%;position:absolute;bottom:9%;left:22%;transform:rotate(-16deg)}.gem:hover{filter:brightness(1.1)saturate(1.05);transform:scale(1.08)}.gem:active{transform:scale(.95)}.gem.small{--gem-size:30px}.gem.micro{--gem-size:22px;cursor:default}.gem.micro:hover{filter:none;transform:none}.gem.static{cursor:default}.gem.static:hover{filter:none;transform:none}.gem-wrap{width:var(--slot-size);height:var(--slot-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.gem-wrap .gem{box-shadow:inset 0 -4px 7px rgb(var(--c-line)/.3),inset 0 2px 3px #ffffff59,0 5px 7px rgb(var(--c-line)/.28)}.gem-wrap:after{content:"";background:radial-gradient(ellipse at center, rgb(var(--c-line)/.5), rgb(var(--c-line)/0));filter:blur(1px);z-index:-1;border-radius:50%;height:16px;position:absolute;bottom:1px;left:12%;right:12%}.palette{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;margin-top:14px;display:flex}.palette-item{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:8px 7px 6px;transition:background .2s,transform .2s;display:flex}.palette-item:hover{background:rgb(var(--c-line)/.07);transform:translateY(-2px)}.palette-item:active{transform:translateY(0)}.palette-name{color:rgb(var(--c-ink-muted));letter-spacing:.1em;white-space:nowrap;font-size:11px}.palette .gem{border:1px solid rgb(var(--c-line)/.12)}.slot-name{color:rgb(var(--c-accent));white-space:nowrap;letter-spacing:.1em;font-size:10px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.12em;border:1px solid rgb(var(--c-line)/.28);cursor:pointer;color:rgb(var(--c-ink));appearance:none;background:0 0;border-radius:6px;padding:11px 20px;font-size:13px;transition:all .18s}.btn:active{transform:scale(.97)}.btn-primary{background:rgb(var(--c-accent));border-color:rgb(var(--c-accent));color:#fff}.btn-primary:hover:not(:disabled){background:rgb(var(--c-ink));border-color:rgb(var(--c-ink));color:rgb(var(--c-paper))}.btn-ghost{color:rgb(var(--c-ink-soft));background:rgb(var(--c-paper-warm)/.5)}.btn-ghost:hover{color:rgb(var(--c-accent));border-color:rgb(var(--c-accent))}.btn-lg{padding:13px 32px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.hint{text-align:center;color:rgb(var(--c-ink-muted));font-size:12px;font-family:var(--font-serif);margin:12px 0 0;line-height:1.7}.peek-toggle{cursor:pointer;color:rgb(var(--c-ink-soft));-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.peek-toggle input{opacity:0;width:0;height:0;position:absolute}.peek-box{background:rgb(var(--c-paper-deep));border:1px solid rgb(var(--c-line)/.35);width:26px;height:26px;box-shadow:inset 0 1px 2px rgb(var(--c-line)/.25);border-radius:6px;transition:border-color .22s,box-shadow .22s;position:relative}.peek-box:after{content:"";background:rgb(var(--c-line)/.55);border-radius:3px;width:14px;height:14px;transition:transform .24s cubic-bezier(.34,1.4,.64,1),background .24s;position:absolute;top:5px;left:5px;transform:rotate(45deg)}.peek-toggle input:checked+.peek-box{border-color:rgb(var(--c-accent));box-shadow:0 0 10px rgb(var(--c-accent)/.4)}.peek-toggle input:checked+.peek-box:after{background:rgb(var(--c-accent));transform:rotate(45deg)translate(3px)}.peek-toggle input:focus-visible+.peek-box{box-shadow:0 0 0 2px rgb(var(--c-accent)/.5)}.board-rows{flex-direction:column;gap:12px;display:flex}.guess-row{background:rgb(var(--c-line)/.05);border:1px solid rgb(var(--c-line)/.09);border-radius:9px;align-items:center;gap:18px;padding:8px 10px;display:flex}.guess-row .round-tag{width:56px;color:rgb(var(--c-ink-muted));letter-spacing:.12em;text-align:center;font-size:11px;font-family:var(--font-mono);flex:none}.guess-row .guess-slots{flex:none;gap:10px;display:flex}#guess-slots{gap:10px;display:flex}.feedback{background:rgb(var(--c-paper-deep)/.8);box-shadow:inset 0 2px 5px rgb(var(--c-line)/.2);border-radius:9px;grid-template-rows:repeat(2,12px);grid-template-columns:repeat(2,12px);place-content:center;gap:7px;min-width:62px;min-height:52px;margin-left:auto;padding:10px;display:grid}.peg{opacity:0;border-radius:50%;width:12px;height:12px;transform:scale(0)}.peg.gold{background:radial-gradient(circle at 32% 28%, var(--gold-hi) 0%, var(--gold) 48%, var(--gold-lo) 100%);box-shadow:0 1px 2px rgb(var(--c-line)/.5),inset 0 1px 1px #ffffff8c}.peg.silver{background:radial-gradient(circle at 32% 28%, var(--silver-hi) 0%, var(--silver) 50%, var(--silver-lo) 100%);box-shadow:0 1px 2px rgb(var(--c-line)/.5),inset 0 1px 1px #fff9}.peg.blank{background:radial-gradient(circle at 50% 50%, rgb(var(--c-line)/.18), rgb(var(--c-line)/.08));box-shadow:inset 0 1px 2px rgb(var(--c-line)/.18);opacity:1;transform:scale(1)}@keyframes gem-drop{0%{opacity:0;transform:translateY(-150px)scale(.9,.72)}55%{opacity:1;transform:translateY(4px)scale(1.04,.96)}72%{transform:translateY(-7px)scale(.99,1.03)}86%{transform:translateY(2px)scale(1.01,.985)}to{transform:translateY(0)scale(1)}}.guess-row .gem{transform-origin:50% 80%;animation:.62s cubic-bezier(.22,1,.36,1) both gem-drop}.guess-row .gem-wrap{animation:.62s cubic-bezier(.22,1,.36,1) both gem-drop-soft}@keyframes gem-drop-soft{0%{opacity:0;transform:translateY(-150px)}55%{opacity:1;transform:translateY(4px)}72%{transform:translateY(-7px)}86%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes peg-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.peg{animation:.34s cubic-bezier(.34,1.56,.64,1) both peg-pop}@keyframes collapse{0%{opacity:0;filter:blur(5px);text-shadow:0 0 24px rgb(var(--c-accent)/.6);transform:scale(1.55)translateY(-8px)}18%{opacity:1;filter:blur(3px);transform:scale(1.38)translateY(-5px)}52%{filter:blur(.5px);transform:scale(1.1)translateY(1px)}74%{filter:blur();transform:scale(.97)}to{opacity:1;filter:blur();text-shadow:0 0 20px rgb(var(--c-accent)/.3);transform:scale(1)translateY(0)}}.mono-counter.is-collapsing{color:rgb(var(--c-accent));animation:.72s cubic-bezier(.22,1,.36,1) both collapse}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mono-log li{animation:.36s both fade-in-up}.monologue{background:rgb(var(--c-paper-warm)/.6);border:1px solid rgb(var(--c-line)/.12);box-shadow:0 12px 24px rgb(var(--c-line)/.1);border-radius:10px;padding:20px 18px;position:sticky;top:24px;overflow:hidden}.mono-head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.mono-head h2{letter-spacing:.1em;color:rgb(var(--c-ink));font-size:16px;font-family:var(--font-serif);margin:0;font-weight:700}.mono-dot{background:radial-gradient(circle at 32% 28%, rgb(var(--c-accent)/.9), rgb(var(--c-accent)) 60%);width:10px;height:10px;box-shadow:0 0 10px rgb(var(--c-accent)/.6);border-radius:50%;animation:1.6s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.mono-remaining{background:rgb(var(--c-paper-deep)/.6);text-align:center;border:1px solid rgb(var(--c-accent)/.18);border-radius:9px;padding:14px}.mono-remaining-label{color:rgb(var(--c-ink-muted));letter-spacing:.22em;font-size:11px;font-family:var(--font-mono)}.mono-counter{color:rgb(var(--c-ink));font-size:52px;font-weight:900;line-height:1.1;font-family:var(--font-display);font-variant-numeric:tabular-nums;transition:color .3s}.mono-last{background:rgb(var(--c-paper)/.5);border:1px solid rgb(var(--c-line)/.1);border-radius:9px;margin-top:16px;padding:12px}.mono-last-label{color:rgb(var(--c-ink-muted));letter-spacing:.18em;font-size:11px;font-family:var(--font-mono);margin-bottom:8px}.mono-last-row{justify-content:center;align-items:center;gap:8px;min-height:24px;display:flex}.mono-last-meta{color:rgb(var(--c-ink-soft));text-align:center;font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:8px}.mono-log{max-height:220px;margin:16px 0 0;padding:0;list-style:none;overflow-y:auto}.mono-log li{color:rgb(var(--c-ink-soft));border-bottom:1px dashed rgb(var(--c-line)/.14);align-items:center;gap:8px;padding:6px 4px;font-size:12px;display:flex}.mono-log .mini-gems{gap:3px;display:inline-flex}.mono-log .mini-gems .dot{background:var(--c,#888);width:9px;height:9px;box-shadow:inset 0 -1px 2px rgb(var(--c-line)/.4),inset 0 1px 1px #fff6;border-radius:50%}.mono-log .mini-fb{color:rgb(var(--c-ink-muted));font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--font-mono);margin-left:auto}.mono-log .mini-fb .g{color:rgb(var(--c-accent));font-weight:600}.mono-log .mini-fb .s{color:var(--silver)}.mono-log .mini-who{font-family:var(--font-mono);color:rgb(var(--c-ink-muted));letter-spacing:.08em;font-size:10px}.mono-reveal{color:rgb(var(--c-accent));font-size:12px;font-family:var(--font-serif)}.mono-reveal .mini-gems{margin-left:6px}#confetti-canvas{pointer-events:none;z-index:40;width:100vw;height:100vh;position:fixed;inset:0}.victory-overlay{z-index:50;background:rgb(var(--c-line)/.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;animation:.36s both fade-in-up;display:flex;position:fixed;inset:0}.victory-overlay[hidden]{display:none}.victory-card{background:rgb(var(--c-paper-warm));border:1px solid rgb(var(--c-accent)/.4);text-align:center;width:min(480px,90vw);box-shadow:0 24px 50px rgb(var(--c-line)/.35),0 0 30px rgb(var(--c-accent)/.12);border-radius:12px;padding:32px 30px;animation:.48s cubic-bezier(.22,1.4,.36,1) both card-in}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.victory-title{color:rgb(var(--c-accent));font-size:32px;font-family:var(--font-display);letter-spacing:.04em;margin:0 0 8px;font-weight:900}.victory-sub{color:rgb(var(--c-ink-soft));font-size:14px;font-family:var(--font-serif);margin:0 0 20px}.victory-stats{justify-content:center;gap:26px;margin-bottom:24px;display:flex}.victory-stat{text-align:center}.victory-stat b{color:rgb(var(--c-ink));font-size:24px;font-family:var(--font-display);font-weight:900;display:block}.victory-stat span{color:rgb(var(--c-ink-muted));letter-spacing:.14em;font-size:12px;font-family:var(--font-mono)}.victory-secret{color:rgb(var(--c-ink-soft));letter-spacing:.08em;justify-content:center;align-items:center;gap:6px;margin-bottom:20px;font-size:12px;display:flex}.victory-secret .dot{background:var(--c,#888);width:12px;height:12px;box-shadow:inset 0 -1px 2px rgb(var(--c-line)/.4);border-radius:50%}@media (width<=960px){.layout{grid-template-columns:1fr}.monologue{position:static}.title{font-size:32px}.mode-switch{margin-bottom:16px}}@media (width<=480px){#app{padding:20px 14px 44px}.title{font-size:28px}.board{padding:18px 12px 14px;transform:rotateX(6deg)}.guess-row{gap:10px;padding:6px}.guess-row .round-tag{width:40px}}:focus-visible{outline:2px solid rgb(var(--c-accent));outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body.slowmo .guess-row .gem,body.slowmo .guess-row .gem-wrap{animation-duration:2.4s}body.slowmo .guess-row .gem{animation-delay:0s}body.slowmo .peg{animation-duration:1.2s}body.slowmo .mono-counter.is-collapsing{animation-duration:2.2s}