:root{--paper: #f6ead2;--paper-dim: #c9b287;--ink-deep: #150d06;--panel: rgba(26, 16, 8, .92);--panel-line: rgba(233, 168, 62, .28);--gold: #e9a83e;--gold-bright: #f7c96b;--gold-deep: #c9822e;--leaf: #7fae6a;--chili: #d4553a;--mono: "IBM Plex Mono", ui-monospace, monospace;--disp: "Fraunces", Georgia, serif;--body: "Instrument Sans", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink-deep);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#scene{position:fixed;inset:0;display:block;cursor:grab}#scene:active{cursor:grabbing}#grain{position:fixed;inset:0;z-index:5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.8 0 0 0 0 0.6 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");opacity:.16;mix-blend-mode:overlay}#grain:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 90% at 50% 42%,transparent 52%,rgba(8,4,1,.62) 100%)}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#hud-top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 0;pointer-events:none}#hud-top>*{pointer-events:auto}.brand{display:flex;flex-direction:column;gap:3px}.brand-kicker{font-family:var(--mono);font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}.brand-name{font-family:var(--disp);font-weight:800;font-size:21px;letter-spacing:.04em}.brand-name em{display:block;font-family:var(--disp);font-style:italic;font-weight:400;font-size:12px;letter-spacing:.02em;color:var(--paper-dim)}#modes{display:flex;gap:2px;padding:4px;background:var(--panel);border:1px solid var(--panel-line);border-radius:9px;box-shadow:0 8px 28px #00000073}#modes button{position:relative;padding:8px 14px;border-radius:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);transition:color .2s,background .2s}#modes button:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}#modes button:hover{color:var(--paper)}#modes button:hover:after{transform:scaleX(1)}#modes button.active{background:#e9a83e24;color:var(--gold-bright)}#modes button.active:after{transform:scaleX(1)}.top-actions{display:flex;gap:8px;align-items:center}.action{padding:9px 15px;border-radius:999px;border:1px solid var(--panel-line);background:var(--panel);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 6px 20px #00000059}.action:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 26px #00000080}.action.gold{background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep));color:#241304;border-color:transparent;font-weight:600}.action.gold:hover{box-shadow:0 10px 30px #e9a83e59}.action.icon{width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:14px}#hud-left{position:fixed;left:20px;top:96px;z-index:20;display:flex;flex-direction:column;gap:14px}.toggles{display:flex;flex-direction:column;gap:6px}.tgl{display:flex;align-items:center;gap:9px;width:96px;padding:7px 12px;border-radius:7px;background:var(--panel);border:1px solid rgba(233,168,62,.16);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);transition:color .2s,border-color .2s,transform .15s}.tgl:before{content:"";width:7px;height:7px;border-radius:50%;background:#4a3a24;transition:background .2s,box-shadow .2s}.tgl:hover{transform:translate(2px);color:var(--paper)}.tgl.active{color:var(--gold-bright);border-color:var(--panel-line)}.tgl.active:before{background:var(--gold);box-shadow:0 0 8px #e9a83ecc}#cutbox{width:190px;padding:12px 14px;border-radius:10px 10px 10px 3px;background:var(--panel);border:1px solid var(--panel-line);transition:opacity .3s,visibility .3s}#cutbox label{display:flex;justify-content:space-between;margin-bottom:8px;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}#cutbox label span{color:var(--paper-dim);letter-spacing:.06em;text-transform:none}#cut{width:100%;accent-color:var(--gold)}#scalebar{position:fixed;left:20px;bottom:148px;z-index:18;padding:10px 14px;border-radius:8px;background:var(--panel);border:1px solid rgba(233,168,62,.16);transition:opacity .3s,visibility .3s}.sb-line{width:130px;height:7px;border-left:2px solid var(--paper);border-right:2px solid var(--paper);border-bottom:2px solid var(--paper);margin-bottom:6px}.sb-line span{display:block;width:1px;height:5px;background:var(--paper);margin:0 auto}.sb-text{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--paper)}.sb-text em{font-style:normal;color:var(--paper-dim);margin-left:6px}#frybar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:20;width:min(760px,94vw);display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;padding:14px 18px 12px;border-radius:14px 14px 6px 6px;background:var(--panel);border:1px solid var(--panel-line);box-shadow:0 16px 44px #0000008c}#fry-play{grid-row:1 / 3;width:44px;height:44px;border-radius:50%;background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep));color:#241304;font-size:15px;padding-left:3px;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 16px #e9a83e4d}#fry-play:hover{transform:scale(1.08);box-shadow:0 6px 22px #e9a83e80}#fry-play:active{transform:scale(.96)}.fry-track{position:relative;height:34px}.fry-track:before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;background:#3a2a16;border-radius:2px}.fry-fill{position:absolute;left:0;top:9px;height:4px;border-radius:2px;width:calc(var(--fry, 0) * 100%);background:linear-gradient(90deg,#e8d9b4,var(--gold),#a2641f);box-shadow:0 0 10px #e9a83e8c;transition:width .15s linear}#fry-scrub{position:absolute;inset:0;width:100%;height:22px;-webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize;margin:0}#fry-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--paper);border:3px solid var(--gold-deep);box-shadow:0 2px 8px #0009;margin-top:3px}#fry-scrub::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--paper);border:3px solid var(--gold-deep)}.fry-chips{position:absolute;inset:0;pointer-events:none}.fry-chip{position:absolute;top:0;transform:translate(-50%);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 4px}.chip-dot{width:9px;height:9px;border-radius:50%;background:#4a3a24;border:1.5px solid #6a5130;transition:background .25s,box-shadow .25s,transform .2s}.chip-label{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);white-space:nowrap;transition:color .25s}.fry-chip:hover .chip-dot{transform:scale(1.35)}.fry-chip.passed .chip-dot{background:var(--gold);border-color:var(--gold-bright);box-shadow:0 0 8px #e9a83eb3}.fry-chip.current .chip-label{color:var(--gold-bright)}.fry-note{display:flex;align-items:baseline;gap:10px;min-height:18px}#fry-stage{font-family:var(--disp);font-style:italic;font-weight:600;font-size:15px;color:var(--gold-bright)}#fry-temp{font-family:var(--mono);font-size:10px;color:var(--chili);letter-spacing:.08em}#fry-text{font-size:11.5px;color:var(--paper-dim);line-height:1.35;flex:1}#panel{position:fixed;right:18px;top:78px;bottom:118px;width:352px;z-index:25;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px 16px 4px;box-shadow:0 24px 60px #0009;animation:panel-in .35s cubic-bezier(.2,.9,.3,1);transition:opacity .25s,visibility .25s;overflow:hidden;display:flex;flex-direction:column}@keyframes panel-in{0%{transform:translate(28px);opacity:0}}#panel-close{position:absolute;top:10px;right:12px;z-index:2;width:30px;height:30px;border-radius:50%;font-size:18px;color:var(--paper-dim);border:1px solid transparent;transition:color .2s,border-color .2s,transform .2s}#panel-close:hover{color:var(--gold-bright);border-color:var(--panel-line);transform:rotate(90deg)}#panel-body{padding:22px 22px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent}#panel-body::-webkit-scrollbar{width:5px}#panel-body::-webkit-scrollbar-thumb{background:var(--gold-deep);border-radius:3px}.card-head{border-left:3px solid var(--tagc, var(--gold));padding-left:14px;margin-bottom:14px}.card-tag{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--tagc, var(--gold));border:1px solid color-mix(in srgb,var(--tagc, var(--gold)) 55%,transparent);padding:3px 8px;border-radius:3px;margin-bottom:8px}.card-head h2{font-family:var(--disp);font-weight:700;font-size:27px;line-height:1.05;letter-spacing:.01em}.card-en{font-family:var(--disp);font-style:italic;font-size:14px;color:var(--paper-dim);margin-top:3px}.card-role{font-size:14px;font-weight:600;color:var(--paper);margin-bottom:10px;line-height:1.45}.card-note{font-size:13px;line-height:1.62;color:#d8c9ad;margin-bottom:16px}.card-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;border-radius:7px;background:#e9a83e0d;border:1px solid rgba(233,168,62,.1)}.stat>span{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim)}.stat b{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--paper);text-align:right}.stat.share{display:grid;grid-template-columns:auto 1fr auto}.share-bar{height:7px;background:#33230f;border-radius:4px;overflow:hidden;align-self:center}.share-bar i{display:block;height:100%;border-radius:4px;animation:grow .7s cubic-bezier(.2,.9,.3,1)}@keyframes grow{0%{width:0!important}}.card-nav{display:flex;gap:7px;flex-wrap:wrap;padding-top:12px;border-top:1px dashed rgba(233,168,62,.2)}.nav-dot{width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--tagc) 70%,#20140a);border:2px solid transparent;transition:transform .15s,border-color .15s}.nav-dot:hover{transform:scale(1.3)}.nav-dot.on{border-color:var(--paper);transform:scale(1.2)}.card-links{display:flex;flex-direction:column;gap:8px}.link-chip{text-align:left;padding:10px 13px;border-radius:8px;border:1px solid var(--panel-line);font-size:12.5px;color:var(--paper);transition:background .2s,transform .15s}.link-chip:hover{background:#e9a83e1a;transform:translate(3px)}.tour-progress{display:flex;gap:5px;margin:4px 0 16px}.tour-progress i{flex:1;height:3px;border-radius:2px;background:#3a2a16;transition:background .3s}.tour-progress i.on{background:var(--leaf)}.tour-actions{display:flex;gap:8px}.tour-actions button{flex:1;padding:10px;border-radius:8px;border:1px solid var(--panel-line);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,transform .15s}.tour-actions button:hover:not(:disabled){transform:translateY(-1px);background:#e9a83e1a}.tour-actions button:disabled{opacity:.3;cursor:default}.tour-actions .gold{background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep));color:#241304;border-color:transparent;font-weight:600}.tour-actions .ghost{flex:.6;color:var(--paper-dim)}.sauce-block{border-left:3px solid var(--tagc);padding:4px 0 4px 13px;margin-bottom:16px}.sauce-block h3{font-family:var(--disp);font-weight:700;font-size:19px}.sauce-block h3 em{display:block;font-style:italic;font-weight:400;font-size:12.5px;color:var(--paper-dim);margin:2px 0 7px}.sauce-block p{font-size:12.5px;line-height:1.6;color:#d8c9ad}.bite-bar{display:flex;height:26px;border-radius:6px;overflow:hidden;margin-bottom:14px;border:1px solid rgba(0,0,0,.4)}.bite-bar i{transition:filter .2s,transform .2s;cursor:pointer}.bite-bar i:hover{filter:brightness(1.25)}.bite-bar i.on{filter:brightness(1.4);box-shadow:inset 0 0 0 2px var(--paper)}.bite-list{display:flex;flex-direction:column;gap:4px}.bite-row{display:grid;grid-template-columns:42px 92px 1fr;gap:10px;align-items:baseline;text-align:left;padding:8px 10px;border-radius:7px;transition:background .2s,transform .15s}.bite-row:hover{background:#e9a83e12;transform:translate(2px)}.bite-row.on{background:#e9a83e1f;box-shadow:inset 2px 0 0 var(--paper)}.bite-pct{font-family:var(--mono);font-size:11px;color:var(--gold-bright)}.bite-name{font-weight:700;font-size:12.5px}.bite-name:before{content:"— ";color:var(--tagc)}.bite-why{font-size:11px;color:var(--paper-dim);line-height:1.4}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;align-items:center}.help-grid kbd{font-family:var(--mono);font-size:10px;color:var(--gold-bright);border:1px solid var(--panel-line);border-bottom-width:2px;padding:3px 7px;border-radius:5px;white-space:nowrap}.help-grid span{font-size:12px;color:#d8c9ad}#labels{position:fixed;inset:0;z-index:15;pointer-events:none;overflow:hidden}.pin{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;pointer-events:auto;background:radial-gradient(circle at 34% 30%,var(--gold-bright),var(--gold-deep));border:2px solid #241304;color:#241304;display:grid;place-items:center;transition:opacity .3s;box-shadow:0 3px 12px #0000008c}.pin-dot{position:absolute;inset:-7px;border-radius:50%;border:1.5px solid rgba(233,168,62,.7);animation:pin-pulse 2.2s ease-out infinite}@keyframes pin-pulse{0%{transform:scale(.72);opacity:.9}70%{transform:scale(1.25);opacity:0}to{opacity:0}}.pin-num{font-family:var(--mono);font-size:12px;font-weight:600}.pin:hover{transform:scale(1.15)}.pin.occluded{opacity:.14}.pin.occluded:hover{opacity:.8}.tag3d{position:absolute;left:0;top:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;transform-origin:bottom center}.tag3d .tag-chip{display:flex;flex-direction:column;align-items:center;padding:5px 11px 6px;border-radius:7px 7px 7px 2px;background:#180e06eb;border:1px solid color-mix(in srgb,var(--tagc) 65%,transparent);box-shadow:0 6px 18px #00000080;transition:transform .18s,border-color .18s;white-space:nowrap}.tag3d:hover .tag-chip{transform:translateY(-3px);border-color:var(--tagc)}.tag3d b{font-family:var(--disp);font-style:italic;font-weight:600;font-size:13.5px;color:var(--paper)}.tag3d i{font-family:var(--mono);font-style:normal;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--tagc);margin-top:1px}.tag-stem{width:1.5px;height:22px;background:linear-gradient(to bottom,color-mix(in srgb,var(--tagc) 80%,transparent),transparent)}#tooltip{position:fixed;left:0;top:0;z-index:30;pointer-events:none;padding:6px 11px;border-radius:6px;background:#180e06f2;border:1px solid var(--panel-line);font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--gold-bright);white-space:nowrap;transition:opacity .15s}#hint{position:fixed;right:20px;bottom:20px;z-index:18;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#c9b2878c}#intro{position:fixed;inset:0;z-index:50;transition:opacity .85s ease,transform .85s ease}#intro.leaving{opacity:0;transform:translateY(-18px);pointer-events:none}.intro-scrim{position:absolute;inset:0;background:linear-gradient(108deg,#0f0803f5,#0f0803d1 44%,#0f080361);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.intro-grid{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:5vh clamp(24px,6vw,90px) 11vh}.intro-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}#intro h1{font-family:var(--disp);font-weight:900;font-size:clamp(76px,13.5vw,176px);line-height:.88;letter-spacing:-.015em;color:var(--paper);text-shadow:0 4px 40px rgba(233,168,62,.18)}.h-dot{color:var(--gold)}.intro-sub{margin-top:22px;font-size:15.5px;line-height:1.55;color:#d8c9ad;max-width:44ch}.intro-sub em{font-family:var(--disp);font-style:italic;font-size:19px;color:var(--gold-bright)}.intro-right{display:flex;flex-direction:column;gap:18px;align-self:end;padding-bottom:2vh}.intro-stamps{display:flex;flex-wrap:wrap;gap:8px}.intro-stamps span{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--paper-dim);border:1px dashed rgba(233,168,62,.45);padding:5px 10px;border-radius:3px}.intro-stamps span:nth-child(odd){transform:rotate(-1.2deg)}.intro-stamps span:nth-child(2n){transform:rotate(.8deg)}.intro-copy{font-size:14px;line-height:1.68;color:#cdbb98;max-width:52ch}#btn-enter{align-self:flex-start;display:flex;align-items:baseline;gap:12px;padding:15px 26px;border-radius:11px 11px 11px 3px;background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep));color:#241304;font-family:var(--disp);font-weight:700;font-size:18px;transition:transform .2s,box-shadow .25s;box-shadow:0 8px 30px #e9a83e4d}#btn-enter span{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.75}#btn-enter:hover{transform:translateY(-3px);box-shadow:0 14px 40px #e9a83e73}.intro-foot{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#c9b28799}.marquee{position:absolute;left:0;right:0;bottom:0;z-index:2;border-top:1px solid rgba(233,168,62,.22);background:#0c0703b8;overflow:hidden;padding:11px 0}.marquee-track{display:inline-flex;align-items:center;gap:22px;white-space:nowrap;animation:marquee 46s linear infinite}.marquee-track span{font-family:var(--disp);font-style:italic;font-size:15px;color:#c9b287}.mq-sep{color:var(--gold);font-style:normal!important;font-size:11px!important}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:1060px){.brand-kicker{display:none}#panel{width:312px}}@media(max-width:820px){#hud-top{flex-wrap:wrap;padding:12px 14px 0}#modes{order:3;width:100%;overflow-x:auto}#panel{inset:auto 12px 104px;width:auto;max-height:44vh}#hud-left{top:auto;bottom:104px;left:12px}.toggles{flex-direction:row}.tgl{width:auto}#scalebar{display:none}.intro-grid{grid-template-columns:1fr;align-content:center;gap:26px;padding-bottom:16vh}.intro-copy{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}#fry-text,.chip-label,#hint{display:none}}@media(prefers-reduced-motion:reduce){.marquee-track,.pin-dot{animation:none}}