@font-face{font-family:Delius Unicase;src:url(/assets/fonts/delius-unicase-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Delius Unicase;src:url(/assets/fonts/delius-unicase-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--ink: #2b1c0e;--paper: rgba(255, 252, 240, .94);--accent: #d816c4;--accent2: #08a88a;--focus: #ff9d00}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#101014;overflow:hidden;font-family:Delius Unicase,Comic Sans MS,Chalkboard SE,cursive;color:var(--ink)}#stage{position:absolute}#game{position:absolute;inset:0;width:100%;height:100%;background:transparent}#ui{position:absolute;inset:0;overflow:hidden}#ui.transparent{pointer-events:none;background:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2em;background:url(/assets/sprites/cloudold.gif) center/cover;padding:4vh 5vw;font-size:clamp(12px,2.1vh,22px)}.screen.dim{background:#080618b8}.panel{background:var(--paper);border:4px solid var(--ink);border-radius:22px;padding:1.1em 1.8em;box-shadow:0 12px 40px #00000059;max-height:92%;overflow-y:auto;min-width:34em}.logo{width:clamp(180px,30vh,340px);image-rendering:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}h1{font-size:2em;margin-bottom:.4em;text-align:center}h2{font-size:1.2em;margin:.6em 0 .3em}.menu-list{display:flex;flex-direction:column;gap:.7em;min-width:14em}button,.btn{font:inherit;font-size:1.15em;padding:.55em 1.4em;border:4px solid var(--ink);border-radius:16px;background:#ffe95e;color:var(--ink);cursor:pointer;text-align:center;transition:transform .06s ease}button.secondary{background:#d7ecff}button.danger{background:#ffb3a7}button:disabled{opacity:.45;cursor:default}[data-f]:focus,[data-f].focused{outline:6px solid var(--focus);outline-offset:2px;transform:scale(1.03);z-index:2}input[type=text]{font:inherit;font-size:1.2em;padding:.45em .8em;border:4px solid var(--ink);border-radius:12px;width:9em;text-transform:uppercase;text-align:center;background:#fff}.cycler{display:grid;grid-template-columns:1.4em 1fr 1.4em;align-items:center;gap:.3em;background:#fff;border:3px solid var(--ink);border-radius:12px;padding:.3em .5em;font-size:1em;min-width:10.5em;cursor:pointer;user-select:none}.cycler .arrow{opacity:.55;text-align:center}.cycler .val{text-align:center;white-space:nowrap}.row{display:flex;gap:.8em;align-items:center;flex-wrap:wrap;justify-content:center}.setup-grid{display:flex;flex-direction:column;gap:.4em;margin:.4em 0}.player-row{display:grid;grid-template-columns:4.5em repeat(4,auto);gap:.6em;align-items:center;padding:.25em .7em;border-radius:14px;border:3px dashed transparent}.player-row.inactive{opacity:.5}.chip{display:inline-block;width:1em;height:1em;border-radius:50%;border:3px solid var(--ink);margin-right:.4em;vertical-align:-.12em}.chip.blue{background:#3d7bff}.chip.orange{background:#ff9d2e}.chip.purple{background:#a24ee0}.chip.green{background:#47c447}.level-preview{border:4px solid var(--ink);border-radius:14px;width:16em;height:9em;background:#cde}.setup-top{align-items:center;gap:1.4em;margin:.2em 0 .4em}.setup-col{display:flex;flex-direction:column;gap:.5em;align-items:center}#setup-panel h1{font-size:1.5em;margin-bottom:.2em}.action-row{margin-top:.5em;padding-bottom:.2em}.hint{opacity:.75;font-size:.85em;text-align:center}.hint-chip{opacity:1;background:#161008a8;color:#fffbe8;padding:.45em 1.1em;border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hint-chip b{color:#ffe95e}.error{color:#b3122e;font-weight:700;min-height:1.3em;text-align:center}.my-player-row{margin:.35em 0}.lobby-players{display:flex;flex-direction:column;gap:.5em;margin:.8em 0;min-width:30em}.lobby-player{display:flex;gap:.9em;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:.45em .9em}.lobby-player .name{flex:1;font-weight:700}.ready-dot{font-weight:700;color:#0a7d40}.stats-grid{display:flex;gap:.9em;flex-wrap:wrap;justify-content:center;margin:.7em 0}.stat-card{background:#fff;border:4px solid var(--ink);border-radius:16px;padding:.7em 1em;min-width:13em;font-size:.92em}.stat-card.winner{background:#fff3b0;border-color:#c9a227;box-shadow:0 0 30px #ffd65acc}.stat-card table{width:100%;border-collapse:collapse}.stat-card td{padding:.1em 0}.stat-card td:last-child{text-align:right;font-weight:700}.winner-banner{font-size:2.6em;font-weight:700;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.45);text-align:center}.controls-table{border-collapse:collapse;margin:.4em auto;background:#fff;border:3px solid var(--ink);border-radius:10px;overflow:hidden}.controls-table th,.controls-table td{border:1px solid rgba(43,28,14,.25);padding:.3em .8em;font-size:.85em}.topbar{position:absolute;top:2.5vh;right:3vw;display:flex;gap:.6em}.topbar button{font-size:.9em;padding:.35em .8em}.hidden{display:none!important}.room-head{display:flex;align-items:center;justify-content:center;gap:.6em;margin-bottom:.35em;flex-wrap:wrap}.room-head h1{margin:0}.code-badge{font-size:1.9em;letter-spacing:.3em;background:#fff;border:4px dashed var(--ink);padding:.08em .25em .08em .5em;border-radius:14px;line-height:1.2}#stage,#game{touch-action:none;-webkit-tap-highlight-color:transparent}#touch-controls{position:absolute;inset:0;pointer-events:none;z-index:30;user-select:none;-webkit-user-select:none}.tbtn{position:absolute;pointer-events:auto;width:9.5%;aspect-ratio:1;border-radius:50%;background:#fffcf047;border:3px solid rgba(30,20,10,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(16px,4.5vh,40px);color:#1e140abf;touch-action:none}.tbtn small{font-size:.32em;font-weight:700;letter-spacing:.08em}.tbtn.held{background:#ffe95e8c;transform:scale(1.06)}.tbtn[data-tb=left]{left:2.5%;bottom:7%}.tbtn[data-tb=right]{left:13.5%;bottom:7%}.tbtn[data-tb=jump]{right:13.5%;bottom:24%}.tbtn[data-tb=pack]{right:2.5%;bottom:24%}.tbtn[data-tb=special]{right:13.5%;bottom:4%}.tbtn[data-tb=fart]{right:2.5%;bottom:4%}.tbtn.big{width:10.5%}.tbtn.small{width:4.5%;top:2.5%;right:2%;bottom:auto;font-size:clamp(12px,2.6vh,24px)}#rotate-hint{display:none;position:fixed;inset:0;z-index:99;background:#0a0818f5;color:#ffe95e;align-items:center;justify-content:center;font-size:7vw;font-family:Delius Unicase,Comic Sans MS,cursive;text-align:center}@media (orientation: portrait) and (pointer: coarse){#rotate-hint{display:flex}}#toast{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);background:#14100aeb;color:#ffe95e;border-radius:14px;padding:.7em 1.6em;font-size:1.1em;z-index:40;transition:opacity .4s;pointer-events:none}