:root{--ink: #142428;--paper: #fff8ec;--line: #b8d4c8;--lime: #c8f25a;--lime-deep: #7cb518;--orange: #ff7a45;--red: #e23d4a;--sky: #5ec8ff;--coral: #ff5d6c;--teal: #1f5c5a;--teal-deep: #163a45;--wood: #2a6b66;--wood-dark: #164844;--hand: "Patrick Hand", "Comic Sans MS", cursive;--marker: "Caveat", "Patrick Hand", cursive;--display: "Fredoka", "Trebuchet MS", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;height:100%;overflow:hidden;font-family:var(--hand);font-size:21px;color:var(--ink);background-color:#1f5c5a;background-image:radial-gradient(ellipse at 16% -10%,rgba(255,248,236,.22),transparent 42%),radial-gradient(ellipse at 92% 6%,rgba(255,93,108,.18),transparent 34%),repeating-linear-gradient(90deg,rgba(10,32,36,.18) 0px,rgba(10,32,36,.18) 1px,transparent 1px,transparent 14px),repeating-linear-gradient(0deg,rgba(255,248,236,.06) 0px,rgba(255,248,236,.06) 1px,transparent 1px,transparent 21px),linear-gradient(165deg,#2f7a76,#1f5c5a 46%,#163a45);-webkit-user-select:none;user-select:none;touch-action:manipulation}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 120%,rgba(8,22,28,.42),transparent 46%)}#app{height:100%;width:100%;position:relative;z-index:1}.desk{min-height:100%;height:100%;display:grid;place-items:center;padding:10px}.notebook{--page-w: 920px;--page-h: 580px;width:min(var(--page-w),100%);height:min(var(--page-h),100%);max-height:calc(100dvh - 16px);position:relative;display:grid;grid-template-columns:54px 1fr;background:var(--paper);border:3px solid #1a1a1a;border-radius:3px 4px 2px 5px;box-shadow:8px 12px #14242838,0 18px 40px #08181e57;overflow:hidden}.notebook:before{content:"";position:absolute;inset:0 0 0 54px;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--line) 31px,var(--line) 33px);opacity:.85;z-index:0}.notebook:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 18% 22%,rgba(210,180,140,.08),transparent 36%),radial-gradient(circle at 80% 78%,rgba(180,140,90,.06),transparent 40%);z-index:1}.binder{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:52px 0 16px;background:linear-gradient(90deg,#f7f1e3,#fffdf7 80%);border-right:2px dashed rgba(28,26,23,.12)}.binder-hole{width:18px;height:18px;border-radius:50%;border:2.5px solid #1a1a1a;background:radial-gradient(circle at 35% 30%,#5ad1c4,#1f5c5a 70%);box-shadow:inset 1px 2px 3px #00000059;cursor:pointer}.binder-hole.marked{outline:3px solid #ffd54a;outline-offset:2px;background:#ffe082}.page{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0}.tape{position:absolute;top:-6px;height:22px;width:72px;background:#fff4aabf;border:1.5px solid rgba(28,26,23,.25);transform:rotate(-2deg);z-index:6;pointer-events:none}.tape.right{right:90px;transform:rotate(3deg);width:64px}.tape.left{left:70px}.toolbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px;min-height:58px}.tools{display:flex;gap:8px;align-items:center}.icon-btn{width:42px;height:42px;border-radius:50%;border:3px solid #1a1a1a;background:#fff;display:grid;place-items:center;cursor:pointer;padding:0;color:#1a1a1a;box-shadow:2px 2px #1a1a1a}.icon-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.icon-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hint-btn{display:flex;align-items:center;gap:6px;border:3px solid #1a1a1a;background:#fff;border-radius:999px;padding:4px 10px 4px 8px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:20px;box-shadow:2px 2px #1a1a1a}.hint-btn .bulb{width:30px;height:30px;border-radius:50%;background:#ffe14a;border:2.5px solid #1a1a1a;display:grid;place-items:center;font-size:16px}.hud-stage{position:absolute;inset:0;pointer-events:none;z-index:6}.hud-stage>*{pointer-events:auto}.stage{position:relative;flex:1;min-height:0;padding:8px 28px 20px;display:flex;flex-direction:column;align-items:center}.prompt{font-family:var(--marker);font-weight:700;font-size:clamp(32px,4.8vw,46px);text-align:center;line-height:1.05;margin:6px 0 14px;max-width:740px;letter-spacing:.4px}.prompt .hot{cursor:pointer;border-bottom:3px dashed #1a1a1a}.level-body{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;min-height:0;overflow-y:auto}.level-body.selecting{justify-content:flex-start;overflow-y:auto;padding:4px 0 20px}.pill{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:.6px;border:4px solid #1a1a1a;border-radius:999px;padding:10px 46px 12px;cursor:pointer;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:3px 4px #1a1a1a;transform:rotate(var(--tilt, -1deg))}.pill:hover{filter:brightness(1.05);transform:rotate(var(--tilt, -1deg)) scale(1.03)}.pill:active{transform:rotate(var(--tilt, -1deg)) translate(1px,2px);box-shadow:1px 2px #1a1a1a}.pill.lime{background:linear-gradient(#b6ff6a,var(--lime-deep))}.pill.orange{background:linear-gradient(#ffd27a,#f59b2a);color:#1a1a1a;text-shadow:none;font-size:24px;padding:8px 32px 10px}.pill.red{background:linear-gradient(#ff8b7a,#e4453a)}.pill.sky{background:linear-gradient(#c6ecff,#6ec1f2);color:#1a1a1a;text-shadow:none}.title-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:0}.logo{font-family:var(--display);font-size:clamp(18px,2.4vw,22px);letter-spacing:2px;text-transform:uppercase;opacity:.7}.mascot-row{display:flex;align-items:flex-end;gap:18px;margin:0;transform:scale(.82);transform-origin:center bottom}.cta-stack{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.scribble-underline{width:210px;height:10px;margin-top:-6px}.room,.scene{position:relative;width:min(520px,100%);height:250px}.doodle{overflow:visible}.big-number{font-family:var(--display);font-size:148px;line-height:1;cursor:grab;display:inline-block;padding:10px 24px}.lamp-scene,.bird-scene,.space-scene,.treat-scene,.door-scene{position:relative;width:min(560px,100%);height:270px}.plug,.cage,.sun,.moon,.not-word,.ice-cream,.sleepy,.hud-cat{cursor:grab;touch-action:none}.draggable.dragging{cursor:grabbing;z-index:8}.socket{position:absolute;left:36px;bottom:28px;width:54px;height:70px}.plug{position:absolute;left:92px;bottom:38px;width:70px;height:46px;z-index:4}.lamp{position:absolute;right:70px;top:8px;width:150px;height:210px;pointer-events:none}.cord{position:absolute;left:120px;bottom:52px;width:240px;height:90px;pointer-events:none}.cheese{position:relative;width:220px;height:150px}.cheese-hole{position:absolute;width:28px;height:28px;border-radius:50%;background:#f4d27a;border:3px solid #1a1a1a;cursor:pointer}.cheese-hole.marked{background:#ffe082;box-shadow:0 0 0 4px #ffd54aa6}.bird{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:92px;z-index:1;pointer-events:none}.cage{position:absolute;left:50%;top:46%;width:210px;transform:translate(-50%,-50%);z-index:3}.sun{position:absolute;right:40px;top:0;width:96px;z-index:4}.ice-cream{position:absolute;left:50%;bottom:10px;width:90px;transform:translate(-50%);pointer-events:none}.press-row{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:36px;font-weight:700}.not-word{display:inline-block;padding:2px 8px;border:2px dashed transparent}.not-word:hover{border-color:#1a1a1a}.answer-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.scribble-input{font-family:var(--hand);font-size:30px;width:min(240px,70vw);border:3px solid #1a1a1a;border-radius:14px;padding:8px 12px;text-align:center;background:#fff;box-shadow:3px 3px #1a1a1a}.sleepy{width:180px;touch-action:none}.zzz{position:absolute;font-family:var(--display);font-weight:700;animation:floaty 1.6s ease-in-out infinite}.hud-cat{position:absolute;left:50px;top:2px;width:50px;transform:rotate(14deg);filter:drop-shadow(1px 2px 0 #1a1a1a);background:transparent;border:0;padding:0}.cow{position:absolute;left:36px;bottom:16px;width:130px;pointer-events:none}.moon{position:absolute;right:48px;top:8px;width:92px}.grid-select{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:10px;width:min(520px,100%)}.lvl-dot{aspect-ratio:1;border:3px solid #1a1a1a;border-radius:18px;background:#fff;font-family:var(--display);font-size:22px;font-weight:700;cursor:pointer;box-shadow:2px 2px #1a1a1a}.lvl-dot.done{background:var(--lime)}.lvl-dot.locked{opacity:.45;cursor:not-allowed;background:#eee;font-size:18px;font-family:"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",sans-serif}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#fffdf747;padding:16px}.stamp-card,.menu-card{position:relative;z-index:2;background:#fffdf8;border:4px solid #1a1a1a;border-radius:18px;padding:22px 28px 20px;text-align:center;box-shadow:6px 8px #1a1a1a;max-width:420px;width:min(420px,92%);transform:rotate(-1.5deg)}.stamp-card h2,.menu-card h2{font-family:var(--display);font-size:46px;margin:0 0 8px}.stamp-card p,.menu-card p{margin:0 0 16px;font-size:24px}.stamp-card.win h2{color:#2e7d32}.stamp-card.fail h2{color:#c62828}.menu-card{transform:rotate(1deg)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:22px;margin:8px 0 18px}.toggle button{min-width:92px}.hint-note{position:absolute;right:18px;top:64px;z-index:18;width:min(260px,70%);background:#fff3a1;border:3px solid #1a1a1a;padding:12px 14px;font-size:20px;line-height:1.25;transform:rotate(3deg);box-shadow:4px 4px #1a1a1a;animation:pop .25s ease-out}.hint-note strong{font-family:var(--display);display:block;margin-bottom:4px}.more-menu{position:absolute;left:108px;top:58px;z-index:16;background:#fff;border:3px solid #1a1a1a;border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:3px 3px #1a1a1a}.more-menu button{font-family:var(--hand);font-size:20px;border:2px solid #1a1a1a;background:#fffbe6;border-radius:10px;padding:6px 14px;cursor:pointer}.ghost-fail{position:absolute;font-family:var(--display);font-size:22px;color:#c62828;pointer-events:none;animation:upfade .8s ease-out forwards}.melt{animation:drip 1.4s ease-in-out infinite}@keyframes pop{0%{transform:rotate(3deg) scale(.7);opacity:0}}@keyframes floaty{50%{transform:translateY(-8px)}}@keyframes upfade{to{transform:translateY(-28px);opacity:0}}@keyframes drip{50%{transform:translate(-50%) rotate(4deg) translateY(4px)}}@keyframes wiggle{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.wiggle{animation:wiggle .8s ease-in-out infinite}.confetti{position:absolute;inset:0;pointer-events:none;z-index:1}.confetti i{position:absolute;width:8px;height:14px;border-radius:2px;pointer-events:none;animation:fall .9s ease-out forwards}@keyframes fall{to{transform:translateY(90px) rotate(120deg);opacity:0}}@media(max-width:720px){.notebook{grid-template-columns:38px 1fr}.notebook:before{inset:0 0 0 38px}.binder{padding-top:46px}.binder-hole{width:14px;height:14px}.stage{padding:4px 12px 12px}.prompt{font-size:28px}.pill{font-size:24px;padding:8px 28px 10px}.big-number{font-size:110px}.grid-select{grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px}.icon-btn{width:36px;height:36px}}.score-line{margin:0 0 8px;font-size:22px;opacity:.8}html.hub-open,body.hub-open{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100%}body.hub-open{background-color:#1f5c5a}#app:has(.hub){height:auto;min-height:100%}.hub{width:min(1120px,100%);margin:0 auto;padding:28px 18px 56px;display:flex;flex-direction:column;gap:0;position:relative}.desk-doodles{position:absolute;inset:0;pointer-events:none;z-index:0}.doodle-ring{position:absolute;width:140px;right:4%;top:72px;transform:rotate(12deg)}.doodle-clip{position:absolute;width:36px;left:18px;top:36%;transform:rotate(-18deg)}.doodle-pencil{position:absolute;height:150px;right:10px;bottom:8%;transform:rotate(18deg);filter:drop-shadow(3px 4px 0 rgba(26,26,26,.2))}.blotter{position:relative;z-index:1;background-color:#fff8ec;background-image:radial-gradient(circle at 12% 8%,rgba(90,209,196,.16),transparent 28%),repeating-linear-gradient(to bottom,transparent 0,transparent 34px,rgba(184,212,200,.72) 34px,rgba(184,212,200,.72) 36px);border:3px solid #142428;border-radius:3px 8px 4px 6px;padding:22px 24px 36px;display:flex;flex-direction:column;gap:16px;box-shadow:12px 16px #14242847,0 28px 48px #08181e57}.blotter:before{content:"";position:absolute;top:-8px;left:12%;width:86px;height:18px;background:#fff4aad1;border:1.5px solid rgba(26,26,26,.25);transform:rotate(-2deg)}.blotter:after{content:"";position:absolute;top:-6px;right:16%;width:64px;height:16px;background:#fff4aabf;border:1.5px solid rgba(26,26,26,.25);transform:rotate(3deg)}.hub-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:2px dashed rgba(26,26,26,.16)}.hub-brand span{display:block;font-family:var(--display);font-size:32px;font-weight:700;letter-spacing:-.4px}.hub-brand small{display:block;font-size:20px;opacity:.78}.hub-stats{display:flex;gap:8px}.stat-chip,.ghost-btn{font-family:var(--display);font-weight:600;border:2.5px solid #1a1a1a;background:#fffdf7;border-radius:999px;padding:7px 15px;cursor:pointer;box-shadow:3px 3px #1a1a1a;transition:transform .12s ease,box-shadow .12s ease}.stat-chip:hover,.ghost-btn:hover{transform:translate(-1px,-2px);box-shadow:4px 5px #1a1a1a}.stat-chip:active,.ghost-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.ghost-btn.primary{background:var(--lime)}.hub-title{font-family:var(--display);font-size:clamp(38px,6.2vw,62px);margin:4px 0 0;letter-spacing:-.9px;text-shadow:2px 3px 0 rgba(200,242,90,.55)}.hub-sub{font-family:var(--display);font-size:24px;margin:8px 0 0}.hub-intro,.hub-foot{margin:0;font-size:22px;max-width:680px;line-height:1.35}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.game-card{--accent: var(--lime);text-align:left;border:3px solid #1a1a1a;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.7),transparent 42%),#fffdf8;border-radius:18px;padding:16px 16px 14px;min-height:222px;display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:5px 7px #1a1a1a;font-family:var(--hand);transition:transform .14s ease,box-shadow .14s ease}.game-card:hover{transform:translate(-3px,-5px) rotate(-1deg);box-shadow:9px 11px #1a1a1a}.game-card:active{transform:translate(2px,3px) rotate(.4deg);box-shadow:2px 2px #1a1a1a}.game-card.soon{opacity:.92;background:#f3f7f4}.game-card .cover{font-size:46px;width:68px;height:68px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 46%),var(--accent);border:2.5px solid #1a1a1a;border-radius:16px;margin-bottom:4px;box-shadow:2px 3px #1a1a1a33}.game-card strong{font-family:var(--display);font-size:24px}.game-card em{font-style:normal;font-size:19px;opacity:.78;flex:1}.game-card .badge{align-self:flex-start;font-family:var(--display);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:var(--accent);border:2px solid #1a1a1a;border-radius:999px;padding:3px 10px}.game-card.soon .badge{background:#eee}.game-card.featured{grid-column:1 / -1;flex-direction:row;align-items:center;gap:18px;min-height:168px;background:radial-gradient(circle at 8% 0%,rgba(255,210,74,.55),transparent 36%),radial-gradient(circle at 92% 100%,rgba(90,209,196,.28),transparent 40%),#fff8ec}.game-card.featured .cover{width:88px;height:88px;font-size:52px;border-radius:22px;flex-shrink:0}.feat-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.feat-badge{background:#142428!important;color:#ffd24a}.how-list{text-align:left;margin:0 0 12px;padding-left:22px;font-size:20px;line-height:1.35}.char-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 16px}.char-pick{border:3px solid #142428;background:#fff8ec;border-radius:14px;padding:10px 8px;cursor:pointer;font-family:var(--hand);box-shadow:2px 3px #142428;text-align:left}.char-pick strong{display:block;font-family:var(--display);font-size:18px}.char-pick em{display:block;font-style:normal;font-size:15px;opacity:.78}.char-pick.on{background:var(--body, #ffd24a)}.char-pick.locked{opacity:.5;cursor:not-allowed}.char-pick.kit-paz strong:before,.char-pick.kit-kito strong:before,.char-pick.kit-mara strong:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;border:2px solid #142428;vertical-align:middle}.char-pick.kit-paz strong:before{background:#2ec4b6}.char-pick.kit-kito strong:before{background:#f0c14a;border-radius:2px}.char-pick.kit-mara strong:before{background:#ff7a45;border-radius:2px 8px}.buff-row{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.buff-chip{font-family:var(--display);font-weight:700;font-size:15px;border:2.5px solid #142428;border-radius:999px;padding:3px 10px;box-shadow:2px 2px #142428;color:#142428}.buff-chip b{font-weight:700}.buff-chip.ward{background:#7ef0e4}.buff-chip.magnet{background:#c9b6ff}.buff-chip.sunburst{background:#ffd24a}.buff-chip.haze{background:#bfe8ff}.buff-chip.spring{background:#c8f25a}.runner-intro{width:min(560px,100%)}.runner-wrap{width:min(780px,100%);height:min(560px,66dvh);min-height:300px;position:relative;overflow:hidden}.runner-canvas{touch-action:none}.runner-3d{background:linear-gradient(#7eb8d8,#e8c090);height:min(620px,72dvh)}.runner-3d .runner-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.runner-hud{position:absolute;top:10px;left:10px;right:10px;z-index:3;width:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start;pointer-events:none}.runner-pause{margin-left:auto;pointer-events:auto}.runner-stat{font-family:var(--display);font-weight:700;font-size:18px;background:#fff8ec;border:2.5px solid #142428;border-radius:999px;padding:4px 12px;box-shadow:2px 2px #142428}@media(max-width:720px){.game-card.featured{flex-direction:column;align-items:flex-start;min-height:0}.char-row{grid-template-columns:1fr}.runner-wrap{height:min(480px,58dvh)}.runner-pause{margin-left:0}}.trophy-list{display:flex;flex-direction:column;gap:10px}.trophy-row{border:2.5px solid #1a1a1a;border-radius:14px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:2px}.trophy-row.have{background:#e4f7a8}.trophy-row.need{opacity:.55}.trophy-row strong{font-family:var(--display);font-size:20px}.auth-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.auth-bar .who{font-size:20px}.auth-modal{position:fixed;inset:0;z-index:40;background:#1c1a1759;display:grid;place-items:center;padding:16px}.auth-card{width:min(420px,100%);background:#fffdf8;border:3px solid #1a1a1a;border-radius:18px;padding:22px;box-shadow:6px 8px #1a1a1a;display:flex;flex-direction:column;gap:10px}.auth-card h2{font-family:var(--display);margin:0;font-size:30px}.auth-note,.auth-err{margin:0;font-size:18px}.auth-err{color:#c62828}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:20px}.auth-card input{font-family:var(--hand);font-size:24px;border:3px solid #1a1a1a;border-radius:12px;padding:8px 10px}.auth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.auth-switch{background:none;border:0;font-family:var(--hand);font-size:20px;text-decoration:underline;cursor:pointer;text-align:left;padding:0}.hub-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:50;background:#fff3a1;border:3px solid #1a1a1a;border-radius:14px;padding:10px 16px;font-size:20px;box-shadow:3px 3px #1a1a1a;max-width:min(420px,92vw)}@media(max-width:720px){.hub{padding:14px 10px 40px}.blotter{padding:16px 12px 28px;box-shadow:7px 9px #1a1a1a2e}.doodle-pencil,.doodle-clip{display:none}.doodle-ring{width:90px;top:12px;opacity:.7}.hub-head{align-items:flex-start}.game-card{min-height:176px}.game-card.featured{grid-column:1 / -1}}@media(max-height:560px){.prompt{font-size:26px;margin-bottom:6px}.mascot-row{transform:scale(.85)}}.cabinet{--accent: var(--lime);position:relative;height:100%;min-height:100%;display:flex;flex-direction:column;gap:10px;padding:14px 16px 18px;width:min(1080px,100%);margin:0 auto}.cabinet-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cabinet-brand{flex:1;min-width:140px}.cabinet-brand span{display:block;font-family:var(--display);font-size:26px;font-weight:700}.cabinet-brand small{display:none}.cabinet-banner{margin:0;font-size:20px;background:#fffdf8;border:2.5px solid #1a1a1a;border-radius:999px;padding:4px 12px;box-shadow:2px 2px #1a1a1a}.cabinet-stage{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.cabinet.cabinet-runner{width:min(1560px,100%);max-width:100%;padding:8px 10px 10px;gap:6px}.cabinet-runner .cabinet-bar{flex-wrap:nowrap;gap:8px}.cabinet-runner .cabinet-brand span{font-size:22px}.cabinet-runner .cabinet-banner{font-size:16px;padding:3px 10px}.cabinet-runner.is-playing .cabinet-stage{overflow:hidden;align-items:stretch;gap:0}.cabinet-runner.is-playing .runner-wrap,.cabinet-runner.is-playing .runner-3d{width:100%;height:100%;min-height:0;flex:1;border:3px solid #142428;border-radius:16px;box-shadow:4px 5px #142428}.yard-intro{width:min(620px,100%)}.yard-input{width:100%;border:3px solid #142428;border-radius:14px;padding:10px 12px;font-family:var(--hand);font-size:20px;background:#fffdf8;margin:8px 0}.yard-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.yard-swatch{width:34px;height:34px;border-radius:50%;border:3px solid #142428;background:var(--sw);cursor:pointer;box-shadow:2px 2px #142428}.yard-swatch.on{outline:3px solid #c8f25a;outline-offset:2px}.yard-faces,.yard-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.yard-hud{position:absolute;top:10px;left:10px;right:10px;z-index:6;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}.yard-hud .runner-stat{background:#fff8ec;box-shadow:3px 3px #142428}.yard-log{position:absolute;left:10px;bottom:72px;width:min(280px,42%);max-height:28%;overflow:auto;z-index:6;background:#fffdf8e6;border:2.5px solid #142428;border-radius:12px;padding:6px 8px;pointer-events:auto;box-shadow:2px 2px #142428}.yard-line{margin:0 0 4px;font-size:16px;line-height:1.25}.yard-chat{position:absolute;left:10px;right:10px;bottom:10px;z-index:7;display:flex;gap:8px;pointer-events:auto}.yard-chat .yard-input{margin:0;flex:1;background:#fff8ec;box-shadow:2px 2px #142428}.yard-emotes{position:absolute;right:10px;bottom:72px;z-index:7;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.yard-emotes .ghost-btn{background:#fff8ec;box-shadow:2px 2px #142428}.yard-move,.yard-hop{display:none}.yard-stick{position:absolute;left:18px;bottom:18px;width:120px;height:120px;border:3px solid #142428;border-radius:50%;background:#fff8ec6b;box-shadow:inset 0 0 0 10px #1424280f;touch-action:none}.yard-knob{width:48px;height:48px;border-radius:50%;background:#7ad3a0;border:3px solid #142428;position:absolute;left:36px;top:36px;box-shadow:2px 2px #142428}.yard-wrap.has-touch .yard-move,.yard-wrap.has-touch .yard-hop{display:block}.yard-move{position:absolute;left:0;bottom:62px;width:46%;height:54%;z-index:5;touch-action:none;pointer-events:auto}.yard-hop{place-items:center;position:absolute;right:14px;bottom:128px;width:76px;height:76px;border-radius:50%;border:3px solid #142428;background:#c8f25a;font-family:var(--display);font-weight:700;font-size:18px;z-index:7;box-shadow:3px 3px #142428;touch-action:none}.yard-wrap.has-touch .yard-hop{display:grid}@media(max-width:820px){.yard-move,.yard-hop{display:block}.yard-wrap .yard-hop{display:grid;bottom:148px}.yard-emotes{flex-direction:column;align-items:stretch;right:10px;bottom:236px;max-width:92px}.yard-emotes .ghost-btn{font-size:14px;padding:4px 8px}.yard-log{top:52px;bottom:auto;left:10px;max-height:76px;width:min(240px,56%)}.yard-line{font-size:14px}}.cab-intro{width:min(520px,100%);background:#fffdf8;border:3px solid #1a1a1a;border-radius:18px;padding:22px 20px;box-shadow:5px 6px #1a1a1a;text-align:center}.cab-intro h2{font-family:var(--display);margin:0 0 8px;font-size:32px}.cab-intro p,.cab-hint{margin:0 0 14px;font-size:22px;line-height:1.35}.cab-hint{text-align:center;opacity:.8}.maze-board{display:grid;gap:3px;width:min(560px,100%);padding:10px;background:#f7fbff;border:3px solid #1a1a1a;border-radius:12px;box-shadow:4px 5px #1a1a1a}.maze-cell{aspect-ratio:1;border:2px solid #1a1a1a;border-radius:8px;padding:0;font-size:16px;cursor:pointer}.maze-cell.wall{background:#1a1a1a;cursor:not-allowed}.maze-cell.floor{background:#fffdf8}.maze-cell.crumb{background:#ffe14a}.maze-cell.exit{background:#9ad7ff}.maze-cell.you{background:var(--lime);font-size:18px}.sticky-cork{width:min(560px,100%);background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 40%),#e8c49a;border:3px solid #1a1a1a;border-radius:16px;padding:16px;box-shadow:5px 6px #1a1a1a}.joke-card{background:#fffdf8;border:3px dashed #1a1a1a;border-radius:14px;padding:16px;min-height:110px;text-align:center}.joke-card em{display:block;font-family:var(--display);font-size:14px;letter-spacing:1px}.joke-card strong{font-size:26px;font-weight:500}.sticky-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.sticky-note{background:#fff3a1;border:2.5px solid #1a1a1a;border-radius:4px 4px 10px;min-height:88px;padding:10px;font-family:var(--hand);font-size:20px;line-height:1.2;cursor:grab;box-shadow:3px 3px #1a1a1a59;transform:rotate(-1.5deg);touch-action:none}.sticky-note:nth-child(2n){background:#c6ecff;transform:rotate(1.8deg)}.sticky-note:nth-child(3){background:#ffd6e7}.pilot-wrap{width:min(720px,100%);height:min(380px,52dvh);min-height:240px}.pilot-canvas{width:100%;height:100%;display:block;border:3px solid #1a1a1a;border-radius:16px;box-shadow:4px 5px #1a1a1a;touch-action:none}.duel-arena{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:12px}.duel-faces{display:flex;justify-content:space-between;width:100%;gap:12px}.duel-face{display:flex;flex-direction:column;align-items:center;font-family:var(--display)}.duel-track{position:relative;width:100%;height:56px;background:#fffdf8;border:3px solid #1a1a1a;border-radius:999px;box-shadow:3px 3px #1a1a1a;overflow:hidden}.duel-zone{position:absolute;top:6px;bottom:6px;border:3px dashed #1a1a1a;border-radius:999px;background:#9dff5773}.duel-puck{position:absolute;top:50%;width:30px;height:30px;border-radius:50%;background:#1a1a1a;border:3px solid #fffdf8;transform:translate(-50%,-50%)}.cabinet .overlay{position:absolute;border-radius:0}.stamp-card .pill{margin:6px 4px 0}.store-shelf{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:12px;border-top:2px dashed rgba(20,36,40,.18)}.store-note{margin:0;font-size:20px;max-width:720px;line-height:1.35}.store-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.store-card{--accent: var(--coral);text-decoration:none;color:inherit;text-align:left;border:3px solid #142428;background:repeating-linear-gradient(-12deg,transparent 0,transparent 10px,rgba(20,36,40,.04) 10px,rgba(20,36,40,.04) 12px),#fff8ec;border-radius:16px;padding:14px 14px 12px;min-height:188px;display:flex;flex-direction:column;gap:4px;box-shadow:4px 5px #142428}.store-card:hover{transform:translate(-2px,-3px);box-shadow:7px 8px #142428}.store-kicker,.store-chip{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.store-kicker{font-size:12px;color:#163a45}.store-card strong{font-family:var(--display);font-size:22px}.store-card em{font-style:normal;font-size:18px;opacity:.78}.store-blurb{font-size:18px;flex:1;line-height:1.25}.store-chip{align-self:flex-start;font-size:13px;background:var(--accent);border:2px solid #142428;border-radius:999px;padding:4px 10px;margin-top:6px}.sock-grid{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:10px;width:min(520px,100%)}.sock-tile{aspect-ratio:.78;border:3px solid #142428;border-radius:14px 14px 20px 20px;background:#1f5c5a;color:#fff8ec;cursor:pointer;padding:0;position:relative;box-shadow:3px 3px #142428;font-family:var(--display);font-size:22px;overflow:hidden}.sock-tile .sock-face,.sock-tile .sock-back{position:absolute;inset:0;display:grid;place-items:center}.sock-tile .sock-face{display:none;color:#142428}.sock-tile.up .sock-back,.sock-tile.matched .sock-back{display:none}.sock-tile.up .sock-face,.sock-tile.matched .sock-face{display:grid}.sock-tile.matched{box-shadow:2px 2px #142428;transform:translate(1px,1px)}@media(max-width:720px){.cabinet{padding:10px 10px 16px}.cabinet.cabinet-runner{padding:6px 6px 8px}.cabinet-runner .cabinet-bar{flex-wrap:wrap}.cabinet-runner .cabinet-brand{min-width:0;flex:1 1 auto}.sticky-row{grid-template-columns:1fr}.cabinet-banner{width:100%;text-align:center}.hub-intro,.hub-foot,.store-note{font-size:20px}.sock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}@media(max-height:720px){.cabinet-runner.is-playing .cabinet-banner{display:none}}