:root{--ink:#2a1b15;--ink-soft:#5b3927;--panel:#d79b62;--panel-light:#f7d892;--grass:#76bd58;--sky:#27c6e7;color:var(--ink);background:var(--sky);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Trebuchet MS,Verdana,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;image-rendering:pixelated;background:linear-gradient(#20c7e9 0 36%,#8adf77 36% 58%,#5eaa4e 58% 100%);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.62}.app-shell{isolation:isolate;max-width:1440px;min-height:100vh;margin:0 auto;padding:28px;position:relative;overflow:hidden}.backdrop-grid{z-index:-2;background:radial-gradient(circle at 12% 11%,#ffffff85 0 26px,#0000 27px) 0 0/240px 180px,radial-gradient(circle at 16% 14%,#ffffff6b 0 22px,#0000 23px) 0 0/260px 190px,radial-gradient(circle at 80% 18%,#ffffff5c 0 28px,#0000 29px) 0 0/310px 210px,linear-gradient(135deg,#0000 0 49%,#ffffff1f 50% 51%,#0000 52%) 0 0/32px 32px,linear-gradient(#0000 0 48%,#23743f6b 48% 100%) 0 0/100% 100%;position:fixed;inset:0}.backdrop-grid:before{content:"";opacity:.52;background:linear-gradient(90deg,#336f3a 0 20px,#4a8d43 20px 38px,#2e6437 38px 58px) 0 0/58px 64px,linear-gradient(#0000 0 34px,#386a2f 34px 100%);height:118px;position:absolute;inset:auto 0 0}.hero-panel{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.hero-panel h1{color:#e8eef0;letter-spacing:-.08em;text-transform:uppercase;text-shadow:4px 0 #3a2720,-4px 0 #3a2720,0 4px #3a2720,0 -4px #3a2720,8px 8px #8f633e,12px 12px #2a1b152e;max-width:850px;margin:0;font-size:clamp(3.4rem,8vw,7.8rem);font-weight:950;line-height:.82}.hero-panel h1:after{content:"WORLD";color:#f7d892;letter-spacing:.04em;background:#8a5837;border:4px solid #3a2720;width:fit-content;margin:8px auto 0;padding:4px 20px 7px;font-size:clamp(1rem,2.3vw,2rem);display:block;box-shadow:4px 4px #2a1b153d}.hero-copy{border:3px solid var(--ink);max-width:720px;color:var(--ink);background:#f7d892db;padding:12px 14px;font-size:1.02rem;line-height:1.55;box-shadow:5px 5px #2a1b1533}.eyebrow{border:3px solid var(--ink);color:#fff7d6;letter-spacing:.11em;text-transform:uppercase;background:#6ea84f;width:fit-content;margin:0 0 10px;padding:4px 10px;font-size:.72rem;font-weight:950;box-shadow:3px 3px #2a1b1533}.server-pill,.progress-pill,.player-chip,.room-message,.toast{border:3px solid var(--ink);background:var(--panel-light);border-radius:0;box-shadow:5px 5px #2a1b1547}.server-pill{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;padding:10px 12px;font-weight:950;display:flex}.server-pill span{border:3px solid var(--ink);background:#f0a33a;width:13px;height:13px}.server-pill.connected span{background:#4fba48}.server-pill.closed span{background:#cf4e42}.room-message,.toast{width:fit-content;max-width:min(780px,100%);color:var(--ink);margin-bottom:16px;padding:10px 14px;font-weight:900}.toast{background:#f0a3a3}.glass-card,.control-panel{border:4px solid var(--ink);background:linear-gradient(180deg, #fff4be8c, transparent 32px), var(--panel);border-radius:0;box-shadow:8px 8px #2a1b1547,inset 0 0 0 4px #ffe9a652}.join-panel{grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:28px;padding:28px;display:grid}.join-panel h2,.room-header h2,.panel-section h3{color:var(--ink);letter-spacing:-.04em;text-shadow:2px 2px #fff0bca6;margin:0 0 12px;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:950}.join-panel p,.panel-section p{color:var(--ink-soft);line-height:1.55}.stack-form{gap:16px;display:grid}label{color:var(--ink);gap:8px;font-weight:950;display:grid}input,textarea{border:3px solid var(--ink);width:100%;color:var(--ink);background:#fff0bd;border-radius:0;outline:none;transition:background .12s,transform .12s,box-shadow .12s;box-shadow:inset 3px 3px #8e583833}input{padding:12px 14px}textarea{resize:vertical;min-height:118px;padding:14px}input:focus,textarea:focus{background:#fff7dc;transform:translate(-1px,-1px);box-shadow:inset 3px 3px #8e58382e,0 0 0 4px #3a925347}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.avatar-card{border:3px solid var(--ink);min-height:224px;color:var(--ink);background:#c8864f;border-radius:0;grid-template-rows:128px auto auto;place-items:start center;gap:12px;padding:0 8px 16px;font-weight:950;transition:background .14s,transform .14s,box-shadow .14s;display:grid;box-shadow:4px 4px #2a1b1538}.avatar-card .character-avatar{align-self:end;margin-bottom:16px}.avatar-card>span:not(.character-avatar){z-index:2;text-align:center;height:33px;line-height:39px;position:relative}.avatar-card small{z-index:2;min-height:34px;color:var(--ink-soft);text-align:center;font-size:.68rem;font-weight:900;line-height:1.15;position:relative}.avatar-card:hover,.avatar-card.selected{background:#f1c25f;transform:translate(-2px,-2px);box-shadow:7px 7px #2a1b1538}.character-avatar{--sprite-scale:1;--skin:#f4bf7a;--accent:#ffe15d;--secondary:#5b3927;width:calc(74px * var(--sprite-scale));height:calc(92px * var(--sprite-scale));transform-origin:bottom;place-items:end center;display:grid;position:relative}.character-avatar.small{--sprite-scale:.46}.character-avatar.medium{--sprite-scale:.72}.character-avatar.large{--sprite-scale:.92}.character-shadow{width:calc(58px * var(--sprite-scale));height:calc(12px * var(--sprite-scale));background:#2a1b1547;position:absolute;bottom:0;transform:skew(-18deg)}.character-sprite{bottom:calc(7px * var(--sprite-scale));width:calc(48px * var(--sprite-scale));height:calc(78px * var(--sprite-scale));animation:1.7s steps(2,jump-none) infinite spriteBreathe;position:absolute;left:50%;transform:translate(-50%)}.motion-float .character-sprite{animation-name:spriteFloat;animation-duration:2.2s}.motion-march .character-sprite{animation-name:spriteMarch;animation-duration:.7s}.motion-wiggle .character-sprite{animation-name:spriteWiggle;animation-duration:1s}.character-avatar.confessor .character-sprite{animation:.6s steps(2,jump-none) infinite spriteCelebrate}.character-avatar.you{filter:drop-shadow(0 0 #fff1bf)drop-shadow(0 0 6px #fff1bfe6)}.character-hair,.character-head,.character-body,.character-arm,.character-leg,.character-accessory,.character-badge,.character-hat,.character-held-item,.character-tail,.character-ears,.character-face-gear{border:calc(3px * var(--sprite-scale)) solid var(--ink);box-shadow:calc(3px * var(--sprite-scale)) calc(3px * var(--sprite-scale)) 0 #2a1b152e;position:absolute}.character-head{top:calc(14px * var(--sprite-scale));left:calc(11px * var(--sprite-scale));z-index:3;width:calc(30px * var(--sprite-scale));height:calc(29px * var(--sprite-scale));background:var(--skin)}.character-hair{top:calc(5px * var(--sprite-scale));left:calc(7px * var(--sprite-scale));z-index:4;width:calc(35px * var(--sprite-scale));height:calc(19px * var(--sprite-scale));background:linear-gradient(90deg, transparent 0 18%, var(--hair) 18% 100%), var(--hair);box-shadow:calc(7px * var(--sprite-scale)) calc(7px * var(--sprite-scale)) 0 var(--hair), calc(3px * var(--sprite-scale)) calc(3px * var(--sprite-scale)) 0 #2a1b152e}.character-eye{top:calc(12px * var(--sprite-scale));width:calc(5px * var(--sprite-scale));height:calc(5px * var(--sprite-scale));background:var(--ink);position:absolute}.character-eye.left{left:calc(7px * var(--sprite-scale))}.character-eye.right{right:calc(7px * var(--sprite-scale))}.character-mouth{right:calc(11px * var(--sprite-scale));bottom:calc(6px * var(--sprite-scale));width:calc(7px * var(--sprite-scale));height:calc(3px * var(--sprite-scale));background:#b94a42;position:absolute}.character-body{top:calc(41px * var(--sprite-scale));left:calc(8px * var(--sprite-scale));z-index:2;width:calc(35px * var(--sprite-scale));height:calc(29px * var(--sprite-scale));background:linear-gradient(90deg, #ffffff38 0 26%, transparent 26%), var(--tunic)}.character-arm{top:calc(44px * var(--sprite-scale));z-index:1;width:calc(13px * var(--sprite-scale));height:calc(24px * var(--sprite-scale));background:var(--skin)}.character-arm.left{left:calc(0px * var(--sprite-scale));transform:rotate(8deg)}.character-arm.right{right:calc(0px * var(--sprite-scale));transform:rotate(-8deg)}.character-leg{z-index:1;width:calc(13px * var(--sprite-scale));height:calc(17px * var(--sprite-scale));background:#5b3927;bottom:0}.character-leg.left{left:calc(11px * var(--sprite-scale))}.character-leg.right{right:calc(9px * var(--sprite-scale))}.character-badge{top:calc(8px * var(--sprite-scale));right:calc(7px * var(--sprite-scale));width:calc(8px * var(--sprite-scale));height:calc(8px * var(--sprite-scale));background:#fff1bf}.character-accessory{z-index:5}.character-hat,.character-held-item,.character-tail,.character-ears,.character-face-gear{display:none}.accessory-spark .character-accessory{top:calc(2px * var(--sprite-scale));right:calc(-6px * var(--sprite-scale));width:calc(14px * var(--sprite-scale));height:calc(14px * var(--sprite-scale));border-width:calc(2px * var(--sprite-scale));clip-path:polygon(50% 0,62% 34%,100% 50%,62% 66%,50% 100%,38% 66%,0 50%,38% 34%);background:#ffe15d}.accessory-visor .character-accessory{top:calc(21px * var(--sprite-scale));left:calc(13px * var(--sprite-scale));width:calc(28px * var(--sprite-scale));height:calc(9px * var(--sprite-scale));background:#74f2ff}.accessory-notes .character-accessory{right:calc(-6px * var(--sprite-scale));bottom:calc(22px * var(--sprite-scale));width:calc(17px * var(--sprite-scale));height:calc(22px * var(--sprite-scale));background:linear-gradient(#0000 0 35%,#c8864f 35% 45%,#0000 45% 65%,#c8864f 65% 75%,#0000 75%),#fff0bd}.accessory-leaf .character-accessory{top:calc(0px * var(--sprite-scale));left:calc(0px * var(--sprite-scale));width:calc(18px * var(--sprite-scale));height:calc(12px * var(--sprite-scale));background:#69bd4f;border-radius:70% 0;transform:rotate(-24deg)}.accessory-flag .character-accessory{top:calc(1px * var(--sprite-scale));right:calc(-7px * var(--sprite-scale));width:calc(18px * var(--sprite-scale));height:calc(15px * var(--sprite-scale));background:#fff1bf}.accessory-boots .character-leg{height:calc(20px * var(--sprite-scale));background:#2c2f50}.accessory-crystal .character-accessory{top:calc(2px * var(--sprite-scale));right:calc(1px * var(--sprite-scale));width:calc(15px * var(--sprite-scale));height:calc(18px * var(--sprite-scale));clip-path:polygon(50% 0,100% 38%,78% 100%,22% 100%,0 38%);background:#7de9f1}.accessory-megaphone .character-accessory{right:calc(-12px * var(--sprite-scale));bottom:calc(25px * var(--sprite-scale));width:calc(20px * var(--sprite-scale));height:calc(15px * var(--sprite-scale));clip-path:polygon(0 28%,42% 28%,100% 0,100% 100%,42% 72%,0 72%);background:#fff1bf}.sprite-ronin .character-hair{top:calc(0px * var(--sprite-scale));left:calc(0px * var(--sprite-scale));width:calc(45px * var(--sprite-scale));height:calc(24px * var(--sprite-scale));background:linear-gradient(90deg, transparent 0 10%, var(--hair) 10% 100%), var(--hair);box-shadow:calc(-5px * var(--sprite-scale)) calc(8px * var(--sprite-scale)) 0 var(--hair), calc(6px * var(--sprite-scale)) calc(-3px * var(--sprite-scale)) 0 var(--hair), calc(15px * var(--sprite-scale)) calc(-5px * var(--sprite-scale)) 0 var(--hair), calc(26px * var(--sprite-scale)) calc(-2px * var(--sprite-scale)) 0 var(--hair)}.sprite-ronin .character-face-gear{top:calc(18px * var(--sprite-scale));right:calc(2px * var(--sprite-scale));width:calc(8px * var(--sprite-scale));height:calc(14px * var(--sprite-scale));background:var(--accent);display:block}.sprite-ronin .character-held-item{top:calc(24px * var(--sprite-scale));left:calc(-22px * var(--sprite-scale));width:calc(10px * var(--sprite-scale));height:calc(48px * var(--sprite-scale));transform-origin:bottom;background:linear-gradient(90deg,#f5f1dc 0 54%,#9fb7c0 54% 100%);display:block;transform:rotate(-42deg)}.sprite-ronin .character-body{background:linear-gradient(90deg, var(--secondary) 0 28%, var(--tunic) 28% 100%), var(--tunic)}.sprite-blaster .character-hat{top:calc(1px * var(--sprite-scale));left:calc(8px * var(--sprite-scale));z-index:6;width:calc(34px * var(--sprite-scale));height:calc(17px * var(--sprite-scale));background:linear-gradient(180deg, var(--accent) 0 35%, #2e76c4 35% 100%);display:block}.sprite-blaster .character-hair{display:none}.sprite-blaster .character-face-gear{top:calc(9px * var(--sprite-scale));left:calc(4px * var(--sprite-scale));width:calc(22px * var(--sprite-scale));height:calc(7px * var(--sprite-scale));background:#d8ffff;display:block}.sprite-blaster .character-held-item{top:calc(43px * var(--sprite-scale));left:calc(-19px * var(--sprite-scale));width:calc(45px * var(--sprite-scale));height:calc(8px * var(--sprite-scale));box-shadow:calc(-18px * var(--sprite-scale)) 0 0 #ff122e, 0 0 calc(8px * var(--sprite-scale)) #ff122ebf;background:#ff4d5f;display:block;transform:rotate(35deg)}.sprite-blaster .character-body{height:calc(34px * var(--sprite-scale));background:linear-gradient(90deg, var(--secondary) 0 20%, var(--tunic) 20% 80%, var(--secondary) 80%), var(--tunic)}.sprite-ninja .character-head{background:var(--secondary)}.sprite-ninja .character-hair{display:none}.sprite-ninja .character-face-gear{top:calc(9px * var(--sprite-scale));left:calc(-4px * var(--sprite-scale));width:calc(34px * var(--sprite-scale));height:calc(10px * var(--sprite-scale));background:var(--accent);display:block}.sprite-ninja .character-mouth{display:none}.sprite-ninja .character-body{top:calc(39px * var(--sprite-scale));width:calc(40px * var(--sprite-scale));height:calc(30px * var(--sprite-scale));background:linear-gradient(135deg, transparent 0 34%, var(--accent) 34% 44%, transparent 44%), var(--tunic)}.sprite-ninja .character-held-item{top:calc(29px * var(--sprite-scale));right:calc(-18px * var(--sprite-scale));width:calc(13px * var(--sprite-scale));height:calc(40px * var(--sprite-scale));background:#dbe1e5;display:block;transform:rotate(48deg)}.sprite-ninja .character-leg{background:#0c1117}.sprite-capybara .character-sprite{width:calc(62px * var(--sprite-scale))}.sprite-capybara .character-head{top:calc(18px * var(--sprite-scale));left:calc(6px * var(--sprite-scale));width:calc(42px * var(--sprite-scale));height:calc(33px * var(--sprite-scale));border-radius:calc(10px * var(--sprite-scale));background:#c3874f}.sprite-capybara .character-hair{display:none}.sprite-capybara .character-ears{top:calc(10px * var(--sprite-scale));left:calc(8px * var(--sprite-scale));z-index:5;width:calc(13px * var(--sprite-scale));height:calc(13px * var(--sprite-scale));box-shadow:calc(27px * var(--sprite-scale)) 0 0 #b67842, calc(3px * var(--sprite-scale)) calc(3px * var(--sprite-scale)) 0 #2a1b152e;background:#b67842;display:block}.sprite-capybara .character-body{top:calc(45px * var(--sprite-scale));left:calc(2px * var(--sprite-scale));width:calc(48px * var(--sprite-scale));height:calc(24px * var(--sprite-scale));border-radius:calc(9px * var(--sprite-scale));background:var(--tunic)}.sprite-capybara .character-tail{right:calc(-5px * var(--sprite-scale));bottom:calc(18px * var(--sprite-scale));width:calc(10px * var(--sprite-scale));height:calc(10px * var(--sprite-scale));background:var(--secondary);display:block}.sprite-capybara .character-held-item{right:calc(-7px * var(--sprite-scale));bottom:calc(25px * var(--sprite-scale));width:calc(16px * var(--sprite-scale));height:calc(22px * var(--sprite-scale));background:#f7d892;display:block}.sprite-knight .character-head{top:calc(9px * var(--sprite-scale));height:calc(38px * var(--sprite-scale));background:#aebdca}.sprite-knight .character-hair{display:none}.sprite-knight .character-hat{top:calc(-10px * var(--sprite-scale));left:calc(13px * var(--sprite-scale));z-index:7;width:calc(18px * var(--sprite-scale));height:calc(24px * var(--sprite-scale));background:var(--accent);display:block;transform:skew(-12deg)}.sprite-knight .character-face-gear{top:calc(14px * var(--sprite-scale));left:calc(2px * var(--sprite-scale));width:calc(31px * var(--sprite-scale));height:calc(8px * var(--sprite-scale));background:#253140;display:block}.sprite-knight .character-body{width:calc(38px * var(--sprite-scale));height:calc(35px * var(--sprite-scale));background:linear-gradient(180deg, #9fb7ca 0 30%, var(--tunic) 30% 100%)}.sprite-knight .character-held-item{right:calc(-15px * var(--sprite-scale));bottom:calc(13px * var(--sprite-scale));width:calc(18px * var(--sprite-scale));height:calc(38px * var(--sprite-scale));background:#323944;display:block}.sprite-mushroom .character-sprite{width:calc(62px * var(--sprite-scale))}.sprite-mushroom .character-hair{top:calc(-1px * var(--sprite-scale));left:calc(2px * var(--sprite-scale));width:calc(58px * var(--sprite-scale));height:calc(33px * var(--sprite-scale));border-radius:999px 999px calc(12px * var(--sprite-scale)) calc(12px * var(--sprite-scale));background:radial-gradient(circle at 18% 28%, var(--accent) 0 13%, transparent 14%), radial-gradient(circle at 58% 20%, var(--accent) 0 12%, transparent 13%), radial-gradient(circle at 78% 45%, var(--accent) 0 10%, transparent 11%), var(--hair)}.sprite-mushroom .character-head{top:calc(26px * var(--sprite-scale));left:calc(16px * var(--sprite-scale));width:calc(30px * var(--sprite-scale));height:calc(24px * var(--sprite-scale));background:#fff0d8}.sprite-mushroom .character-body{top:calc(49px * var(--sprite-scale));left:calc(13px * var(--sprite-scale));width:calc(34px * var(--sprite-scale));height:calc(20px * var(--sprite-scale));background:var(--tunic)}.sprite-mushroom .character-arm{height:calc(16px * var(--sprite-scale))}.sprite-skeleton .character-head{top:calc(11px * var(--sprite-scale));left:calc(10px * var(--sprite-scale));width:calc(33px * var(--sprite-scale));height:calc(33px * var(--sprite-scale));background:#eee0bf;border-radius:50%}.sprite-skeleton .character-hair{display:none}.sprite-skeleton .character-eye{width:calc(7px * var(--sprite-scale));height:calc(8px * var(--sprite-scale))}.sprite-skeleton .character-mouth{right:calc(10px * var(--sprite-scale));bottom:calc(5px * var(--sprite-scale));width:calc(13px * var(--sprite-scale));height:calc(5px * var(--sprite-scale));background:repeating-linear-gradient(90deg, var(--ink) 0 calc(2px * var(--sprite-scale)), transparent calc(2px * var(--sprite-scale)) calc(4px * var(--sprite-scale))), #eee0bf}.sprite-skeleton .character-hat{top:calc(-7px * var(--sprite-scale));left:calc(4px * var(--sprite-scale));z-index:6;width:calc(42px * var(--sprite-scale));height:calc(22px * var(--sprite-scale));background:linear-gradient(90deg, transparent 0 18%, #2b3035 18% 82%, transparent 82%), var(--accent);display:block}.sprite-skeleton .character-body{background:linear-gradient(90deg, transparent 0 42%, #eee0bf 42% 58%, transparent 58%), var(--tunic)}.sprite-skeleton .character-held-item{right:calc(-15px * var(--sprite-scale));bottom:calc(23px * var(--sprite-scale));width:calc(12px * var(--sprite-scale));height:calc(36px * var(--sprite-scale));background:#aebdca;display:block;transform:rotate(22deg)}.sprite-slime .character-sprite{width:calc(58px * var(--sprite-scale));height:calc(58px * var(--sprite-scale))}.sprite-slime .character-hair,.sprite-slime .character-body,.sprite-slime .character-arm,.sprite-slime .character-leg,.sprite-slime .character-badge{display:none}.sprite-slime .character-head{top:calc(9px * var(--sprite-scale));left:calc(5px * var(--sprite-scale));width:calc(48px * var(--sprite-scale));height:calc(41px * var(--sprite-scale));background:radial-gradient(circle at 23% 22%, #ffffffb8 0 8%, transparent 9%), var(--tunic);border-radius:45% 55% 50% 50%}.sprite-slime .character-eye{top:calc(18px * var(--sprite-scale));width:calc(7px * var(--sprite-scale));height:calc(9px * var(--sprite-scale))}.sprite-slime .character-mouth{right:calc(17px * var(--sprite-scale));bottom:calc(9px * var(--sprite-scale));width:calc(11px * var(--sprite-scale));height:calc(5px * var(--sprite-scale));background:var(--secondary)}.sprite-slime .character-accessory{top:calc(-2px * var(--sprite-scale));right:calc(2px * var(--sprite-scale));width:calc(13px * var(--sprite-scale));height:calc(13px * var(--sprite-scale));background:var(--accent);border-radius:50%}.primary-action,.secondary-action,.vote-grid button{border:4px solid var(--ink);color:#fff7d6;letter-spacing:-.01em;text-shadow:2px 2px #2a1b1547;border-radius:0;padding:12px 16px;font-weight:950;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:5px 5px #2a1b1547}.primary-action{background:linear-gradient(#78bd56,#3f843e)}.secondary-action{background:linear-gradient(#55b9cf,#2f8297)}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.vote-grid button:hover:not(:disabled){filter:brightness(1.05)saturate(1.08);transform:translate(-2px,-2px);box-shadow:8px 8px #2a1b1547}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.vote-grid button:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px #2a1b1547}.game-layout{grid-template-columns:minmax(620px,1.18fr) minmax(380px,.82fr);align-items:center;gap:26px;display:grid}.table-stage{border:4px solid var(--ink);background:linear-gradient(#0000 0 45%,#509f48e6 45% 100%),linear-gradient(#22c9ec 0 45%,#88d871 45% 100%);place-items:center;min-height:690px;display:grid;position:relative;overflow:hidden;box-shadow:8px 8px #2a1b153d}.table-stage:after{z-index:0;content:"";background:radial-gradient(circle at 14px 14px,#f5eb97a6 0 5px,#0000 6px) 0 0/56px 48px,radial-gradient(circle at 26px 26px,#2d703480 0 7px,#0000 8px) 0 0/68px 54px,linear-gradient(90deg,#42843c6b 0 6px,#0000 6px 28px) 0 0/34px 34px;position:absolute;inset:45% 0 0}.world-sky{z-index:0;pointer-events:none;position:absolute;inset:0}.pixel-cloud{background:#d6ffefc7;width:64px;height:32px;animation:18s linear infinite driftCloud;position:absolute;box-shadow:24px -12px #d6ffefc7,52px 0 #d6ffefc7,82px -8px #d6ffefc7,102px 10px #d6ffef8c}.cloud-one{top:72px;left:-160px}.cloud-two{animation-duration:24s;animation-delay:-8s;top:138px;left:60%}.mountain{opacity:.88;background:linear-gradient(135deg,#0000 0 49%,#31645b 50% 100%);width:190px;height:120px;position:absolute;bottom:310px;transform:rotate(45deg)}.mountain-one{left:52px}.mountain-two{background:linear-gradient(135deg,#0000 0 49%,#2f5756 50% 100%);width:230px;height:140px;right:96px}.forest-band{background:radial-gradient(circle at 18px 22px,#305f37 0 18px,#0000 19px) 0 0/46px 58px,radial-gradient(circle at 30px 26px,#3f7d3f 0 20px,#0000 21px) 0 0/58px 64px,linear-gradient(#0000 0 44px,#3f6b32 44px 100%);height:86px;position:absolute;bottom:256px;left:-20px;right:-20px}.pixel-pond{z-index:1;clip-path:polygon(12% 0,90% 8%,100% 54%,76% 100%,14% 90%,0 38%);background-color:#0000;background-image:radial-gradient(circle at 34px 28px,#ffffff6b 0 7px,#0000 8px),linear-gradient(135deg,#58b8cc 0 25%,#3b93b7 25% 50%,#58b8cc 50% 75%,#3b93b7 75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:4px solid #2d5d60;width:146px;height:108px;position:absolute;bottom:42px;left:26px;box-shadow:6px 6px #2a1b152e}.pixel-cottage{z-index:1;width:170px;height:140px;position:absolute;bottom:72px;right:72px}.cottage-roof,.cottage-body,.cottage-door,.cottage-window{border:4px solid var(--ink);position:absolute;box-shadow:5px 5px #2a1b1533}.cottage-roof{background:repeating-linear-gradient(90deg,#8b4638 0 14px,#6f342f 14px 18px);width:132px;height:64px;top:0;left:18px;transform:skew(-16deg)}.cottage-body{background:linear-gradient(90deg,#5f342247 0 10px,#0000 10px 64px) 0 0/72px 100%,#d7a66c;height:92px;bottom:0;left:0;right:0}.cottage-door{background:#6c412c;width:34px;height:58px;bottom:0;right:42px}.cottage-window{background:linear-gradient(90deg, transparent 0 14px, var(--ink) 14px 18px, transparent 18px), linear-gradient(180deg, transparent 0 11px, var(--ink) 11px 15px, transparent 15px), #ffd45f;width:36px;height:30px;bottom:38px;left:30px}.table-glow{z-index:1;background:#f4c65b52;border-radius:50%;width:490px;height:330px;animation:2.8s ease-in-out infinite alternate campfireGlow;position:absolute;box-shadow:0 0 0 18px #6a5a300f}.table-surface{z-index:3;border:5px solid var(--ink);background:repeating-linear-gradient(90deg,#4126182e 0 10px,#0000 10px 26px),linear-gradient(#ba7744,#8e5838);border-radius:50%;place-items:center;width:420px;height:260px;display:grid;position:relative;box-shadow:8px 10px #2a1b1547,inset 0 0 0 6px #ffdb8629}.table-title{color:#fff1bf;text-align:center;letter-spacing:-.08em;max-width:220px;text-shadow:3px 0 var(--ink), -3px 0 var(--ink), 0 3px var(--ink), 0 -3px var(--ink), 5px 5px 0 #2a1b154d;font-size:2.45rem;font-weight:950;line-height:.92}.table-pulse{border:4px solid #ffeeb48c;border-radius:50%;width:136px;height:136px;animation:2.2s ease-out infinite pulseOut;position:absolute}.seat{z-index:4;opacity:.7;justify-items:center;gap:6px;width:116px;padding:8px;transition:opacity .16s,filter .16s;display:grid;position:absolute;top:50%;left:calc(50% - 58px)}.seat.occupied{opacity:1}.seat.confessor .character-avatar{filter:drop-shadow(0 0 #ffe15d)drop-shadow(0 0 10px #ffe15df2)}.seat.confessor .seat-name{background:#ffe15d}.seat-name{border:3px solid var(--ink);max-width:126px;color:var(--ink);text-align:center;background:#fff0bd;padding:3px 7px;font-size:.78rem;font-weight:950;box-shadow:3px 3px #2a1b1538}.seat-meta,.empty-seat{border:2px solid var(--ink);color:#fff7d6;text-align:center;background:#7fb95a;padding:2px 6px;font-size:.68rem;font-weight:900}.floating-artifact{z-index:4;border:4px solid var(--ink);width:74px;height:46px;color:var(--ink);background:#fff0bd;place-items:center;font-weight:950;animation:3.6s steps(3,jump-none) infinite floatArtifact;display:grid;position:absolute;box-shadow:5px 5px #2a1b1538}.artifact-one{top:76px;left:82px}.artifact-two{animation-delay:-1.2s;bottom:246px;right:140px}.artifact-three{animation-delay:-2.4s;top:96px;right:70px}.control-panel{align-self:stretch;padding:24px}.room-header{border-bottom:4px solid #2a1b1529;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.stat-strip{color:var(--ink-soft);text-align:right;gap:8px;font-size:.82rem;font-weight:950;display:grid}.panel-section{gap:16px;display:grid}.player-list{flex-wrap:wrap;gap:10px;display:flex}.player-chip,.progress-pill{min-height:34px;color:var(--ink);align-items:center;padding:7px 11px;font-size:.82rem;font-weight:950;display:inline-flex}.action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.spotlight-card,.reveal-card{border:4px solid var(--ink);background:linear-gradient(#ffefb7cc,#0000 34px),#c8854e;border-radius:0;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff1bf2e}.spotlight-card:before,.reveal-card:before{content:"";background:linear-gradient(90deg,#0000 0 42px,#2a1b153d 42px 48px,#0000 48px),linear-gradient(#0000 0 42px,#2a1b153d 42px 48px,#0000 48px),#fff0bd6b;border:4px solid #2a1b1538;width:104px;height:104px;position:absolute;top:-24px;right:-24px;transform:rotate(12deg)}blockquote{border:4px solid var(--ink);color:var(--ink);letter-spacing:-.045em;background:#fff0bd;margin:0;padding:16px;font-size:clamp(1.25rem,3vw,2rem);font-weight:950;line-height:1.12;position:relative;box-shadow:5px 5px #2a1b1533}.timer-ring{border:5px solid var(--ink);background:radial-gradient(circle at center, #fff0bd 0 55%, transparent 56%), conic-gradient(#6db653 calc(var(--progress) * 360deg), #c95b4d 0deg);border-radius:50%;place-items:center;width:116px;height:116px;margin-left:auto;display:grid;box-shadow:5px 5px #2a1b1538}.timer-ring strong{color:var(--ink);font-size:2.25rem;line-height:.8}.timer-ring span{color:var(--ink-soft);text-transform:uppercase;font-size:.7rem;font-weight:950}.vote-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vote-grid button:first-child{background:linear-gradient(#73b956,#3e843e)}.vote-grid button:last-child{background:linear-gradient(#d85d54,#9d3937)}.reveal-card.correct{background:linear-gradient(#ffefb7c7,#0000 34px),#79b957}.reveal-card.fooled{background:linear-gradient(#ffefb7c7,#0000 34px),#c46b52}.reveal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reveal-grid span,.score-row{border:3px solid var(--ink);color:var(--ink);background:#fff0bd;border-radius:0;padding:11px;font-weight:950;box-shadow:4px 4px #2a1b152e}.vote-results{gap:8px;display:grid}.vote-result{border:3px solid var(--ink);color:var(--ink);padding:9px 11px;font-weight:950;box-shadow:4px 4px #2a1b1529}.vote-result.correct{background:#bfe184}.vote-result.fooled{background:#efaa86}.scoreboard,.results-list{gap:10px;display:grid}.score-row{grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;display:grid}.rank{color:#2f7b49}.results-list p{border-left:5px solid #3f843e;margin:0;padding-left:12px}@keyframes spriteBreathe{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translateX(-50%) translateY(calc(-3px * var(--sprite-scale)))}}@keyframes spriteFloat{0%,to{transform:translateX(-50%) translateY(calc(-4px * var(--sprite-scale)))}50%{transform:translateX(-50%) translateY(calc(-12px * var(--sprite-scale)))}}@keyframes spriteMarch{0%,to{transform:translate(-50%)translate(0)}25%{transform:translateX(-50%) translate(calc(-3px * var(--sprite-scale)), calc(-2px * var(--sprite-scale)))}75%{transform:translateX(-50%) translate(calc(3px * var(--sprite-scale)), calc(-2px * var(--sprite-scale)))}}@keyframes spriteWiggle{0%,to{transform:translate(-50%)rotate(-2deg)}50%{transform:translate(-50%)rotate(3deg)}}@keyframes spriteCelebrate{0%,to{transform:translateX(-50%) translateY(calc(-4px * var(--sprite-scale))) rotate(-4deg)}50%{transform:translateX(-50%) translateY(calc(-14px * var(--sprite-scale))) rotate(5deg)}}@keyframes driftCloud{to{transform:translate(calc(100vw + 320px))}}@keyframes campfireGlow{to{opacity:.76;transform:scale(1.03)}}@keyframes pulseOut{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes confessorBounce{to{transform:translateY(-9px)}}@keyframes floatArtifact{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (width<=1100px){.game-layout,.join-panel{grid-template-columns:1fr}.table-stage{min-height:640px}}@media (width<=720px){.app-shell{padding:18px}.hero-panel,.room-header{display:grid}.avatar-grid{grid-template-columns:repeat(2,1fr)}.table-stage{min-height:520px}.world-sky,.pixel-cottage,.pixel-pond,.floating-artifact{transform:scale(.82)}.table-glow,.table-surface{transform:scale(.78)}.seat{scale:.76}.control-panel,.join-panel{padding:20px}}