@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(./lalezar-arabic-400-normal-D6_F3AeY.woff2)format("woff2"),url(./lalezar-arabic-400-normal-BT7j_n2X.woff)format("woff")}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(./lalezar-latin-400-normal-CsH8Qv7g.woff2)format("woff2"),url(./lalezar-latin-400-normal-Bm4W26Zi.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(./cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(./cairo-arabic-400-normal-CAYwymWN.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-arabic-700-normal-D3nDedWX.woff2)format("woff2"),url(./cairo-arabic-700-normal-CyOqhaeK.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(./cairo-arabic-900-normal-DNm2WYV7.woff2)format("woff2"),url(./cairo-arabic-900-normal-dTOb6H7Y.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(./cairo-latin-700-normal-6fcUy4Rc.woff)format("woff")}:root{--bg:#fff4e0;--ink:#2b1b12;--soft:#7a6555;--brick:#e0533d;--brick-d:#a8341f;--mustard:#f2b705;--mustard-d:#b98a00;--mint:#2bb673;--door:#2e7dd7;--purple:#8e5bd6;--card:#fff;--line:3px;--display:"Lalezar", "Cairo", system-ui, sans-serif;--body:"Cairo", system-ui, sans-serif;--bounce:cubic-bezier(.2, 1.6, .4, 1);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#stage{touch-action:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{color:inherit;font-family:inherit}.screen{padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));text-align:center;touch-action:pan-y;flex-direction:column;justify-content:safe center;align-items:center;gap:12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.screen.play{pointer-events:none;background:0 0}.screen.play .skip{pointer-events:auto;top:calc(8px + var(--sat));border:2px solid var(--ink);width:36px;height:36px;color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:50%;font-size:14px;position:absolute;left:8px}.screen:not(.play){background:var(--bg)}h1,h2,h3,.logo span,.code,.num,.bignum,.btn,.tile b,.badge,.pts{font-family:var(--display);font-weight:400}h1{margin:0;font-size:46px;line-height:1.1}h2{margin:0;font-size:26px}h3{color:var(--soft);margin:4px 0 0;font-size:20px}p{margin:0}.lead{max-width:360px;font-size:17px;font-weight:700;line-height:1.5}.lead b{color:var(--brick)}.small,.hint{color:var(--soft);font-size:13px;font-weight:700}.card{background:var(--card);border:var(--line) solid var(--ink);width:min(100%,380px);box-shadow:0 7px 0 var(--ink);animation:drop .5s var(--bounce) both;border-radius:26px;flex-direction:column;align-items:stretch;gap:12px;padding:18px;display:flex;position:relative}label{text-align:right;font-weight:900}input{font:700 20px var(--body);border:var(--line) solid var(--ink);color:var(--ink);text-align:center;background:#fffbf4;border-radius:16px;outline:none;width:100%;padding:11px 14px;box-shadow:inset 0 3px #2b1b1214}input:focus{border-color:var(--door);background:#fff}.row{gap:8px;display:flex}.row input{flex:1;min-width:0}.or{color:var(--soft);align-items:center;gap:10px;font-size:13px;font-weight:900;display:flex}.or:before,.or:after{content:"";background:#2b1b1222;border-radius:2px;flex:1;height:2px}.err{color:var(--brick);border:2px solid var(--brick);background:#e0533d18;border-radius:14px;padding:8px;font-weight:800}.btn{border:var(--line) solid var(--ink);background:var(--brick);color:#fff;box-shadow:0 6px 0 var(--ink);cursor:pointer;text-shadow:0 2px #0003;animation:pop .45s var(--bounce) both;border-radius:18px;padding:12px 18px;font-size:22px;line-height:1.1;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn.big{border-radius:22px;padding:14px 18px;font-size:28px}.btn.mustard{background:var(--mustard);color:var(--ink);text-shadow:none}.btn.ghost{color:var(--ink);text-shadow:none;background:#fff}.btn:disabled{opacity:.5;filter:saturate(.4)}.link{color:var(--soft);font:800 14px var(--body);background:0 0;border:none;padding:6px;text-decoration:underline}.home{justify-content:flex-start;gap:10px;padding-bottom:0}.home-top{flex-direction:column;flex:1;align-items:center;gap:10px;width:100%;display:flex}.logo{animation:drop .6s var(--bounce) both;flex-direction:column;align-items:center;margin-top:4px;display:flex}.logo span{color:var(--brick);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--mustard), 9px 9px 0 var(--ink);letter-spacing:1px;font-size:80px;line-height:.95;transform:rotate(-4deg)}.logo small{color:var(--soft);margin-top:8px;font-size:13px;font-weight:800}.tiles{direction:rtl;grid-template-columns:repeat(4,1fr);gap:6px 8px;width:min(100%,320px);padding:4px 2px;display:grid}.tile{animation:drop .5s var(--bounce) calc(var(--i) * 40ms) both;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.tile .gicon{aspect-ratio:1;width:100%;filter:drop-shadow(0 4px 0 var(--ink));animation:bob 3.2s ease-in-out calc(var(--i) * -.37s) infinite}.tile b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;line-height:1.1;overflow:hidden}.tile.wiggle .gicon{animation:wiggle .5s var(--bounce)}.home-card{padding:14px 16px calc(14px + var(--sab));width:min(100%,420px);animation:rise .5s var(--bounce) both;border-bottom:none;border-radius:26px 26px 0 0;flex:none;gap:8px;margin-top:auto;box-shadow:0 -4px #2b1b1210}.home-card label{font-size:14px}.home-card .btn.big{padding:12px 18px;font-size:26px}.home-card input{padding:9px 14px;font-size:18px}.home .hint{margin:0 0 4px;font-size:12px}.chips,.totals{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{--c:#888;background:color-mix(in srgb, var(--c) 20%, #fff);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);animation:pop .35s var(--bounce) both;border-radius:999px;align-items:center;gap:5px;padding:2px 11px 2px 4px;font-size:15px;font-weight:900;display:inline-flex}.chip.off{opacity:.5}.chip b{color:var(--brick)}.crown-s{font-style:normal}.av{flex:none;width:26px;height:26px}.lobby .card{gap:10px}.qr-wrap{border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:18px;align-self:center;padding:8px}#qr{border-radius:8px;width:190px;height:190px;display:block}.code{letter-spacing:8px;color:var(--ink);background:var(--mustard);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;align-self:center;padding:6px 22px 2px 14px;font-size:46px;line-height:1}.code span{display:inline-block;transform:translateY(2px)}.looks-title{color:var(--soft);font-size:13px;font-weight:900}.looks{scrollbar-width:none;direction:rtl;gap:8px;padding:6px 4px 10px;display:flex;overflow-x:auto}.looks::-webkit-scrollbar{display:none}.look{border:2.5px solid var(--ink);width:72px;font:800 11px var(--body);color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffbf4;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:6px 4px 4px;transition:transform .1s;display:flex}.look:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.look.on{background:var(--brick);color:#fff}.look.locked{opacity:.6;background:#eee5d6}.layout{gap:10px;background:color-mix(in srgb, var(--me) 26%, var(--bg))!important}.layout-hero{justify-content:center;align-items:flex-end;gap:2px;display:flex;position:relative}.bignum{color:var(--me);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);animation:drop .5s var(--bounce) both;font-size:128px;line-height:.85}.layout-av{width:84px;height:84px;filter:drop-shadow(0 4px 0 var(--ink));margin-bottom:-6px;animation:1.6s ease-in-out infinite wobble}.grid{direction:rtl;gap:8px;width:min(100%,360px);display:grid}.cell{--c:#888;aspect-ratio:9/17;border:var(--line) solid var(--ink);max-height:116px;box-shadow:0 4px 0 var(--ink);animation:pop .4s var(--bounce) both;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:0 2px;display:flex;position:relative}.cell .notch{background:var(--ink);opacity:.25;border-radius:4px;width:32%;height:5px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.cell span{font:30px var(--display);color:var(--c);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;line-height:1}.cell small{font:800 11px var(--body);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cell.mine{background:var(--c)}.cell.mine span,.cell.mine small{color:#fff}.cell.mine .notch{opacity:.6;background:#fff}.cell.pick{box-shadow:0 8px 0 var(--ink);outline:3px dashed var(--ink);outline-offset:3px;transform:translateY(-4px)rotate(-3deg)}.modes .btn{flex:1;font-size:18px}.layout .row{width:min(100%,360px)}.layout .row .btn{flex:1}.layout .btn.big{width:min(100%,360px)}.wait{animation:1.6s ease-in-out infinite blink}.intro{gap:10px;background:color-mix(in srgb, var(--tint,var(--brick)) 30%, var(--bg))!important}.results{background:color-mix(in srgb, var(--mustard) 18%, var(--bg))!important}.final{background:color-mix(in srgb, var(--tint,var(--brick)) 38%, var(--bg))!important}.count{background:var(--mustard)!important}.intro-bar{top:var(--sat);background:#2b1b1222;height:8px;position:absolute;left:0;right:0}.intro-bar i{background:var(--ink);transform-origin:100%;height:100%;animation:4.5s linear forwards drain;display:block}.count-of{color:var(--soft);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:900}.gicon{width:60px;height:60px}.gicon.big{width:min(50vw,200px);height:auto;filter:drop-shadow(0 8px 0 var(--ink));animation:drop .65s var(--bounce) both, bob 2.2s ease-in-out .7s infinite}.gicon.sm{width:44px;height:44px;filter:drop-shadow(0 3px 0 var(--ink))}.intro h1{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);animation:drop .5s var(--bounce) .1s both;font-size:62px}.rule-card{padding:12px 16px;animation-delay:.2s}.rule{font-size:19px;font-weight:900;line-height:1.55}.kind{background:var(--ink);color:#fff;border:2px solid var(--ink);animation:pop .4s var(--bounce) .3s both;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:900}.kind.hand{background:var(--door)}.kind.cafe{background:var(--mint)}.count .num{color:var(--brick);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--mustard), 12px 12px 0 var(--ink);font-size:250px;line-height:1}.count .num.go{color:var(--mint);font-size:170px}.count .num.pop{animation:numpop .5s var(--bounce)}.res-head{align-items:center;gap:10px;display:flex}.rank{flex-direction:column;gap:7px;width:min(100%,360px);margin:0;padding:0;list-style:none;display:flex}.rank li{--c:#888;border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:slide .45s var(--bounce) calc(var(--i) * 70ms) both;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:7px 12px 7px 10px;font-size:17px;display:flex;position:relative}.rank li:after{content:"";background:var(--c);border-radius:6px;width:7px;position:absolute;top:3px;bottom:3px;left:3px;right:auto}.rank li.top{font-size:19px}.rank li.t1{background:color-mix(in srgb, var(--mustard) 28%, #fff)}.rank li.me{outline:3px solid var(--c);outline-offset:2px}.badge{background:var(--c);color:#fff;border:2.5px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding-top:2px;font-size:18px;display:grid}.t1 .badge{background:var(--mustard);color:var(--ink)}.t2 .badge{color:var(--ink);background:#c9ced6}.t3 .badge{background:#c97b48}.rank li .av{width:36px;height:36px}.rank li b{text-align:right;flex:1;font-weight:900}.pts{color:var(--ink);background:var(--mustard);border:2px solid var(--ink);animation:pop .4s var(--bounce) calc(.25s + var(--i) * 70ms) both;border-radius:999px;padding:2px 10px 0;font-size:22px;line-height:1.2}.me-rank{font:26px var(--display);color:var(--brick);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.me-rank.win{color:var(--mustard);text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:2px var(--ink);font-size:32px}.final{gap:10px}.winner-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.final .crown{z-index:1;animation:crown 1.2s var(--bounce) infinite alternate;filter:drop-shadow(0 3px 0 var(--ink));margin-bottom:-22px;font-size:66px;line-height:1}.winner{width:126px;height:126px;animation:drop .7s var(--bounce) both;filter:drop-shadow(0 7px 0 var(--ink))}.final h1{--c:var(--brick);color:var(--c);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);font-size:50px}.dare{background:var(--ink);color:#fff;border:var(--line) solid var(--ink);width:min(100%,360px);box-shadow:0 6px 0 var(--mustard);animation:pop .5s var(--bounce) .4s both;border-radius:20px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.dare small{color:var(--mustard);font-weight:800}.dare b{font-size:19px}.final .row{width:min(100%,360px)}.final .row .btn{white-space:nowrap;flex:1;padding:12px 8px;font-size:18px}.confetti{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);background:var(--c);border:2px solid var(--ink);width:10px;height:14px;transform:rotate(var(--r));animation:fall var(--t) linear var(--d) infinite;border-radius:3px;position:absolute}.final>:not(.confetti){z-index:1}.msg .card p{color:var(--soft);font-weight:700}.mic{background:var(--ink);color:#fff;max-width:340px;animation:pop .4s var(--bounce) .35s both;border:var(--line) solid var(--ink);border-radius:20px 20px 20px 4px;padding:9px 14px 9px 40px;font-size:14px;font-weight:800;position:relative;box-shadow:0 4px #2b1b1240}.mic-ic{background:var(--mustard);border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.pro-chip{border:2.5px dashed var(--ink);color:var(--ink);font:900 13px var(--body);background:#fff8e1;border-radius:999px;padding:8px 14px}.pro .card{gap:10px}.pro-star{animation:crown 1.2s var(--bounce) infinite alternate;filter:drop-shadow(0 3px 0 var(--ink));margin:-4px 0 -8px;font-size:56px;line-height:1}.perks{text-align:right;flex-direction:column;gap:6px;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.perks li{border:2px solid var(--ink);background:#fffbf4;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.perks li:before{content:"✓";background:var(--mint);color:#fff;width:22px;height:22px;font:900 13px var(--body);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.plan{flex-direction:column;display:flex;position:relative}.plan .btn{width:100%}.ribbon{z-index:1;background:var(--mint);color:#fff;font:900 12px var(--body);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:2px 10px;font-style:normal;position:absolute;top:-12px;left:12px;transform:rotate(-4deg)}.cafe .btn{flex:1}.mute{top:calc(8px + var(--sat));z-index:5;border:2px solid var(--ink);width:36px;height:36px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:50%;font-size:15px;position:fixed;left:8px}.mute:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}body:has(.screen.play) .mute{display:none}.screen.calib{pointer-events:none;justify-content:space-between;background:0 0!important}.calib-bar{pointer-events:none;background:var(--ink);color:#fff;border:var(--line) solid var(--ink);max-width:360px;box-shadow:0 4px 0 var(--mustard);border-radius:16px;margin-top:40px;padding:10px 14px;font-weight:900}.calib-btns{pointer-events:auto;width:min(100%,360px)}.calib-btns .btn{flex:1}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes numpop{0%{opacity:0;transform:scale(.3)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes drop{0%{opacity:0;transform:translateY(-40px)scale(.8)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes slide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)scale(1.06)}}@keyframes wiggle{0%{transform:rotate(0)scale(1)}30%{transform:rotate(-10deg)scale(1.12)}60%{transform:rotate(8deg)scale(1.06)}to{transform:rotate(0)scale(1)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes crown{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-6px)rotate(6deg)}}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes fall{0%{transform:translateY(0) rotate(var(--r));opacity:1}to{transform:translateY(105vh) rotate(calc(var(--r) + 540deg));opacity:.8}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:10ms!important;animation-iteration-count:1!important}}@media (max-height:700px){.logo span{font-size:72px}.tiles{gap:8px}.bignum{font-size:100px}.gicon.big{width:120px}.count .num{font-size:150px}}.tmap{max-width:100%;animation:pop .45s var(--bounce) both;display:block;overflow:visible}.tcell.pick rect:nth-child(2){stroke-dasharray:4 3;stroke-width:3px}.tcell:active{opacity:.8}.chips.kinds{gap:6px}.chip.k{border:var(--line) solid var(--ink);color:var(--ink);font:800 13px var(--body);box-shadow:0 3px 0 var(--ink);background:#fff;padding:5px 12px;transition:transform 80ms}.chip.k.on{background:var(--mustard)}.chip.k:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.lk{color:var(--brick)}.modes .btn.sm{flex:1;padding:10px 6px;font-size:15px}.tiles.picks{width:min(100%,340px)}.tiles.picks .tile{opacity:.55;transition:opacity .15s,transform .15s;position:relative}.tiles.picks .tile .gicon{animation:none}.tiles.picks .tile.on{opacity:1;transform:translateY(-3px)}.tiles.picks .tile .chk{background:var(--mint);color:#fff;border:2px solid var(--ink);width:22px;height:22px;font:900 13px/18px var(--body);border-radius:50%;font-style:normal;display:none;position:absolute;top:-4px;left:-4px}.tiles.picks .tile.on .chk{animation:pop .3s var(--bounce);display:block}.toggle{border:var(--line) solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:800;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--brick);margin:0}.relayout{gap:8px;background:color-mix(in srgb, var(--me,var(--mustard)) 28%, var(--bg))!important}.relayout h1{color:var(--brick);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;animation:drop .5s var(--bounce);font-size:46px}.relayout .layout-hero.sm .bignum{font-size:80px}.relayout .layout-hero.sm .layout-av{width:64px;height:64px}.relayout .row{width:min(100%,360px)}.relayout .row .btn.big{flex:2}.screen.play.paused{pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b1b12aa!important}.pause-card{border:var(--line) solid var(--ink);box-shadow:0 8px 0 var(--ink);width:min(100%,340px);animation:pop .4s var(--bounce);background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:18px 20px;display:flex}.pause-card h2{color:var(--brick);font-size:26px}.pause-card p{color:var(--soft);font-weight:800}.pause-av .av{width:54px;height:54px;animation:1.2s ease-in-out infinite wobble}.pause-count{font:64px var(--display);color:var(--ink);line-height:1}.pause-card .row{width:100%}.pause-card .row .btn{flex:1;font-size:16px}.calib-bar.small{background:#2b1b12cc;margin-bottom:20px;font-size:13px;font-weight:700}.nb{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:4px 12px;color:var(--ink)!important}.note{background:var(--mustard);border:var(--line) solid var(--ink);box-shadow:0 3px 0 var(--ink);animation:pop .4s var(--bounce);border-radius:999px;padding:6px 14px;font-weight:900}.netbar{top:calc(10px + env(safe-area-inset-top));z-index:50;background:var(--brick);color:#fff;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:pop .3s var(--bounce);white-space:nowrap;border-radius:999px;padding:8px 16px;font-weight:900;position:fixed;left:50%;transform:translate(-50%)}.hint-line{color:var(--ink);background:var(--mustard);border:2px solid var(--ink);border-radius:999px;margin-top:8px;padding:4px 12px;font-size:14px;font-weight:900;display:inline-block}.intro .btn.big{animation:pop .4s var(--bounce) .6s both}.toast{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;border:var(--line) solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:right;opacity:0;transition:transform .35s var(--bounce), opacity .2s;pointer-events:none;background:#fff;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;transform:translateY(140%)}.toast.on{opacity:1;pointer-events:auto;transform:none}.toast .gicon.sm{flex:none;width:54px;height:54px}.toast div{flex-direction:column;gap:2px;display:flex}.toast b{font-family:var(--display);color:var(--brick);font-size:20px}.toast span{font-size:13px;font-weight:700;line-height:1.4}.toast small{color:var(--soft);font-size:11px;font-weight:800}.home{padding-top:calc(24px + var(--sat));justify-content:flex-start;gap:14px}.home-top{display:contents}.home .logo{order:0}.home .logo span{font-size:82px}.home .logo small{font-size:14px}.home-card{order:1;gap:10px}.home .hint{order:2}.home-footer{order:3;gap:22px;display:flex}.home-steps{order:4}.catalog{order:5;width:min(100%,460px);padding:16px 0}.catalog summary{cursor:pointer;min-height:44px;font-weight:900}.catalog .tiles{margin-top:12px}.eyebrow{letter-spacing:.4px;color:var(--soft);font-size:12px;font-weight:900}.home-card .or{margin:0}.home-card .pro-chip{margin-top:2px}.home-card input{min-height:48px}select{font:700 15px var(--body);border:2px solid var(--ink);background:var(--card);width:100%;color:var(--ink);border-radius:12px;padding:10px}.planner{border:2px solid var(--ink);background:var(--card);border-radius:20px;gap:12px;width:min(100%,380px);padding:16px;display:grid}.planner .row{justify-content:center}.layout{justify-content:flex-start;padding-bottom:90px}.layout .layout-hero{height:105px;min-height:105px}.layout .bignum{font-size:94px}.layout .layout-av{width:78px;height:78px}.layout #start{bottom:calc(14px + var(--sab));z-index:5;width:min(100% - 32px,380px);box-shadow:0 5px 0 var(--ink), 0 -8px 28px var(--bg);position:fixed}.ready-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.is-ready{background:#d5f4dd!important}.practice{width:min(100%,360px)}.practice-label{color:var(--soft);margin-bottom:5px;font-size:12px;font-weight:700}.practice-pad{border:2px dashed var(--soft);background:var(--card);touch-action:none;cursor:pointer;border-radius:20px;height:88px;position:relative;overflow:hidden}.practice-pad.complete{border-color:var(--mint);background:#e3f6e7}.practice-dot,.practice-star{pointer-events:none;color:var(--brick);font-size:28px;position:absolute;top:23px}.practice-dot{left:20%}.practice-star{color:#b28000;left:75%}.practice-pad svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.practice-pad path{fill:none;stroke:var(--mint);stroke-width:4px;stroke-linecap:round}.practice-status{margin-top:5px}.intro{gap:10px}.intro .gicon.big{width:74px;height:74px}.intro h1{font-size:36px}.intro .rule-card{padding:12px}.intro .mic{display:none}.highlights,.memory{border:2px solid var(--ink);background:var(--card);border-radius:18px;width:100%;padding:14px}.highlights p{margin:6px 0;font-size:14px}button:focus-visible{outline:3px solid var(--door);outline-offset:5px}summary:focus-visible{outline:3px solid var(--door);outline-offset:5px}[role=button]:focus-visible{outline:3px solid var(--door);outline-offset:5px}button.link,.look,.skip{min-width:44px;min-height:44px}:root[data-theme=cafe]{--bg:#f1dfc5;--card:#fffaee;--brick:#a34e34;--soft:#68513d;--mustard:#dcac41}:root[data-theme=roof]{--bg:#e7eef5;--card:#f9fbfe;--brick:#3e6386;--soft:#455c71;--mustard:#e3b74c}@media (max-height:700px){.home .logo span{font-size:64px}.home{gap:9px;padding-top:16px}.home-card{padding:14px}.home .btn.big{padding:12px;font-size:25px}.intro{justify-content:flex-start}.intro .kind{font-size:12px}.intro .rule{font-size:17px}}.home-card{border-bottom:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:24px;margin-top:0}.home>*{flex-shrink:0}.team-banner{background:var(--mustard);border-radius:12px;padding:7px 12px;font-size:13px;font-weight:900}.playlist{width:min(100%,360px);padding:0;list-style:none}.playlist li{align-items:center;gap:8px;display:flex}.playlist b{text-align:right;flex:1}.calibration-settings{width:min(100%,360px);font-size:13px}.calibration-settings .row{margin-top:10px}.team-hud{bottom:calc(7px + var(--sab));color:#2b1b12;background:#fff4e0e8;border:1px solid #2b1b12;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.first-home{top:var(--form-top,0px);height:var(--form-height,100dvh);padding:calc(12px + var(--sat)) 16px calc(8px + var(--sab));gap:8px;bottom:auto}.first-home>*{order:0;width:min(100%,380px)}.first-home .welcome{gap:3px;display:grid}.first-home .logo{margin:0}.first-home .logo span{text-shadow:3px 3px 0 var(--mustard), 5px 5px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);font-size:44px}.first-home h1{margin-top:4px;font-size:24px}.first-home .welcome .small{font-size:11px}.first-home .home-card{gap:7px;width:min(100%,380px);padding:12px}.first-home .home-card label{font-size:12px;line-height:1.5}.first-home input{height:44px;min-height:44px;padding:5px 10px;font-size:16px}.first-home .btn.big{min-height:48px;padding:9px 12px;font-size:24px}.first-home #join{min-width:88px;padding:8px 12px;font-size:24px}.first-home .code-label{margin-top:5px}.first-home .err[hidden]{display:none}.featured{justify-content:center;gap:26px;display:flex}.featured .tile{width:65px;min-height:60px}.featured .gicon{width:42px;height:42px;animation:none}.featured .tile b{font-size:12px}.first-home .catalog{width:100%;padding:0}.first-home .catalog summary{min-height:36px;padding:6px;font-size:12px}.first-home .catalog .tiles{margin:8px auto}.first-home .home-footer{flex-wrap:wrap;justify-content:center;gap:6px}.first-home .home-footer .link{min-height:36px;font-size:11px}.first-home:focus-within .table-demo{animation-play-state:paused}@media (max-height:500px){.first-home .welcome,.first-home .table-demo,.first-home .home-discover,.first-home .home-footer{display:none}.first-home{padding-top:8px}body:has(.first-home:focus-within) .mute{display:none}}.keyboard-open .first-home .welcome,.keyboard-open .first-home .table-demo,.keyboard-open .first-home .home-discover,.keyboard-open .first-home .home-footer{display:none}.keyboard-open body:has(.first-home) .mute{display:none}.setup-screen{padding:calc(14px + var(--sat)) 16px calc(150px + var(--sab));justify-content:flex-start;gap:9px}.setup-screen>*{flex-shrink:0}.setup-progress{justify-content:center;gap:5px;width:100%;min-height:26px;padding:0 24px;display:flex}.setup-progress span{color:var(--soft);white-space:nowrap;border-bottom:2px solid #0000;padding:2px 5px;font-size:10px;font-weight:900}.setup-progress span.done{color:var(--ink)}.setup-progress [aria-current=step]{border-color:var(--brick)}.setup-status{flex-wrap:wrap;justify-content:center;gap:6px;font-size:11px;font-weight:900;display:flex}.setup-status span{background:var(--card);border:1px solid #2b1b1230;border-radius:20px;padding:3px 8px}.setup-footer{z-index:6;padding:10px max(16px, env(safe-area-inset-left)) calc(12px + var(--sab));background:var(--bg);border-top:1px solid #2b1b1222;flex-direction:column;align-items:stretch;gap:9px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #2b1b1212}.setup-footer>*{width:min(100%,380px);margin:0 auto}.setup-footer .link{min-height:30px;padding:2px;font-size:12px}.setup-footer .small{font-size:11px}.setup-screen .lobby-card{gap:9px;padding:13px}.lobby-card h2{font-size:23px;line-height:1.3}.invite-block{justify-content:center;align-items:center;gap:16px;display:flex}.invite-block .code{letter-spacing:5px;margin:0;font-size:40px}.invite-block .qr-wrap{box-shadow:none;border-width:2px;border-radius:12px;padding:4px}.invite-block #qr{width:88px;height:88px;display:block}.invite-actions .link{min-height:36px;font-size:12px}#invite-feedback:empty{display:none}.lobby-card .chip{box-shadow:none;padding:2px 7px;font-size:12px}.lobby-card .av{width:26px;height:26px}.lobby-card .looks{margin:0;padding:4px 2px}.lobby-card .look{min-width:58px}.lobby-card .look img{width:42px;height:42px}.setup-options,.setup-screen .calibration-settings{background:var(--card);border:1px solid #2b1b1230;border-radius:14px;width:min(100%,380px);padding:0 12px}.setup-options summary,.setup-screen .calibration-settings summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:12px;font-weight:800}.setup-options[open],.calibration-settings[open]{padding-bottom:12px}.setup-options .planner{padding:10px}.setup-options .tmap{margin:8px auto}.setup-options .modes{margin:12px 0}.setup-screen .layout-hero{height:58px;min-height:58px}.setup-screen .bignum{font-size:60px}.setup-screen .layout-av{width:49px;height:49px}.setup-screen .tmap{max-width:100%;max-height:145px}.setup-screen .lead{font-size:16px}.setup-screen .note{box-shadow:none;border-radius:14px;padding:6px 10px;font-size:12px}.setup-screen .nb{border-radius:12px;padding:4px 8px;font-size:11px}.setup-screen .reconnect-note{color:var(--brick);padding:6px}.screen.seams{pointer-events:none;padding-top:calc(12px + var(--sat));background:0 0}.seam-instructions{background:var(--bg);border:2px solid var(--ink);pointer-events:auto;border-radius:18px;width:min(100%,380px);padding:10px;box-shadow:0 4px #2b1b1220}.seam-instructions h2{font-size:22px}.seam-instructions .small{margin:5px 0;font-size:11px;line-height:1.7}.seam-instructions .setup-progress{padding:0}.seams .setup-footer{pointer-events:auto}.seams .setup-footer #start{width:min(100%,380px);box-shadow:0 5px 0 var(--ink);position:static}.seam-tools{justify-content:space-between;gap:4px;display:flex}.seam-tools .link{min-height:36px;font-size:10px}.seams #setup-ready{min-height:44px;padding:9px 10px;font-size:18px}@media (prefers-reduced-motion:reduce){.demo-phones i,.demo-phones span{animation:none}}@media (max-height:700px){.layout.setup-screen{gap:6px}.layout.setup-screen .layout-hero{height:42px;min-height:42px}.layout.setup-screen .bignum{font-size:46px}.layout.setup-screen .layout-av{width:38px;height:38px}.layout.setup-screen>.small{font-size:11px;line-height:1.65}.layout.setup-screen .note{padding:5px 8px;font-size:11px;line-height:1.6}.layout.setup-screen>.tmap{max-height:125px}.layout.setup-screen .nb{font-size:10px;line-height:1.6}}.first-home .logo,.first-home .home-card,.first-home .btn,.setup-screen .btn,.setup-screen .card,.setup-screen .tmap,.setup-screen .bignum,.setup-screen .chip,.setup-screen .layout-av{animation:none}.seam-people{margin-top:4px;font-size:11px}.seam-people summary{cursor:pointer;min-height:28px;padding:4px}.seam-people ul{max-height:90px;margin:4px 0;padding:0;list-style:none;overflow:auto}.learning{padding-bottom:calc(180px + var(--sab));justify-content:flex-start;gap:8px}.learning h1{text-shadow:none;-webkit-text-stroke:0;font-size:30px;animation:none}.phone-mode{border:2px solid var(--ink);background:var(--mustard);border-radius:14px;gap:2px;width:min(100%,360px);padding:8px 12px;display:grid}.phone-mode.hand{background:var(--door);color:#fff}.phone-mode small{font-size:11px}.lesson-instruction{max-width:360px;font-size:15px;font-weight:800}.practice-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.practice-heading b{color:var(--soft);font-size:10px}.practice-heading .link{white-space:nowrap;min-height:36px;font-size:11px}.gesture-demo{justify-content:center;align-items:center;gap:18px;min-height:36px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.gesture-demo span{font-size:22px;animation:1.7s ease-in-out infinite gesture-tap;display:block}.gesture-demo.swipe span,.gesture-demo.drag span,.gesture-demo.draw span{animation:2s ease-in-out infinite gesture-swipe}.gesture-demo.hold span{animation:2s ease-in-out infinite gesture-hold}@keyframes gesture-tap{0%,to{transform:translateY(-5px)}40%,60%{transform:translateY(3px)scale(.9)}}@keyframes gesture-swipe{0%,to{transform:translate(-12px)}65%{transform:translate(12px)}}@keyframes gesture-hold{0%,to{transform:scale(1)}30%,80%{transform:scale(.85)}}.practice-canvas{aspect-ratio:3/2;border:2px solid var(--ink);touch-action:none;background:var(--card);border-radius:16px;width:270px;max-width:100%;height:auto;margin:0 auto;display:block}.practice[data-complete=true] .practice-canvas{border:3px solid var(--mint)}.practice-status{min-height:20px;font-size:11px}.learning-footer{z-index:8;background:var(--bg);padding:8px 16px calc(12px + var(--sab));border-top:1px solid #2b1b1233;justify-items:center;gap:7px;display:grid;position:fixed;bottom:0;left:0;right:0}.learning-footer .ready-list{max-height:72px;overflow:auto}.learning-footer .chip{box-shadow:none;padding:2px 7px;font-size:11px}.intro.learning .learning-footer .btn.big,.learning-footer .btn{width:min(100%,360px);min-height:46px;padding:10px;font-size:24px;animation:none}.learning-footer p{font-size:10px}.learning-footer .link{min-height:30px;font-size:11px}.quick-practice{width:min(100%,360px)}.quick-practice summary{min-height:44px;padding:12px;font-weight:800}.motion-help{border:1px solid var(--door);background:var(--card);border-radius:12px;width:min(100%,360px);padding:6px 10px;font-size:12px}.motion-help .row{justify-content:center}.motion-help .link{min-height:36px;font-size:11px}.session-planner h3{color:var(--ink);font-size:27px}.session-planner label,.session-planner legend{font-size:12px}.session-planner fieldset{border:0;margin:0;padding:0}.planner-mode{gap:8px;display:flex}.planner-mode .btn{flex:1}.itinerary-duration{background:var(--mustard);text-align:center;border-radius:12px;padding:8px;font-weight:900}.plan-warning{color:var(--brick);border-right:3px solid var(--brick);padding:6px;font-size:12px}.session-itinerary{gap:8px;margin:0;padding:0;list-style:none;display:grid}.session-itinerary li{background:var(--bg);border:1px solid #2b1b1233;border-radius:12px;padding:8px}.session-itinerary b{font-size:14px;display:block}.session-itinerary small{font-size:11px;display:block}.itinerary-actions{justify-content:flex-end;gap:8px;display:flex}.itinerary-actions .link{min-width:38px;min-height:38px;font-size:19px;text-decoration:none}@media (max-height:700px){.learning{padding-top:calc(10px + var(--sat));gap:6px}.learning .practice-canvas{width:240px}.learning .count-of{font-size:11px}.learning .phone-mode{padding:5px 8px}.learning h1{font-size:26px}}.relayout{padding-bottom:calc(190px + var(--sab))}.touch-shove{bottom:calc(48px + var(--sab));pointer-events:auto;min-height:44px;padding:8px 14px;font-size:16px;position:fixed;right:12px}.absent-players{width:min(100%,360px);font-size:12px}.absent-players summary{cursor:pointer;min-height:44px;padding:10px}.absent-players button{min-height:44px;margin:auto;display:block}.session-story{padding:calc(22px + var(--sat)) 16px calc(175px + var(--sab));justify-content:flex-start;gap:14px;background:var(--bg)!important}.session-story>*{flex-shrink:0;width:min(100%,420px)}.session-story h1{color:var(--brick);text-shadow:none;-webkit-text-stroke:0;font-size:42px;animation:none}.recap-outcome{background:var(--mustard);border:2px solid var(--ink);border-radius:22px;padding:16px}.recap-outcome h2{overflow-wrap:anywhere;font-size:26px}.recap-outcome p{font-size:12px}.session-story .highlights{text-align:right;border:0;box-shadow:0 3px #2b1b1215}.session-story .highlights p{overflow-wrap:anywhere;border-bottom:1px solid #2b1b1215;padding:8px 0;line-height:1.8}.team-recap{gap:8px;display:flex}.team-recap b{background:var(--card);border-radius:14px;flex:1;padding:12px}.team-recap span{font-size:30px;display:block}.recap-rank li{min-height:55px;animation:none}.recap-rank b{overflow-wrap:anywhere}.recap-rank small{color:var(--soft);font-size:10px;display:block}.recap-rank .badge{font-size:17px}.recap-controls{text-align:right;gap:12px;display:grid}.optional-dare{background:var(--card);border-radius:16px;padding:12px}.optional-dare summary{cursor:pointer;min-height:36px;font-weight:800}.optional-dare .btn{margin-top:8px}.progress-earned{color:var(--soft);font-size:12px}.recap-footer{width:100%;padding:10px 16px calc(12px + var(--sab));background:var(--bg);z-index:8;border-top:1px solid #2b1b1230;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.recap-footer>*{width:min(100%,420px);margin:0 auto}.recap-footer .btn{animation:none}.recap-footer .big{min-height:48px;padding:10px;font-size:23px}.recap-footer p:empty{display:none}.reflow{isolation:isolate;padding-bottom:250px}.reflow .session-brand{margin-block-end:16px}.reflow h1{font-size:clamp(26px,7vw,40px)}.reflow .note{background:#fff4df;border-radius:16px;padding:12px}.reflow-removed{justify-content:center;align-items:center;gap:10px;display:flex}.reflow-removed img{width:52px;height:52px}.reflow .setup-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff6e7f5}.reflow .layout-map{max-height:230px}.spectator{padding:24px 20px max(28px, env(safe-area-inset-bottom));text-align:center;background:#fff6e7;flex-direction:column;align-items:center;gap:18px;display:flex}.spectator>img{width:100px;height:100px}.spectator .card{width:min(100%,460px)}.win-format{border:1.5px solid #d7bc91;border-radius:20px;margin-bottom:18px;padding:14px}.win-format legend{padding:0 8px;font-weight:800}.win-format .row{flex-wrap:wrap}.survival-pool{background:#fff2ca;border-radius:16px;padding:12px}.survival-pool li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.win-format .btn{flex:1;min-width:120px}.session-planner{flex-direction:column;display:flex}.session-planner>.session-mode-cards{order:0}.session-planner>.win-format{order:1}.session-planner>.mode-options{order:2}.survival-rules{font-size:12px}.reflow-seams{justify-content:space-between}.screen.play .session-withdraw{pointer-events:auto;right:8px;top:calc(8px + var(--sat));color:#30231d;background:#fff4df;border:1px solid #c0a88b;border-radius:16px;padding:7px 10px;font:700 11px Cairo;position:fixed}.confirmation-sheet{color:#30231d;background:#fff6e7;border:3px solid #30231d;border-radius:24px;width:min(90vw,420px);padding:24px}.confirmation-sheet::backdrop{background:#14212b99}.confirmation-sheet p{margin-bottom:22px;font-size:18px;line-height:1.7}.confirmation-sheet .btn{min-height:48px;margin:6px}.setup-screen .small,.learning small,.practice .small,.seam-instructions{font-size:14px}.seam-instructions{color:#30231d;background:#fff6e7;border:2px solid #30231d;border-radius:20px;padding:16px}.seam-instructions h2{margin:0;font-size:24px}.seam-lead{font-size:18px;line-height:1.6}.seam-waiting{overflow-wrap:anywhere;font-weight:700}.seam-people li{border-inline-start:5px solid var(--c);align-items:center;gap:8px;padding-inline-start:8px;display:flex}.seam-people .av{width:32px;height:32px}.seams .setup-footer{color:#30231d;background:#fff6e7}.seams #start{white-space:normal}#setup-ready[aria-pressed=true]{color:#173e25;background:#d9efdd}#quick-start{order:-1}.player-card{border-bottom:5px solid var(--player-color)}.player-avatar{outline:3px solid var(--player-color);outline-offset:-5px;border-radius:50%}.chip{border-inline-start:4px solid var(--c)}.count-hint{color:#30231d;text-align:center;background:#fff6e7;border-radius:16px;max-width:90%;padding:12px 20px;font-size:18px}.screen.play .round-menu{pointer-events:auto;color:#30231d;background:#fff6e7;border-radius:12px;padding:6px;position:absolute;top:12px}.screen.play .round-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:12px}.screen.play .round-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:12px}.screen.play .round-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:12px}.screen.play .round-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:12px}.round-menu summary{cursor:pointer;place-items:center;min-width:44px;min-height:44px;display:grid}.screen.play .round-menu .session-withdraw{min-height:48px;position:static}.screen.play .skip{width:auto;min-width:64px;min-height:44px;font-size:14px}.pause-card .row{flex-wrap:wrap}.pause-count,.arrow-hud,.pipe-hud,.setup-status{font-variant-numeric:tabular-nums}.netbar:not([hidden]){background:#30231df2;border-radius:20px;padding:24px;font-size:20px;line-height:1.7;top:20%;bottom:auto;left:5%;right:5%;box-shadow:0 0 0 100vmax #14212b55}.netbar:after{content:"الموبايل ده فاصل… قرّبه من الراوتر وخليك فاتح اللعبة";display:block}[data-pipe-placed],.pipe-move{animation:none!important}[data-pipe-placed]{min-width:180px;min-height:56px}@media (prefers-reduced-motion:reduce){.confirmation-sheet,.seam-instructions,.player-card{transition:none!important;animation:none!important}}.touch-response{pointer-events:none;z-index:40;border:3px solid #fff;border-radius:50%;outline:2px solid #30231d;width:28px;height:28px;animation:.28s ease-out both touch-response;position:fixed;transform:translate(-50%,-50%)}@keyframes touch-response{to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.table-toast{color:#173e25;text-align:center;z-index:60;pointer-events:none;background:#d9efdd;border:2px solid #173e25;border-radius:18px;padding:14px;font-size:20px;position:fixed;top:22%;left:10%;right:10%}.tcell.is-away{opacity:.45;stroke-dasharray:3 2}@media (prefers-reduced-motion:reduce){.touch-response{animation:none}}.screen.seams{padding-top:calc(56px + var(--sat))}.seam-tools{flex-wrap:wrap}.seam-tools .link,.seam-instructions .small{font-size:14px}.seam-instructions summary{min-height:32px}html[data-motion=off] .touch-response{animation:none}.seam-lead,.seam-waiting{margin:8px 0}.screen.play .round-menu,.screen.play .skip{top:calc(50% - 22px)}.screen.play .skip{border-radius:12px;padding:6px}.screen.lobby{padding-bottom:calc(168px + var(--sab));scroll-padding-bottom:calc(168px + var(--sab))}.lobby .setup-footer>p{display:none}.lobby .setup-footer #go{height:auto;min-height:40px;box-shadow:none;background:0 0;border:none;padding:4px;font-size:16px}.lobby .setup-footer #go .button-emblem,.lobby .setup-footer #go>.ui-symbol{display:none}.netbar:not([hidden]){white-space:normal;animation:none;transform:none}.netbar[hidden]{display:none}#ui.lobby.setup-screen{padding-bottom:calc(160px + var(--sab));scroll-padding-bottom:calc(160px + var(--sab))}#ui.lobby .setup-footer #go{text-align:center;height:40px;min-height:40px;display:block}#ui.lobby .setup-footer #go>span{display:inline}#ui.learning .small,#ui.learning small,#ui.setup-screen .small{font-size:14px}.screen.play .round-menu[open]{gap:6px;display:grid}#ui.lobby .setup-footer #go{background:var(--card,#fffaee);width:min(100%,380px);height:auto;min-height:56px;color:var(--ink,#2b1b12);border:2px solid var(--ink,#2b1b12);box-shadow:0 4px 0 var(--ink,#2b1b12);text-align:center;border-radius:18px;grid-template-columns:36px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:7px 14px;display:grid!important}#ui.lobby .setup-footer #go .button-emblem{border:2px solid var(--ink,#2b1b12);background:#ffc72c;border-radius:50%;width:34px;height:34px;display:grid}#ui.lobby .setup-footer #go .button-emblem .ui-symbol{width:20px;height:20px}#ui.lobby .setup-footer #go>.ui-symbol{width:20px;height:20px;display:block}#ui.lobby .setup-footer #go>span{gap:1px;line-height:1.25;display:grid}#ui.lobby .setup-footer #go>span b{font-size:18px}#ui.lobby .setup-footer #go>span small{opacity:.75;font-size:12px;font-weight:600}#ui.lobby .setup-footer #go:disabled{opacity:.5;box-shadow:none}.pause-code{border:2px dashed var(--ink,#2b1b12);background:#fff3cf;border-radius:16px;justify-items:center;gap:2px;margin:6px auto 10px;padding:8px 14px;display:grid}.pause-code small{font-size:12px;font-weight:700}.pause-code b{letter-spacing:6px;font-size:38px;line-height:1.05}.pause-code span{opacity:.8;font-size:12px}.away-code{top:calc(8px + var(--sat,0px));z-index:40;border:2px solid var(--ink,#2b1b12);max-width:calc(100vw - 24px);color:var(--ink,#2b1b12);box-shadow:0 3px 0 var(--ink,#2b1b12);pointer-events:none;white-space:nowrap;background:#fff3cf;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.away-code b{letter-spacing:3px;font-size:20px}.away-code small{opacity:.8;font-size:11px}.screen.play.paused .pause-card{max-height:calc(100dvh - 24px - var(--sat,0px) - var(--sab,0px));overflow-y:auto}@media (max-height:700px){.screen.play.paused .pause-card{gap:4px;padding:12px 14px}.screen.play.paused .pause-av img,.screen.play.paused .pause-av .av{width:44px;height:44px}.screen.play.paused .pause-card h2{margin:0}.pause-code{margin:2px auto 4px;padding:4px 10px}.pause-code b{font-size:28px}.pause-code span{display:none}.screen.play.paused .pause-card .tmap{max-height:120px;margin:-18px 0;transform:scale(.75)}.screen.play.paused .pause-count{font-size:32px;line-height:1}}.away-code{top:calc(64px + var(--sat,0px))}.get-app-card{border:2px solid var(--ink,#2b1b12);box-shadow:0 4px 0 var(--ink,#2b1b12);text-align:center;background:#fff3cf;border-radius:20px;gap:8px;padding:14px 16px;display:grid}.get-app-card b,.get-app-card h2{margin:0;font-size:18px}.get-app-card p{margin:0;font-size:13px;line-height:1.5}.final-get-app{background:linear-gradient(160deg,#ffe08a,#fff3cf 60%);margin:14px 0 6px}.final-get-app h2{font-size:24px}.final-get-app .get-app-lead{font-size:15px;font-weight:700}.final-get-app ul{text-align:start;gap:4px;margin:4px 0;padding:0;font-size:14px;list-style:none;display:grid}.get-app-links{gap:8px;display:grid}.get-app-links .btn{place-items:center;text-decoration:none;display:grid}.get-app-soon{opacity:.85;font-weight:800}.get-app-hint{color:var(--ink,#2b1b12);opacity:.85;margin:0;font-size:13px;font-weight:700}.recap-footer #final-get-app-cta{place-items:center;text-decoration:none;display:grid}.lobby .setup-footer .get-app-hint{text-align:center}.link.danger{color:#c0392b}:root{--bg:#fff6e7;--ink:#30231d;--soft:#796553;--brick:#ff5b45;--brick-d:#d72f27;--mustard:#ffc72c;--mustard-d:#e79a1b;--mint:#2ac9c1;--door:#209fce;--purple:#7959e8;--card:#fffcf7;--line:2.5px;--border:#d9bd94;--surface:#fff0d4;--lift:0 5px 0 var(--ink), 0 9px 0 #b5834230;--bounce:cubic-bezier(.2, 1.25, .4, 1)}:root[data-theme=cafe]{--bg:#f9e7c9;--card:#fff7e7;--surface:#f5dcb5;--soft:#70543e;--border:#c9a77d}:root[data-theme=roof]{--bg:#e9ecfc;--card:#f9f6ff;--surface:#dfdff5;--soft:#605b7a;--border:#b8b3d6}.screen:not(.play):not(.calib):not(.seams):not(.count){background:var(--bg)!important}.ui-symbol{stroke-width:2.5px;flex-shrink:0;width:24px;height:24px;display:block}button{cursor:pointer}button:disabled{cursor:default}.btn{font-family:var(--display);border:var(--line) solid var(--ink);background:linear-gradient(#ff6d55, var(--brick) 65%, #f64332);box-shadow:var(--lift), inset 0 2px 0 #ffffff85;text-shadow:0 2px #8b262d80;border-radius:20px;font-size:22px;line-height:1.3;transition:transform .12s,box-shadow .12s,filter .15s;animation:none}.btn.big{padding:12px 16px;font-size:27px;line-height:1.3}.btn.sm{padding:9px 12px;font-size:17px}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink), 0 3px 0 #b5834230, inset 0 2px 0 #ffffff70;transform:translateY(4px)scale(.99)}.btn.mustard{color:var(--ink);text-shadow:0 2px #ffffffb0;background:linear-gradient(#ffd94d,#ffc72c 65%,#ffb523)}.btn.ghost{background:var(--card);color:var(--ink);text-shadow:none}.btn:disabled{color:#9b856e;opacity:1;filter:none;text-shadow:none;background:#e9d5b6;border-color:#af9c83;box-shadow:0 4px #af9c83}.card{border:2px solid var(--border);background:var(--card);border-radius:23px;animation:none;box-shadow:0 5px #d6ad7035}.card h2{color:var(--ink)}input,select{border:2px solid var(--border);background:#fffcf6;border-radius:12px;min-height:44px;font-size:16px;box-shadow:inset 0 2px #c4a37515}input:focus,select:focus{border-color:var(--door);background:#fff;box-shadow:0 0 0 3px #209fce25}input::placeholder{color:#9a8872;font-size:13px;font-weight:700}.link{cursor:pointer;border-radius:8px;font-size:12px;text-decoration:none}.small{font-weight:700}.err{color:#b12c26;background:#fff0e8;border:1.5px solid #d24a3c;border-radius:12px;font-weight:700}.icon-button,.mute{border:2px solid var(--ink);width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:0 3px 0 var(--ink), inset 0 2px 0 #fff;background:var(--card);color:var(--ink);border-radius:50%;place-items:center;display:grid}.icon-button:active,.mute:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.mute{top:calc(14px + var(--sat));left:max(16px, env(safe-area-inset-left));z-index:10}.mute .ui-symbol{width:22px;height:22px}.screen .chip{box-shadow:0 2px 0 var(--ink);border-width:1.5px;animation:none}.chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toggle{border:1.5px solid var(--border);background:var(--card);box-shadow:none!important;border-radius:14px!important}.toggle input{accent-color:var(--mint);box-shadow:none}.setup-options,.calibration-settings,.motion-help{border-color:var(--border)}.note,.nb,.phone-mode,.count-of{border-width:2px;box-shadow:0 3px #30231d15}.note{background:#ffe19a;border-radius:15px}.rank li,.highlights,.memory,.pause-card,.planner{border-width:2px;box-shadow:0 4px #30231d18}.rank li{border-radius:17px}.pts{border-width:1.5px}.recap-outcome{border:2px solid var(--ink);background:#ffd65b}.learning-footer,.recap-footer{background:var(--bg);border-color:var(--border)}.toast{border-width:2px;max-width:480px;margin:auto;box-shadow:0 6px #30231d30}.toast b{color:var(--ink)}.scene-decor{pointer-events:none;z-index:-1;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.scene-decor i{opacity:.7;border-radius:50%;display:block;position:absolute}.scene-decor i:first-child{background:#ffd15d;width:150px;height:150px;top:7%;left:-92px}.scene-decor i:nth-child(2){background:var(--mint);width:150px;height:245px;top:23%;right:-123px;transform:rotate(24deg)}.scene-decor i:nth-child(3){background:#ffc72c;width:150px;height:150px;bottom:-62px;left:-112px}.scene-decor i:nth-child(4){background:var(--mint);width:180px;height:180px;bottom:-80px;right:-126px}.scene-decor b{color:#ffbe2c;font-size:21px;position:absolute;top:31%;right:5%;transform:rotate(14deg)}.scene-decor b:last-child{font-size:28px;top:29%;left:4%;right:auto;transform:rotate(-12deg)}.first-home,.lobby{isolation:isolate}.first-home>:not(.scene-decor),.lobby>:not(.scene-decor){z-index:1}.first-home{padding:calc(14px + var(--sat)) max(16px, env(safe-area-inset-right)) calc(18px + var(--sab));height:var(--form-height,100dvh);justify-content:flex-start;align-items:center;gap:8px;display:flex}.first-home>:not(.scene-decor){flex-shrink:0;order:0;width:min(100%,450px)}.first-home .home-brand{justify-content:center;align-items:flex-start;min-height:92px;margin:0;display:flex;position:relative}.home-brand>.icon-button{position:absolute;top:0;right:0}.brand-wordmark{object-fit:contain;filter:drop-shadow(0 2px #ffffffa0);width:210px;height:auto;display:block}.first-home .home-hero{flex-direction:column;align-items:center;gap:0;display:flex}.first-home .welcome{gap:4px;width:100%;padding:0 7px;display:grid}.first-home h1{font:400 24px/1.35 var(--display);color:var(--ink);letter-spacing:0;margin:0}.hero-description{color:var(--ink);font-size:13px;font-weight:900;line-height:1.5}.party-illustration{object-fit:contain;transform-origin:50% 100%;width:calc(100% + 20px);max-width:480px;height:auto;animation:party-welcome .4s var(--bounce) both;margin:5px -10px -10px;display:block}@keyframes party-welcome{0%{opacity:1;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.first-home .home-card{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:0;animation:none;display:flex}.name-entry,.code-entry{align-items:center;gap:9px;width:100%;min-width:0;display:flex}.name-entry label,.code-entry label{white-space:nowrap;font-size:11px;font-weight:900}.first-home .home-card input{text-align:center;flex:1;width:0;min-width:0;height:38px;min-height:38px;padding:5px 10px;font-size:15px}.first-home .name-entry input{text-align:right}.first-home #code{letter-spacing:1px;font-variant-numeric:tabular-nums}.first-home #code::placeholder{letter-spacing:0}.first-home .code-entry{padding:2px 5px 0}.arcade-action{text-align:center;direction:ltr;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:61px;position:relative;overflow:visible;display:grid!important}.arcade-action>span{direction:rtl}.arcade-action>.ui-symbol{stroke-width:4px;filter:drop-shadow(0 2px #30231d40);justify-self:center;width:24px;height:24px;transform:rotate(180deg)}.button-emblem{color:inherit;place-items:center;font-style:normal;display:grid}.button-emblem>.ui-symbol{stroke-width:3px;width:29px;height:29px}.arcade-action:not(.mustard) .button-emblem{color:#db342b;background:#fff;border:2px solid #b33d30;border-radius:50%;width:32px;height:32px;box-shadow:0 2px #a72c2360}.arcade-action:not(.mustard) .button-emblem .ui-symbol{width:21px;height:21px}.join-action .button-emblem{box-shadow:none!important;color:#fff!important;background:0 0!important;border:0!important}.join-action .button-emblem .ui-symbol{width:31px!important;height:31px!important}.first-home .btn.big{border-radius:27px;padding:9px 14px;font-size:26px}.first-home .join-action{text-shadow:0 2px #006e6f;background:linear-gradient(#19c8c0,#00b2ac 70%,#009991);box-shadow:0 5px #183b34,0 9px #b5834230,inset 0 2px #ffffffa0}.first-home #join{width:100%;min-width:0;min-height:61px;font-size:25px}.first-home .err{padding:6px;font-size:11px;line-height:1.6}.err[hidden]{display:none}.first-home .home-discover{gap:9px;margin-top:7px;display:grid}.discover-heading{justify-content:space-between;align-items:center;display:flex}.discover-heading h2{font-size:22px;line-height:1.25}.discover-heading .ui-symbol{stroke-width:3px;width:27px;height:27px}.featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.featured .tile{border:2px solid var(--ink);width:100%;min-width:0;min-height:0;box-shadow:0 4px 0 var(--ink), 0 7px 0 #b5834225;background:#f8b624;border-radius:19px;flex-direction:column;gap:0;transition:transform .15s;animation:none;display:flex;overflow:hidden}.featured .tile:nth-child(2){background:#21b3dd}.featured .tile:nth-child(3){background:#8c50e8}.featured .tile .gicon{aspect-ratio:1.35;object-fit:contain;filter:none;width:100%;height:auto;padding:4px 8px;animation:none}.featured .tile b{font:400 15px/1.4 var(--display);color:#fff;text-shadow:0 2px #30231d80;white-space:normal;background:#0002;place-items:center;width:100%;min-height:32px;padding:3px 1px;display:grid;overflow:visible}.first-home .catalog{order:0;width:100%;padding:0}.first-home .catalog summary{cursor:pointer;min-height:36px;padding:6px;font-size:12px;font-weight:900;list-style:none}.catalog summary::-webkit-details-marker{display:none}.catalog summary span{margin-right:5px;display:inline-block}.catalog[open] summary span{transform:rotate(-90deg)}.catalog .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;width:100%;margin:8px 0}.catalog .tile{min-width:0;animation:none}.catalog .tile .gicon{filter:none;animation:none}.catalog .tile b{white-space:normal;font-size:12px;line-height:1.3}.first-home .home-footer{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;margin:0;padding:0;display:flex}.home-footer .link,.home-footer summary{min-height:36px;color:var(--soft);cursor:pointer;padding:6px;font-size:11px;font-weight:700;list-style:none}.home-footer:has(.how-it-works[open]){justify-items:center;display:grid}.how-it-works{max-width:100%}.table-demo{background:var(--card);border:2px solid var(--border);border-radius:18px;width:min(100%,400px);height:auto;margin:0 auto;padding:10px;display:block}.demo-caption{justify-content:space-between;align-items:center;font-size:11px;display:flex}.demo-replay{border:1.5px solid var(--ink);background:var(--mustard);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.table-scene{width:100%;height:auto;display:block}.table-demo figcaption{color:var(--soft);justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.table-demo figcaption i{font-style:normal}.demo-device{transform-origin:50%;animation:7s ease-in-out infinite device-meet}.device-0{--x:-19px;--y:10px;--r:-12deg;transform-origin:93px 118px}.device-1{--x:-8px;--y:-11px;--r:-5deg;transform-origin:171px 118px}.device-2{--x:8px;--y:9px;--r:5deg;transform-origin:249px 118px}.device-3{--x:19px;--y:-10px;--r:12deg;transform-origin:327px 118px}.demo-puck{animation:7s ease-in-out infinite puck-cross;transform:translate(171px,117px)}.table-demo.restarting .demo-device,.table-demo.restarting .demo-puck{animation:none}@keyframes device-meet{0%,12%,to{transform:translate(var(--x), var(--y)) rotate(var(--r))}30%,88%{transform:none}}@keyframes puck-cross{0%,26%,to{opacity:0;transform:translate(83px,117px)}32%{opacity:1;transform:translate(83px,117px)}58%{opacity:1;transform:translate(338px,117px)}83%{opacity:1;transform:translate(175px,117px)}90%{opacity:0;transform:translate(175px,117px)}}.lobby.setup-screen{padding:calc(15px + var(--sat)) max(16px, env(safe-area-inset-right)) calc(140px + var(--sab));justify-content:flex-start;gap:16px}.lobby>:not(.scene-decor):not(.setup-footer){flex-shrink:0;width:min(100%,460px)}.lobby-brand{direction:ltr;justify-content:space-between;align-items:center;gap:8px;min-height:54px;display:flex}.lobby-brand .brand-wordmark{filter:none;width:105px}.lobby-brand .back-home{flex-shrink:0}.room-menu{border:2px solid var(--ink);background:var(--card);min-height:42px;box-shadow:0 3px 0 var(--ink);direction:rtl;border-radius:16px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:900;display:flex}.room-menu .ui-symbol{width:20px;height:20px}.room-menu:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.lobby-heading{justify-items:center;gap:10px;display:grid}.lobby-heading h1{font:400 38px/1.15 var(--display);color:#fff6e7;border:2.5px solid var(--ink);text-shadow:2px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;background:linear-gradient(#ff624c,#ff423b);border-radius:55% 55% 18px 18px/17% 17% 18px 18px;padding:12px 25px 9px;transform:rotate(-2deg);box-shadow:0 4px #b83d29,0 8px #d2ac6d45}.lobby-heading>p{font:400 19px/1.4 var(--display)}.lobby-grid{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;display:grid}.setup-screen .lobby-card{border:2px solid var(--border);text-align:center;background:#ffeac840;border-radius:24px;gap:8px;width:100%;min-width:0;padding:15px;box-shadow:0 5px #d7ad7135}.room-code-label{font:400 20px/1.3 var(--display)}.invite-block{direction:ltr;justify-content:center;align-items:center;gap:9px;display:flex}.invite-block .code{box-shadow:none;letter-spacing:0;line-height:1;font:900 39px var(--body);color:#171613;direction:ltr;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;display:flex}.code>span{border:2px solid var(--ink);background:linear-gradient(#ffd54b,#ffc72c);border-radius:13px;place-items:center;width:47px;height:59px;display:grid;transform:none;box-shadow:0 3px #df961b,inset 0 2px #fff}.copy-code{border:1.8px solid var(--border);width:44px;min-width:44px;height:48px;color:var(--ink);background:#ffebcb;border-radius:12px;place-items:center;display:grid}.copy-code:active{background:var(--mustard);transform:translateY(1px)}.copy-code .ui-symbol{width:23px;height:23px}.invite-block .qr-wrap{border:1px solid var(--border);box-shadow:none;border-radius:9px;padding:3px}.invite-block #qr{border-radius:4px;width:62px;height:62px}.invite-card:has(#qr) .code{gap:4px;font-size:30px}.invite-card:has(#qr) .code>span{border-radius:9px;width:33px;height:49px}.invite-card .small{font-size:11px;font-weight:700;line-height:1.6}.invite-actions{justify-content:center;align-items:center;gap:8px;display:flex}.invite-actions .link{min-height:34px;padding:4px;font-size:11px}#invite-feedback:empty,#code-copy-feedback:empty{display:none}.invite-card .room-controls{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;margin-top:2px;padding:0}.room-controls summary{cursor:pointer;min-height:27px;padding:5px 0;font-size:10px;font-weight:700}.room-controls[open]{gap:8px;display:grid}.room-controls .toggle{padding:8px}.room-controls input{min-height:0}.party-card{text-align:right;flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-title h2{font:400 23px/1.3 var(--display)}.section-title h2 b{font:900 20px var(--body);margin-left:3px;display:inline-block}.room-state{color:var(--soft);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.room-state>i{background:#11b78b;border-radius:50%;width:6px;height:6px}.room-state.locked>i{background:var(--brick)}.lobby .setup-status{justify-content:flex-start;gap:10px;font-size:10px}.lobby .setup-status>span{color:var(--soft);background:0 0;border:0;padding:0}.player-grid{direction:ltr;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:0;padding:8px 0 0;list-style:none;display:grid}.player-card{border:1.5px solid var(--border);direction:rtl;background:#fff7e94d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:9px 3px 8px;transition:border-color .2s,background .2s,opacity .2s;display:flex;position:relative}.player-card.is-host{border:2px solid var(--ink);background:#ffffff80;box-shadow:0 3px #30231d15}.player-card.is-me:not(.is-host){border-color:var(--player-color);background:#ffffff80}.player-card.is-ready{background:#e4f9de;border-color:#20a66d}.player-card.is-away{opacity:.5;border-style:dashed}.player-avatar{aspect-ratio:1;object-fit:contain;width:67px;max-width:100%;height:auto;display:block}.player-card>b{font:400 18px/1.25 var(--display);text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;overflow:hidden}.player-status{white-space:nowrap;align-items:center;gap:4px;font-size:10px;font-weight:900;line-height:1.5;display:flex}.player-status>i{background:#0ec98d;border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 0 2px #ffffffa0}.is-away .player-status>i{background:#9e9286}.player-status .ui-symbol{stroke-width:3px;width:11px;height:11px}.host-crown{z-index:1;width:35px;height:32px;position:absolute;top:-19px;left:50%;transform:translate(-50%)rotate(-8deg)}.host-crown .ui-symbol{stroke-width:1.8px;width:100%;height:100%;color:var(--ink);filter:drop-shadow(0 2px #c7802640)}.empty-player{color:#a39078;background:#fff7e926;border:1.5px dashed #d7c0a0;border-radius:19px;place-items:center;height:70px;display:grid}.empty-player>.ui-symbol{stroke-width:3px;width:26px;height:26px}.player-card.arriving{animation:player-arrive .35s var(--bounce) both}@keyframes player-arrive{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:none}}.appearance-section{border-top:1px solid #d8b99470;gap:6px;padding-top:10px;display:grid}.look-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.look-heading h3{font:400 18px var(--display);color:var(--ink);margin:0}.look-heading>span{color:var(--soft);font-size:10px}.looks{scrollbar-width:thin;scrollbar-color:var(--border) transparent;scroll-snap-type:x proximity;gap:7px;min-width:0;max-width:100%;padding:3px 1px 7px;display:flex;overflow-x:auto}.looks::-webkit-scrollbar{height:3px;display:block}.looks::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.look{border:1.5px solid var(--border);scroll-snap-align:start;background:#fff8ea;border-radius:14px;flex:none;gap:1px;width:60px;min-width:60px;min-height:75px;padding:5px 3px;transition:transform .12s,background .15s,border-color .15s;position:relative;box-shadow:0 3px #c5a07950}.look img{width:43px;height:43px}.look small{font:400 12px/1.4 var(--display);white-space:nowrap}.look.on{border:2px solid var(--ink);color:var(--ink);background:#ffd758;box-shadow:0 3px #c88b27}.look:active{transform:translateY(2px);box-shadow:0 1px #c88b27}.look.locked{opacity:1;color:var(--soft);background:#f7e8d5}.look.locked img{opacity:.6}.look>.ui-symbol{stroke-width:2px;width:11px;height:11px;position:absolute;top:4px;left:4px}.look-progress{color:var(--soft);text-align:center;font-size:10px;line-height:1.5}.lobby .reconnect-note{font-size:11px}.setup-footer{background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px max(16px, env(safe-area-inset-left)) calc(14px + var(--sab));border-top:1px solid #d9bd9470;gap:8px;box-shadow:0 -8px 24px #6c492308}.setup-footer>*{width:min(100%,460px)}.setup-footer .btn.big{min-height:55px;padding:8px 12px;font-size:25px}.setup-footer .small{font-size:10px;font-weight:700}.leave-dialog{border:2px solid var(--ink);background:var(--bg);width:min(100% - 32px,360px);color:var(--ink);text-align:center;border-radius:25px;padding:24px;box-shadow:0 8px #30231d40}.leave-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30231d80}.leave-dialog h2{font-size:28px}.leave-dialog p{margin:10px 0 18px;font-size:13px;line-height:1.8}.leave-dialog .btn{width:100%;margin:12px 0 0;display:block}@media (max-height:740px) and (min-height:501px){.first-home{padding-top:calc(10px + var(--sat));gap:6px}.first-home .home-brand{min-height:61px}.home-brand .brand-wordmark{width:148px}.first-home h1{font-size:21px}.hero-description{font-size:11px}.party-illustration{object-fit:contain;width:264px;max-width:100%;height:145px;margin:0 auto -8px}.first-home .home-card{gap:9px}.first-home .home-card input{height:32px;min-height:32px;font-size:14px}.name-entry label,.code-entry label{font-size:10px}.first-home .btn.big,.first-home #join{min-height:50px;padding:6px 12px;font-size:23px}.arcade-action{grid-template-columns:30px minmax(0,1fr) 24px;gap:7px}.button-emblem{transform:scale(.88)}.first-home .home-discover{gap:6px;margin-top:7px}.discover-heading h2{font-size:19px}.featured .tile{border-radius:15px}.featured .tile .gicon{aspect-ratio:1.75;max-height:60px}.featured .tile b{min-height:27px;font-size:13px}.first-home .catalog summary{min-height:32px;font-size:11px}.home-footer .link,.home-footer summary{min-height:30px;padding:4px;font-size:10px}}@media (max-width:359px) and (min-height:501px){.first-home{padding-left:12px;padding-right:12px}.first-home h1{font-size:20px}.first-home .btn.big,.first-home #join{font-size:22px}.invite-block .code{gap:4px;font-size:34px}.code>span{width:40px;height:53px}.invite-card:has(#qr) .code{gap:3px;font-size:25px}.invite-card:has(#qr) .code>span{width:27px;height:43px}.invite-block{gap:6px}.invite-block #qr{width:52px;height:52px}.setup-screen .lobby-card{padding:10px}.room-menu span{font-size:9px}.lobby-brand .brand-wordmark{width:83px}.player-avatar{width:57px}.player-card>b{font-size:16px}.player-status{font-size:9px}.setup-footer .btn.big{font-size:22px}}@media (max-height:740px) and (min-height:501px){.lobby.setup-screen{padding-top:calc(10px + var(--sat));padding-bottom:calc(112px + var(--sab));gap:10px}.lobby-brand{min-height:42px}.lobby-brand .brand-wordmark{width:94px}.lobby-heading{gap:7px}.lobby-heading h1{padding:9px 24px 6px;font-size:29px}.lobby-heading>p{font-size:15px}.lobby-grid{gap:12px}.setup-screen .lobby-card{gap:5px;padding:10px 12px}.room-code-label{font-size:17px}.invite-block .code{font-size:32px}.code>span{border-radius:10px;width:42px;height:49px}.invite-card:has(#qr) .code>span{width:30px;height:43px}.invite-card .small{font-size:10px}.room-controls summary{min-height:24px;padding:3px}.party-card{gap:7px}.section-title h2{font-size:20px}.section-title h2 b{font-size:17px}.lobby .setup-status{font-size:9px}.player-grid{gap:9px 6px}.player-card{border-radius:14px;gap:2px;padding:5px 2px}.player-avatar{width:48px}.player-card>b{font-size:15px}.player-status{font-size:9px}.host-crown{width:27px;height:25px;top:-14px}.empty-player{border-radius:12px;height:40px}.appearance-section{padding-top:7px}.look{width:53px;min-width:53px;min-height:63px;padding:3px}.look img{width:34px;height:34px}.look small{font-size:11px}.look-heading h3{font-size:16px}.look-progress{font-size:9px}.lobby .setup-footer{gap:6px;padding-top:8px}.lobby .setup-footer .btn.big{min-height:51px;font-size:23px}.lobby .party-card:has(.player-card:nth-child(5)) .appearance-section{order:-1}.lobby .party-card:has(.player-card:nth-child(5)) .empty-player{display:none}}@media (min-width:760px){.scene-decor i:first-child{opacity:.25;width:220px;height:220px;left:calc(50% - 470px)}.scene-decor i:nth-child(2){opacity:.25;right:calc(50% - 510px)}.scene-decor i:nth-child(3){opacity:.3;left:calc(50% - 440px)}.scene-decor i:nth-child(4){opacity:.3;right:calc(50% - 470px)}.scene-decor b{right:calc(50% - 315px)}.scene-decor b:last-child{left:calc(50% - 320px)}.first-home{gap:10px;padding-top:20px}.first-home .home-brand{min-height:94px}.first-home .home-brand .icon-button{right:0}.first-home .home-hero{gap:3px}.first-home h1{font-size:27px}.party-illustration{width:370px;margin:0 auto -12px}.first-home .home-card{gap:10px}.first-home .name-entry input,.first-home .code-entry input{height:37px;min-height:37px}.first-home .btn.big,.first-home #join{min-height:57px;font-size:27px}.first-home .home-discover{gap:8px;margin-top:8px}.featured .tile .gicon{max-height:91px}.first-home .catalog summary{min-height:32px}.first-home .home-footer{gap:24px}.lobby.setup-screen{gap:19px;padding-top:24px}.lobby>:not(.scene-decor):not(.setup-footer){width:min(100%,620px)}.lobby-brand .brand-wordmark{width:125px}.lobby-heading h1{font-size:43px}.lobby-heading>p{font-size:21px}.lobby-grid{gap:22px}.setup-screen .lobby-card{padding:17px}.invite-block .code{gap:8px;font-size:42px}.code>span{width:58px;height:65px}.invite-card:has(#qr) .code{gap:6px;font-size:38px}.invite-card:has(#qr) .code>span{width:49px;height:59px}.invite-block #qr{width:76px;height:76px}.player-grid{gap:15px}.player-avatar{width:83px}.player-card{padding:12px 5px}.empty-player{height:79px}.party-card .looks{justify-content:center}.look{width:65px;min-width:65px}.setup-footer .btn.big{min-height:61px;font-size:28px}}@media (min-width:760px) and (max-height:780px) and (min-height:501px){.first-home{gap:6px;padding-top:10px}.first-home .home-brand{min-height:64px}.first-home .home-brand .brand-wordmark{width:155px}.party-illustration{width:285px;height:157px}.first-home h1{font-size:23px}.first-home .btn.big,.first-home #join{min-height:51px;font-size:24px}.first-home .home-discover{margin-top:5px}.featured .tile .gicon{max-height:63px}.featured .tile b{min-height:25px}}@media (max-height:500px){.first-home .home-brand,.first-home .home-hero,.first-home .home-discover,.first-home .home-footer{display:none}.first-home{gap:8px;padding-top:10px;display:flex}.first-home .home-card{gap:9px;width:min(100%,400px)}.first-home .home-card input{height:36px;min-height:36px}.first-home .btn.big,.first-home #join{min-height:48px;padding:5px 10px;font-size:22px}.name-entry label,.code-entry label{font-size:10px}body:has(.first-home:focus-within) .mute{display:none}}.keyboard-open .first-home .home-brand,.keyboard-open .first-home .home-hero,.keyboard-open .first-home .home-discover,.keyboard-open .first-home .home-footer{display:none}.keyboard-open .first-home{padding-top:10px;display:flex}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.035)}.tile:hover,.look:hover{transform:translateY(-2px)}.link:hover{background:#d1ae6d20}.icon-button:hover,.copy-code:hover,.room-menu:hover{filter:brightness(.97)}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.demo-device,.demo-puck,.party-illustration,.arriving{transition:none!important;animation:none!important}}.scene-decor{height:100%;width:100%!important}body:has(.lobby) .mute{display:none}.lobby .room-controls:not([open]){display:none}.lobby .room-controls[open]{margin-top:8px}.lobby{scroll-padding-bottom:calc(150px + var(--sab))}.featured .tile .gicon{object-fit:contain;padding:0 6px}.how-it-works[open]{width:min(100%,400px)}.lobby-heading h1{width:90%;max-width:440px;font-family:var(--body);letter-spacing:-.7px;-webkit-text-stroke:1.2px var(--ink);text-shadow:2px 3px 0 var(--ink);font-size:32px;font-weight:900;line-height:1.45}@media (max-height:740px) and (min-height:501px){.lobby-heading h1{font-size:27px}}@media (min-width:760px){.lobby-heading h1{font-size:39px}}:root{--space-unit:8px;--radius-panel:24px;--motion-quick:.16s;--motion-page:.26s}.main-menu,.menu-page{isolation:isolate;padding:calc(18px + var(--sat)) max(16px, env(safe-area-inset-right)) calc(20px + var(--sab));justify-content:flex-start;gap:12px;scroll-padding-bottom:24px}.main-menu>:not(.scene-decor),.menu-page>:not(.scene-decor){z-index:1;flex-shrink:0;width:min(100%,460px)}.menu-brand{justify-content:center;align-items:flex-start;min-height:105px;display:flex;position:relative}.menu-brand>.icon-button{position:absolute;top:0;right:0}.menu-brand .brand-wordmark{width:230px;animation:logo-enter .45s var(--bounce) both}@keyframes logo-enter{0%{transform:translateY(-5px)scale(.96)}to{transform:none}}.menu-hero{text-align:center}.menu-hero h1{font:400 30px/1.35 var(--display);margin:0}.menu-hero>p{font:700 16px/1.6 var(--body);color:var(--soft);margin-top:1px}.connected-hero{width:calc(100% + 24px);margin:8px -12px -4px;position:relative}.connected-hero>img{object-fit:contain;width:100%;height:auto;display:block}.shared-trail{pointer-events:none;mix-blend-mode:screen;background:#fff9b4;border-radius:50%;width:16%;height:1.5%;animation:3.8s ease-in-out infinite shared-glow;position:absolute;top:60%;left:34%;transform:rotate(8deg);box-shadow:0 0 10px #ffe139}@keyframes shared-glow{0%,to{opacity:.15;transform:translate(-12%)rotate(8deg)scaleX(.65)}50%{opacity:.8;transform:translate(18%)rotate(8deg)scaleX(1.05)}}.main-menu .menu-play{min-height:72px;box-shadow:0 6px 0 var(--ink), 0 11px 0 #c2945645, inset 0 3px 0 #ffffffa0;border-radius:36px;grid-template-columns:45px minmax(0,1fr) 38px;margin:3px 0 5px;padding:10px 20px;font-size:35px}.menu-play .button-emblem{color:#fff!important;box-shadow:none!important;background:0 0!important;border:0!important;width:43px!important;height:43px!important}.menu-play .button-emblem>.ui-symbol{stroke-width:2.5px;width:40px!important;height:40px!important}.menu-play>.ui-symbol{width:31px;height:31px}.menu-cards{direction:ltr;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.menu-card{--menu-accent:#ffd044;border:2px solid var(--ink);background:radial-gradient(ellipse at 45% 25%, #ffffff60, transparent 70%), var(--menu-accent);min-width:0;box-shadow:0 5px 0 var(--ink), 0 9px 0 #c2945630;color:var(--ink);transition:transform var(--motion-quick), box-shadow var(--motion-quick);direction:rtl;border-radius:25px;flex-direction:column;align-items:center;padding:8px 0 0;display:flex;position:relative;overflow:hidden}.menu-card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.games-menu{--menu-accent:#53d0f4}.profile-menu{--menu-accent:#ac6bec}.menu-card-art{object-fit:contain;width:100%;height:86px;padding:1px 9px;display:block}.menu-card>div{background:var(--card);border-radius:24px 24px 19px 19px;flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;padding:9px 4px 8px;display:flex}.menu-card h2{font:400 22px/1.2 var(--display);white-space:nowrap}.menu-card p{font:700 10px/1.7 var(--body);color:var(--soft);margin:0}.menu-card>div>i{background:var(--menu-accent);border-radius:20px;place-items:center;width:70%;height:27px;margin-top:auto;display:grid}.menu-card>div>i>.ui-symbol{stroke-width:3px;width:25px;height:25px;transform:rotate(180deg)}.menu-avatar{width:100%;position:relative}.menu-avatar>.ui-symbol{stroke-width:1.8px;width:35px;height:28px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(-8deg)}.menu-avatar .menu-card-art{padding-top:5px}.menu-footer{color:var(--soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 16px;padding-top:2px;font-size:10px;display:flex}.menu-footer>.link{min-height:36px;font-size:10px}.menu-footer>span{font-weight:700}.section-brand{direction:ltr;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:60px;display:grid}.section-brand .brand-wordmark{justify-self:center;width:125px;max-width:100%}.menu-page>h1,.play-entry>h1{font:400 32px/1.3 var(--display);margin:4px 0 0}.page-lead{color:var(--soft);max-width:440px;font-size:13px;font-weight:700;line-height:1.8}.menu-page{gap:14px}.menu-page .scene-decor{z-index:-1}.menu-page .scene-decor>i{opacity:.3}.play-entry.first-home{padding-top:calc(16px + var(--sat));gap:16px}.play-entry .home-card{border:2px solid var(--border);background:var(--card);border-radius:24px;gap:14px;padding:18px;display:grid;box-shadow:0 5px #d6ad7035}.entry-avatar{justify-content:center;align-items:center;gap:10px;display:flex}.entry-avatar>img{width:62px;height:62px}.entry-avatar>.link{min-height:44px}.entry-divider{color:var(--soft);justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:11px;font-weight:700;display:flex}.entry-divider:before,.entry-divider:after{content:"";background:var(--border);flex:1;height:1px}.play-entry .home-card .name-entry,.play-entry .home-card .code-entry{text-align:right;grid-template-columns:minmax(0,1fr);gap:6px;padding:0;display:grid}.play-entry.first-home .home-card input{text-align:center;width:100%;height:45px;min-height:45px;font-size:17px}.play-entry.first-home #code{letter-spacing:6px;font-size:23px}.play-entry #code::placeholder{letter-spacing:0;font-size:13px}.play-entry.first-home #join,.play-entry.first-home #host{min-height:57px;font-size:25px}.play-entry-note{color:var(--soft);font-size:11px;font-weight:700;line-height:1.7}.play-entry #resume{font-size:12px}body:has(.play-entry) .mute{display:none}body:has(.menu-page) .mute{display:none}.lobby .profile-shortcut{background:var(--card);border:1.5px solid var(--border);text-align:right;width:100%;min-height:44px;color:var(--ink);border-radius:15px;align-items:center;gap:9px;margin-top:5px;padding:7px 10px;font-size:12px;font-weight:700;display:flex}.profile-shortcut>.av{width:34px;height:34px}.profile-shortcut>span{flex:1}.profile-shortcut>.ui-symbol{width:19px;height:19px}.profile-shortcut:active{background:var(--surface)}.tutorial-phones{max-width:360px;height:auto;overflow:visible}.lesson-potato{animation:5s ease-in-out infinite tutorial-crossing;transform:translate(55px,100px)}@keyframes tutorial-crossing{0%,12%,to{transform:translate(55px,100px)}48%,60%{transform:translate(265px,76px)}}.tutorial-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tutorial-steps>li{text-align:right;background:var(--card);border:1.5px solid var(--border);border-radius:18px;align-items:center;gap:10px;padding:13px 12px;display:flex}.tutorial-steps>li>i{font:400 22px var(--display);background:var(--mustard);border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.step-art{color:var(--brick)}.step-art>.ui-symbol{width:25px;height:25px}.tutorial-steps h2{font:400 21px/1.3 var(--display)}.tutorial-steps p{color:var(--soft);font-size:11px;font-weight:700;line-height:1.8}.tutorial-reassurance{color:var(--soft);background:#ffe7ac70;border-radius:15px;padding:12px;font-size:12px;line-height:1.9}.tutorial-page .btn{margin:3px 0 8px}.library-note{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:10px;font-size:11px;line-height:1.8}.game-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;display:grid}.library-game{background:var(--card);border:2px solid var(--ink);text-align:right;border-radius:21px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 4px #30231d}.library-art{background:var(--game-color);place-items:center;height:116px;display:grid}.library-art>img{object-fit:contain;width:100%;height:100%}.library-game>div:last-child{gap:7px;padding:11px 10px;display:grid}.library-game h2{font:400 23px/1.2 var(--display)}.library-game p{color:var(--soft);font-size:11px;font-weight:700;line-height:1.8}.library-game small{border-top:1px solid var(--border);padding-top:7px;font-size:10px;font-weight:900;line-height:1.6}.library-page>#library-play{margin:8px 0}.profile-preview{background:radial-gradient(#ffe39a 0,#0000 68%);flex-direction:column;justify-content:center;align-items:center;gap:0;padding:5px;display:flex}.profile-preview>img{object-fit:contain;width:135px;height:135px}.profile-preview>span{font:400 22px var(--display);background:var(--card);border:1.5px solid var(--border);border-radius:20px;margin-top:-2px;padding:2px 18px}.profile-form{text-align:right;gap:12px;display:grid}.profile-form label{font-size:13px}.profile-form>h2{font:400 24px var(--display);margin:0}.profile-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px;display:grid}.profile-looks .look{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-width:0;min-height:99px;padding:7px;display:flex}.profile-looks .look>img{width:62px;height:62px}.profile-looks .look>span{font:400 17px/1.4 var(--display)}.profile-progress{color:var(--soft);font-size:11px;font-weight:700;line-height:1.9}.profile-form>.small{font-size:10px;font-weight:700}.profile-form>.btn{justify-content:center;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.profile-form .err{font-size:12px;line-height:1.8}@media (max-height:740px) and (min-height:501px){.main-menu{padding-top:calc(12px + var(--sat));gap:9px}.menu-brand{min-height:73px}.menu-brand .brand-wordmark{width:165px}.menu-hero h1{font-size:25px}.menu-hero>p{font-size:13px}.connected-hero{width:calc(100% + 12px);max-width:350px;margin:4px auto -6px}.main-menu .menu-play{min-height:59px;margin:2px 0 4px;font-size:30px}.menu-card-art{height:66px}.menu-card h2{font-size:19px}.menu-card p{font-size:9px}.menu-card>div{gap:5px;padding-top:7px}.menu-card>div>i{height:23px}.menu-card>div>i>.ui-symbol{width:20px;height:20px}.menu-cards{gap:8px}.menu-card{border-radius:21px}.play-entry.first-home{padding-top:calc(12px + var(--sat));gap:11px}.play-entry .entry-avatar{display:none}.play-entry .home-card{gap:12px;padding:16px}.play-entry>h1{font-size:28px}.play-entry .entry-divider{margin-top:3px}.play-entry .page-lead{font-size:12px}.profile-preview>img{width:110px;height:110px}}@media (max-width:359px){.menu-hero h1{font-size:23px}.menu-card h2{font-size:17px}.menu-card p{font-size:8px}.menu-cards{gap:7px}.menu-card-art{height:60px;padding:1px 5px}.menu-card>div{padding-left:2px;padding-right:2px}.menu-avatar>.ui-symbol{width:27px;height:23px}.main-menu .menu-play{font-size:29px}.menu-footer{gap:3px 10px;font-size:9px}.profile-looks .look>span{font-size:15px}.tutorial-steps h2{font-size:19px}.step-art{display:none}.play-entry.first-home #host,.play-entry.first-home #join{font-size:22px}}@media (min-width:760px){.main-menu{gap:12px;padding-top:22px}.main-menu>:not(.scene-decor),.menu-page>:not(.scene-decor){width:min(100%,500px)}.menu-brand{min-height:105px}.menu-brand .brand-wordmark{width:230px}.connected-hero{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}.main-menu .menu-play{min-height:74px;font-size:37px}.menu-card-art{height:97px}.menu-card h2{font-size:25px}.menu-card p{font-size:11px}.menu-card>div>i{height:30px}.library-page>.game-library{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,820px)}.menu-page .section-brand{max-width:500px}.library-art{height:127px}}@media (max-height:500px){.play-entry.first-home{gap:7px;padding-top:8px}.play-entry .section-brand,.play-entry>h1,.play-entry>.page-lead,.play-entry>.play-entry-note,.play-entry .entry-avatar{display:none}.play-entry.first-home .home-card{gap:8px;padding:12px}.play-entry .home-card .name-entry,.play-entry .home-card .code-entry{align-items:center;display:flex}.play-entry.first-home .home-card input{width:0;height:36px;min-height:36px;font-size:16px}.play-entry.first-home #host,.play-entry.first-home #join{min-height:47px;font-size:22px}.play-entry .entry-divider{margin:0}.main-menu{padding-top:12px}}.keyboard-open .play-entry .section-brand,.keyboard-open .play-entry>h1,.keyboard-open .play-entry>.page-lead,.keyboard-open .play-entry>.play-entry-note,.keyboard-open .play-entry .entry-avatar{display:none}@media (hover:hover){.menu-card:hover{transform:translateY(-2px)}.profile-shortcut:hover{background:var(--surface)}}@media (prefers-reduced-motion:reduce){.shared-trail,.lesson-potato,.menu-brand .brand-wordmark{animation:none!important}.shared-trail{opacity:.5}}.library-art{flex-shrink:0;display:block;position:relative;overflow:hidden}.library-art>img{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%;padding:4px;position:absolute;top:0;bottom:0;left:0;right:0}.profile-preview{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--character-color,#ff5b45) 22%, transparent), transparent 69%)}.profile-preview>img{object-fit:contain;width:176px;max-width:100%;height:176px}.profile-preview>span{margin-top:-4px}.character-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-looks.character-roster .look{background:color-mix(in srgb, var(--character-color) 8%, var(--card));border:1.5px solid color-mix(in srgb, var(--character-color) 24%, var(--border));border-radius:21px;min-height:133px;padding:7px 3px 6px}.profile-looks.character-roster .look>img{object-fit:contain;opacity:1;width:100%;height:88px}.profile-looks.character-roster .look>span{font-size:19px}.profile-looks.character-roster .look.on{background:color-mix(in srgb, var(--character-color) 20%, #fff6e7);border:2.5px solid var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--character-color) 65%, var(--ink))}.profile-looks.character-roster .look.locked{opacity:1;color:var(--soft)}.profile-looks.character-roster .look>.ui-symbol{background:var(--card);border-radius:4px;width:13px;height:13px;padding:1px;top:6px;left:6px}.legacy-looks{border-top:1px solid var(--border);padding-top:5px}.legacy-looks>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:12px;font-weight:700}.legacy-looks[open]>.profile-looks{margin:6px 0 10px}@media (max-width:359px){.profile-looks.character-roster .look{border-radius:17px;min-height:115px}.profile-looks.character-roster .look>img{height:72px}.profile-looks.character-roster .look>span{font-size:17px}.character-roster{gap:9px}.profile-preview>img{width:155px;height:155px}}.profile-unlock{border:2px solid var(--ink,#2b1b12);text-align:center;background:#fff3cf;border-radius:16px;margin:-4px 0 12px;padding:10px 12px}.profile-unlock p{margin:0 0 8px;font-size:.86rem;line-height:1.5}.profile-unlock .ui-symbol{vertical-align:-2px;width:14px;height:14px}.profile-unlock .btn{width:100%}.invite-block .code.lan{gap:3px;font-size:27px}.invite-block .code.lan>span{border-radius:9px;width:31px;height:46px}.invite-block .code.lan>span.group{margin-inline-start:7px}.invite-block .code.lan.long{gap:2px;font-size:19px}.invite-block .code.lan.long>span{border-radius:7px;width:21px;height:38px}.invite-block .code.lan.long>span.group{margin-inline-start:4px}.invite-block:has(.code.lan.long) .copy-code{width:36px;min-width:36px}.lan-host{margin:6px auto 0;font-size:13px;display:block}.lan-note{text-align:center}.brand-wordmark{aspect-ratio:1280/523;object-fit:contain;max-width:100%}.menu-brand .brand-wordmark{width:260px;max-width:calc(100% - 94px)}.section-brand .brand-wordmark{width:164px}.lobby-brand .brand-wordmark{width:132px}.session-brand .brand-wordmark,.voting-brand .brand-wordmark{width:140px}.brand-boot{color:#30231d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:auto;font:700 13px/1.8 Cairo,sans-serif;display:flex}.brand-boot .brand-wordmark{width:min(280px,74vw)}.brand-boot svg{width:150px;height:82px;overflow:visible}.boot-ball{animation:1.6s ease-in-out infinite brand-cross}@keyframes brand-cross{0%,12%{transform:translate(0)}88%,to{transform:translate(90px)}}@media (max-height:740px) and (min-height:501px){.menu-brand .brand-wordmark{width:210px}.lobby-brand .brand-wordmark{width:124px}}@media (max-width:359px){.menu-brand .brand-wordmark{width:190px}.section-brand .brand-wordmark{width:145px}.session-brand .brand-wordmark,.voting-brand .brand-wordmark{width:126px}}@media (prefers-reduced-motion:reduce){.boot-ball{animation:none;transform:translate(45px)}}[data-motion=off] .boot-ball{animation:none;transform:translate(45px)}.msg .brand-wordmark{width:230px;margin:0 auto 18px}.solo-menu-link{border:1.5px solid var(--ink);text-align:right;min-height:48px;color:var(--ink);background:#d9f4ed;border-radius:16px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 3px #8cbfb5}.solo-menu-link>span{background:#2ac9c1;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.solo-menu-link>div{flex:1;display:grid}.solo-menu-link b{font:400 22px/1.15 var(--display)}.solo-menu-link small{font-size:9px;font-weight:700}.solo-menu-link .ui-symbol{width:24px;height:24px}.solo-menu-link:active{box-shadow:none;transform:translateY(3px)}.arcade-library{padding-bottom:calc(108px + var(--sab));--library-shadow:0 4px 0 #30231d, 0 8px 12px #30231d15;gap:14px}.library-title{text-align:center;gap:3px;display:grid;position:relative}.library-title>#page-back{justify-self:start;align-items:center;gap:4px;min-height:30px;margin-top:-6px;padding:0 3px;font-size:10px;display:flex;position:relative}.library-title>#page-back>.ui-symbol{width:17px;height:17px;transform:rotate(180deg)}.library-title h1{font:400 39px/1.1 var(--display);margin:0}.library-title p{color:var(--soft);font-size:12px;font-weight:700;line-height:1.8}.library-filter-wrap{align-items:center;gap:7px;min-width:0;display:flex}.library-filters{scrollbar-width:none;touch-action:pan-x;flex:1;gap:7px;min-width:0;padding:4px 2px 7px;display:flex;overflow:auto}.library-filters::-webkit-scrollbar{display:none}.filter-chip{background:var(--card);white-space:nowrap;min-height:44px;font:700 11px var(--body);border:1.5px solid #9d805f;border-radius:24px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;transition:transform .15s,background .15s;display:flex;box-shadow:0 2px #e4cba7}.filter-chip>.ui-symbol{width:18px;height:18px}.filter-chip[aria-pressed=true]{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink), inset 0 2px 0 #fff6b4;background:linear-gradient(#ffde55,#ffc21e)}.filter-chip:active{transform:translateY(2px)}.search-toggle{border-color:#9d805f;width:44px;height:44px;box-shadow:0 2px #e4cba7}.search-toggle>.ui-symbol{width:21px;height:21px}.library-search{text-align:right;gap:5px;font-size:11px;display:grid}.library-search[hidden]{display:none}.library-search>input{border-width:1.5px;height:44px;font-size:16px}.featured-game{background:radial-gradient(ellipse at 36% 40%, #fff8, transparent 60%), var(--game-color);border:2.5px solid var(--ink);width:100%;min-height:188px;box-shadow:var(--library-shadow);text-align:right;color:var(--ink);border-radius:27px;grid-template-columns:1fr 48%;padding:14px 12px 32px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.featured-game:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.featured-copy{z-index:1;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative}.featured-label{background:#ffc72c;border-radius:18px;align-items:center;gap:4px;padding:4px 9px;font-size:9px;font-weight:900;display:flex}.featured-label .ui-symbol{width:17px;height:17px}.featured-copy>h2{font:400 29px/1.1 var(--display);text-shadow:0 1px #fff7d4}.featured-copy>p{background:#fff6e7d9;border-radius:11px;padding:5px 7px;font-size:11px;font-weight:700;line-height:1.7}.featured-cta{border:1.5px solid var(--ink);min-height:35px;font:400 19px var(--display);box-shadow:0 3px 0 var(--ink);background:linear-gradient(#ffde55,#ffc21e);border-radius:20px;align-items:center;gap:8px;padding:3px 10px;display:flex}.featured-cta>.ui-symbol{width:20px;height:20px;transform:rotate(180deg)}.featured-art{min-width:0;position:relative}.featured-game-art{object-fit:contain;width:138%;max-width:none;height:155px;position:absolute;top:-11px;left:-20%;transform:rotate(-8deg)}.featured-mascot{object-fit:contain;filter:drop-shadow(0 2px #fff3c9);width:90px;height:90px;position:absolute;bottom:-21px;left:-15px;transform:rotate(-9deg)}.featured-foot{text-align:center;background:#fff6e7e8;padding:5px 12px;font-size:10px;font-weight:900;position:absolute;bottom:0;left:0;right:0}.library-results-line{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;font-size:11px;display:flex}.library-results-line>span{color:var(--soft);font-size:10px}.arcade-library>.game-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.arcade-library .library-game{border:2px solid var(--ink);box-shadow:var(--library-shadow);background:var(--game-color);border-radius:22px;min-width:0;animation:.24s both library-card-in;display:block;position:relative}.arcade-library .game-open{text-align:right;width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:19px;padding:0;transition:transform .15s;display:block;overflow:hidden}.arcade-library .library-art{background:radial-gradient(ellipse at 50% 50%, #fff9 0, transparent 70%), var(--game-color);height:105px;position:relative;overflow:hidden}.arcade-library .library-art>img{object-fit:contain;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.arcade-library .game-card-copy{background:var(--card);border-radius:20px 20px 0 0;gap:5px;min-width:0;padding:8px 8px 7px;display:grid;position:relative}.arcade-library .game-card-copy>h2{font:400 23px/1.2 var(--display);white-space:nowrap;letter-spacing:-.5px;min-height:28px;margin:0}.arcade-library .game-card-copy>p{font:700 10px/1.7 var(--body);color:#765a41;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;overflow:hidden}.game-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.game-badges>span{min-height:23px;font:700 9px/1.3 var(--body);white-space:nowrap;background:#ffe8bd;border-radius:14px;justify-content:center;align-items:center;gap:3px;padding:3px 6px;display:inline-flex}.game-badges>span.game-beta{color:#ffd66b;background:#2b1b12}.game-badges>span.pro-badge{color:#2b1b12;background:linear-gradient(135deg,#ffd66b,#ff9f1c)}.detail-pro{color:#2b1b12;background:#fff3cf;border-radius:12px;margin:10px 0 0;padding:8px 12px;font-weight:700}.game-badges>span>.ui-symbol{flex-shrink:0;width:12px;height:12px}.game-badges>.device-badge.table{background:#e9d6ff}.game-badges>.device-badge.hand{background:#c9ebf7}.game-availability{color:#806b56;align-items:center;gap:3px;min-height:15px;font-size:9px;font-weight:700;line-height:1.4;display:flex}.game-availability.has-solo{color:#187060}.game-availability>.ui-symbol{width:12px;height:12px}.game-favorite{width:36px;height:36px;color:var(--ink);z-index:2;cursor:pointer;background:#fff9e8f2;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;left:8px}.game-favorite>.ui-symbol{width:22px;height:22px}.game-favorite.on{color:#e0533d}.game-favorite.on svg{fill:#ff8f9c}.game-favorite:active{transform:scale(.9)}.arcade-library .library-game:has(.game-open:active){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.library-empty{border:1.5px dashed var(--border);background:var(--card);border-radius:20px;grid-column:1/-1;gap:9px;padding:24px 12px;display:grid}.library-empty p{font-size:12px;line-height:1.8}.arcade-library>.library-note{background:#fff8e9;font-size:10px;line-height:1.9}.library-nav{bottom:calc(8px + var(--sab));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9eefa;border:1.5px solid #d5b586;border-radius:26px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:500px;padding:6px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #80532226;z-index:4!important;width:calc(100% - 24px)!important}.library-nav>button{min-height:54px;font:700 10px var(--body);background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.library-nav>button>.ui-symbol{width:23px;height:23px}.library-nav>button.active{color:#30231d;background:linear-gradient(#ffe77b,#ffc72c);box-shadow:inset 0 1px #fff}.game-details{border:2px solid var(--ink);background:var(--card);width:min(100%,540px);max-width:100%;max-height:92dvh;color:var(--ink);padding:0 0 calc(14px + var(--sab));touch-action:pan-y;border-bottom:0;border-radius:30px 30px 0 0;margin:0 auto;animation:.22s both sheet-in;position:fixed;top:auto;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -6px 40px #30231d44}.game-details::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#25180bb0}.sheet-grip{z-index:2;background:#30231d70;border-radius:4px;width:36px;height:4px;position:absolute;top:7px;left:calc(50% - 18px)}.detail-close{font:400 32px/1 var(--body);z-index:2;position:absolute;top:15px;left:13px}.detail-art{background:radial-gradient(ellipse, #fff8, transparent 65%), var(--game-color);border-radius:27px 27px 0 0;height:175px;overflow:hidden}.detail-art>img{object-fit:contain;width:100%;height:100%;display:block}.detail-content{text-align:right;gap:11px;padding:14px 18px;display:grid}.detail-content>h2{font:400 34px/1.1 var(--display);margin:0}.detail-content p{font:700 12px/1.9 var(--body);margin:0}.detail-content .detail-blurb{color:var(--soft);font-size:13px}.detail-content h3{font:400 23px/1.2 var(--display);color:var(--ink);margin:5px 0 0}.detail-content .small{color:var(--soft);font-size:10px;line-height:1.9}.detail-solo{background:#e6f6ed;border:1px solid #83baa1;border-radius:17px;gap:8px;padding:12px;display:grid}.detail-solo>h3{align-items:center;gap:6px;display:flex}.detail-solo>h3>.ui-symbol{width:21px;height:21px}.detail-solo>small{font-size:10px;line-height:1.7}.multiplayer-only{color:var(--soft);background:#f8efdd;border-radius:12px;padding:8px 10px}.detail-actions{background:var(--card);gap:9px;padding-top:6px;display:grid;position:sticky;bottom:0}.detail-actions .btn.big{min-height:50px;margin:0;font-size:25px}.detail-actions .btn{justify-content:center;align-items:center;gap:8px;display:flex}.detail-actions .ui-symbol{width:22px;height:22px}.solo-intro,.solo-results{gap:15px}.solo-cover{background:radial-gradient(ellipse, #ffffffa0, transparent 65%), var(--game-color);border:2px solid var(--ink);height:190px;box-shadow:0 5px 0 var(--ink);border-radius:30px}.solo-cover>img{object-fit:contain;width:100%;height:100%}.eyebrow{font:900 11px var(--body);color:#806b56}.solo-instruction{background:var(--card);border:1px solid var(--border);text-align:right;border-radius:17px;padding:12px;font-size:12px;font-weight:700;line-height:1.9}.solo-facts{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.solo-facts>span{border:1px solid var(--border);background:#ffe8bd;border-radius:17px;padding:7px 11px;font-size:11px;font-weight:900}.solo-record{color:var(--soft);font-size:13px;font-weight:700}.solo-record b{color:var(--ink);font-size:17px}.solo-intro .btn.big,.solo-results .btn{justify-content:center;align-items:center;gap:10px;min-height:52px;display:flex}.solo-intro .ui-symbol,.solo-results .btn>.ui-symbol{width:25px;height:25px}.solo-playing{touch-action:none;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;display:grid;overflow:hidden;background:#30231d!important}.solo-toolbar{padding:calc(10px + var(--sat)) 12px 10px 70px;background:#fff6e7;justify-content:space-between;align-items:center;gap:9px;min-width:0;display:flex;position:relative}.solo-toolbar>div{text-align:center;min-width:0;display:grid}.solo-toolbar b{font:400 21px/1.2 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.solo-toolbar span{color:var(--soft);font-size:10px;font-weight:700}.solo-toolbar .ui-symbol{width:23px;height:23px}.solo-playing .solo-arena{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.solo-arena canvas{touch-action:none;outline-offset:-3px;width:100%;height:100%;display:block}.solo-controls{padding:8px 12px calc(10px + var(--sab));text-align:right;background:#fff6e7;justify-content:space-between;align-items:center;gap:10px;display:flex}.solo-controls>b{white-space:nowrap;font:400 20px var(--display);background:#ffc72c;border:1.5px solid #30231d;border-radius:15px;padding:4px 9px}.solo-controls>span{max-width:210px;font-size:10px;font-weight:700;line-height:1.8}.solo-pause-panel{text-align:center;background:#fff6e7f0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.solo-pause-panel[hidden]{display:none}.solo-pause-panel p{font-size:13px;font-weight:700}.solo-pause-panel .btn{min-width:200px}.solo-celebration{background:radial-gradient(#ffe19a,#0000 66%);height:145px}.solo-celebration>img{object-fit:contain;width:100%;height:100%}.solo-final-score{background:#ffc72c;border:2px solid #30231d;border-radius:25px;justify-content:center;align-items:center;gap:12px;padding:8px;display:flex}.solo-final-score>b{font:400 60px/1.2 var(--display)}.solo-final-score>span{font-size:17px;font-weight:900}.solo-stats{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.solo-stats>span{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;flex:1;align-items:center;min-width:80px;padding:7px 9px;font-size:10px;font-weight:700;display:flex}.solo-stats b{font:400 23px var(--display)}.solo-achievement{color:#187060;font-size:12px;font-weight:700;line-height:1.9}.celebrate>img{animation:.5s both solo-celebrate}@keyframes library-card-in{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes solo-celebrate{0%{transform:scale(.75)rotate(-8deg)}60%{transform:scale(1.05)rotate(4deg)}to{transform:none}}@media (max-width:359px){.arcade-library{gap:11px}.arcade-library .game-card-copy>h2{min-height:24px;font-size:19px}.arcade-library .game-card-copy{padding:7px 6px}.arcade-library .library-art{height:91px}.arcade-library .game-card-copy>p{font-size:9px}.arcade-library>.game-library{gap:12px 8px}.game-badges>span{min-height:22px;padding:3px 5px;font-size:8px}.featured-game{min-height:182px;padding-left:8px;padding-right:10px}.featured-copy>h2{font-size:26px}.featured-copy>p{font-size:10px}.featured-mascot{width:75px;height:75px}.featured-game-art{height:143px}.library-title h1{font-size:34px}.library-title p{font-size:11px}.solo-toolbar{gap:6px;padding-left:63px;padding-right:8px}.solo-toolbar b{font-size:18px}.solo-controls{gap:6px}.solo-controls>span{font-size:9px}.solo-menu-link small{font-size:8px}}@media (min-width:760px){.arcade-library>:not(.scene-decor){width:min(100%,700px)}.arcade-library>.game-library{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,700px)}.arcade-library .library-brand{width:min(100%,500px)}.featured-game{grid-template-columns:1fr 55%;min-height:230px;padding:24px 24px 36px}.featured-game-art{height:210px;top:-20px}.featured-mascot{width:130px;height:130px;bottom:-25px;left:0}.featured-copy>h2{font-size:41px}.featured-copy>p{font-size:13px}.featured-label{font-size:11px}.arcade-library .library-art{height:129px}.arcade-library .game-card-copy>h2{font-size:25px}.solo-playing{width:100%;max-width:650px;left:50%;right:auto;transform:translate(-50%)!important}}@media (max-height:500px){.solo-toolbar{padding-top:5px;padding-bottom:5px}.solo-controls{padding-top:4px;padding-bottom:4px}.solo-controls>span{font-size:9px}.solo-cover{height:125px}.detail-art{height:95px}}@media (prefers-reduced-motion:reduce){.library-game,.game-details,.celebrate>img{animation:none!important}.filter-chip,.game-open,.featured-game{transition:none}}[data-motion=off] .library-game,[data-motion=off] .game-details,[data-motion=off] .celebrate>img{animation:none!important}.arcade-library{padding-top:calc(12px + var(--sat));gap:10px}.arcade-library .library-brand{min-height:60px}.arcade-library .library-brand .brand-wordmark{width:138px}.library-title>#page-back{min-height:28px;margin:0;font-size:9px;position:absolute;top:4px;right:0}.library-title h1{font-size:34px}.library-title p{font-size:11px}.featured-game{min-height:176px}.featured-copy{gap:6px}.featured-copy>h2{font-size:27px}.featured-game-art{height:143px}.arcade-library .game-badges>span{padding:3px 5px;font-size:9px}.arcade-library .game-badges>span>.ui-symbol{width:11px;height:11px}.arcade-library .game-card-copy{gap:4px}.arcade-library .library-art{height:101px}@media (max-width:359px){.library-title h1{font-size:30px}.library-title>#page-back{font-size:8px}.arcade-library .game-badges>span{padding:3px 4px;font-size:8px}.arcade-library .library-art{height:91px}.featured-copy>h2{font-size:25px}}@media (min-width:760px){.featured-game{min-height:215px}.featured-copy>h2{font-size:40px}.featured-game-art{height:200px}.arcade-library .library-art{height:129px}}@media (max-height:740px) and (max-width:759px){.arcade-library{padding-top:calc(9px + var(--sat));gap:8px}.arcade-library .library-brand{min-height:54px}.arcade-library .library-brand .brand-wordmark{width:120px}.library-title h1{font-size:30px}.library-title p{font-size:10px}.featured-game{min-height:139px;padding-top:10px;padding-bottom:26px}.featured-copy{gap:5px}.featured-label{padding:3px 6px;font-size:8px}.featured-copy>h2{font-size:24px}.featured-copy>p{display:none}.featured-cta{min-height:31px;font-size:17px}.featured-game-art{height:112px;top:-6px}.featured-mascot{width:64px;height:64px;bottom:-13px}}.session-setup,.voting-screen{isolation:isolate;padding-bottom:calc(150px + var(--sab));justify-content:flex-start;gap:13px}.session-setup>:not(.scene-decor),.voting-screen>:not(.scene-decor){flex-shrink:0;width:min(100%,540px)}.session-setup>h1,.voting-screen>h1{font:400 34px/1.25 var(--display);margin:0}.session-brand,.voting-brand{justify-content:space-between;align-items:center;gap:12px;min-height:59px;padding-left:46px;display:flex}.session-brand .brand-wordmark,.voting-brand .brand-wordmark{object-fit:contain;width:110px;height:auto}.session-brand>span,.voting-brand>span{color:var(--soft);text-align:left;font-size:10px;font-weight:800}.session-setup .setup-status{margin:0;padding:5px;font-size:10px}.session-planner{text-align:right;gap:16px;display:grid}.session-mode-cards{gap:10px;display:grid}.session-mode-card{--mode-color:#ffc72c;border:1.5px solid var(--border);background:var(--card);width:100%;min-height:76px;color:var(--ink);text-align:right;border-radius:20px;align-items:center;gap:10px;padding:6px 9px;transition:transform .14s,background .14s;display:flex;box-shadow:0 3px #d5b68a}.session-mode-card.manual{--mode-color:#2ac9c1}.session-mode-card.vote{--mode-color:#b194f4}.session-mode-card>img{object-fit:contain;background:var(--mode-color);border-radius:13px;flex-shrink:0;width:58px;height:58px}.session-mode-card>span{flex:1;gap:3px;min-width:0;display:grid}.session-mode-card b{font:400 23px/1.2 var(--display)}.session-mode-card small{color:var(--soft);font-size:10px;font-weight:700;line-height:1.7}.session-mode-card>i{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.session-mode-card>i>.ui-symbol{width:16px;height:16px}.session-mode-card[aria-pressed=true]{background:color-mix(in srgb, var(--mode-color) 24%, var(--card));border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.session-mode-card[aria-pressed=true]>i{background:var(--mode-color);border-color:var(--ink)}.session-mode-card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.mode-options{background:var(--card);border:1.5px solid var(--border);border-radius:23px;gap:12px;padding:16px 12px;display:grid}.mode-options>h2{font:400 26px/1.2 var(--display);margin:0}.mode-options fieldset{border:0;min-width:0;margin:0;padding:0}.mode-options legend{margin-bottom:8px;font-size:12px;font-weight:800}.mode-options .row>.btn{flex:1;min-width:0;min-height:44px;padding:6px 8px;font-size:20px}.plan-basis{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plan-basis>.btn{min-height:44px;font-size:19px}.plan-preview-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-preview-heading>b{font-size:11px}.plan-preview-heading .itinerary-duration{white-space:nowrap;color:var(--soft);margin:0;font-size:10px;font-weight:800}.mode-options .small{font-size:10px;line-height:1.9}.session-planner .session-itinerary,.shared-session-plan .session-itinerary{gap:8px;margin:0;padding:0;list-style:none;display:grid}.session-planner .session-itinerary>li,.shared-session-plan .session-itinerary>li{background:#fff7e8;border:1px solid #e5cfac;border-radius:15px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:7px;padding:7px;display:grid}.session-itinerary>li>img{object-fit:contain;border-radius:9px;width:40px;height:40px}.session-itinerary>li>div:not(.itinerary-actions){gap:3px;min-width:0;display:grid}.session-itinerary>li b{font:400 19px/1.3 var(--display)}.session-itinerary>li small{color:var(--soft);font-size:9px;line-height:1.7}.session-planner .itinerary-actions{border-top:1px solid #e5cfac;grid-column:1/-1;justify-content:flex-end;gap:4px;padding-top:3px;display:flex}.session-planner .itinerary-actions>.link{background:var(--card);border-radius:9px;min-width:40px;min-height:40px;padding:3px 8px;font-size:19px;text-decoration:none}.session-planner .itinerary-actions>.link:disabled{opacity:.3}.session-planner .plan-warning{margin:0;font-size:11px;line-height:1.8}.manual-library>summary,.plan-advanced>summary,.plan-team-options>summary,.eligible-vote-games>summary,.shared-itinerary>summary,.plan-seed-options>summary,.vote-rules>summary{cursor:pointer;min-height:44px;padding:10px 2px;font-size:12px;font-weight:800}.manual-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid!important}.manual-game{border:1px solid var(--border);text-align:right;min-width:0;min-height:54px;font:400 17px/1.25 var(--display);background:#fff6e7;border-radius:12px;align-items:center;gap:5px;padding:5px;display:flex}.manual-game>img{object-fit:contain;flex-shrink:0;width:37px;height:37px}.manual-game:active{transform:scale(.97)}.plan-advanced,.plan-team-options{border:1px solid var(--border);background:var(--card);text-align:right;border-radius:17px;padding:2px 12px}.plan-advanced[open],.plan-team-options[open]{gap:12px;padding-bottom:14px;display:grid}.plan-advanced label{gap:6px;font-size:12px;display:grid}.plan-advanced label.toggle{display:flex}.plan-advanced input[type=checkbox]{flex-shrink:0}.plan-advanced select{max-width:100%;font-size:13px}.plan-advanced .small{font-size:10px;line-height:1.9}.plan-team-options .chips{flex-wrap:wrap}.vote-plan-note{font-size:12px;font-weight:700;line-height:1.9}.vote-pool{flex-wrap:wrap;gap:5px;display:flex}.vote-pool>span{background:#e7ddf7;border-radius:13px;padding:5px 9px;font-size:10px;font-weight:700}.shared-session-plan{text-align:right;background:var(--card);border:1.5px solid var(--border);border-radius:19px;gap:10px;padding:12px;display:grid}.shared-plan-heading{align-items:center;gap:9px;display:flex}.shared-plan-heading>.ui-symbol{color:#9254ca;flex-shrink:0;width:31px;height:31px}.shared-plan-heading>div{gap:4px;display:grid}.shared-plan-heading b{font:400 23px/1.25 var(--display)}.shared-plan-heading small{color:var(--soft);font-size:10px;font-weight:800}.placement-session{gap:5px;width:min(100%,540px);display:grid}.shared-session-plan .small{font-size:10px;line-height:1.8}.session-setup .setup-footer,.voting-screen .setup-footer{max-height:145px}.session-setup .setup-footer>.small,.voting-screen .setup-footer>.small{font-size:10px;line-height:1.6}.session-setup .setup-footer>.btn,.voting-screen .setup-footer>.btn{min-height:55px;font-size:27px}.voting-screen{background:var(--bg)!important}.voting-screen .scene-decor{z-index:-1}.vote-status{background:#e5f4eb;border:1px solid #bcd9c9;border-radius:15px;padding:9px;font-size:12px;font-weight:800}.vote-choices{gap:10px;display:grid}.vote-choice{background:var(--card);border:1.5px solid var(--border);text-align:right;min-height:94px;color:var(--ink);cursor:pointer;border-radius:20px;align-items:center;gap:9px;padding:8px;display:flex;box-shadow:0 3px #d9c2a2}.vote-choice>img{object-fit:contain;background:var(--vote-color);border-radius:14px;flex-shrink:0;width:72px;height:72px}.vote-choice>div{flex:1;gap:5px;min-width:0;display:grid}.vote-choice b{font:400 24px/1.2 var(--display)}.vote-choice small{color:var(--soft);font-size:10px;font-weight:700;line-height:1.7}.vote-choice span{color:#4f307b;font-size:11px;font-weight:800}.vote-choice>i{border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.vote-choice>i>.ui-symbol{width:18px;height:18px}.vote-choice.selected,.vote-choice.is-vote-winner{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#eee5ff}.vote-choice.selected>i,.vote-choice.is-vote-winner>i{border-color:var(--ink);background:#b194f4}.vote-choice:active:not(:disabled){transform:translateY(2px)}.vote-choice:disabled{cursor:default;opacity:1}.vote-choice.is-vote-winner{background:#fff0b7}.voter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.voter{border:1px solid var(--border);background:var(--card);text-align:right;border-radius:11px;grid-template-columns:29px 1fr;align-items:center;gap:2px 5px;min-width:0;padding:6px;display:grid}.voter>img{object-fit:contain;grid-row:span 2;width:29px;height:29px}.voter b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.voter small{color:var(--soft);font-size:9px}.voter.away{opacity:.5}.vote-rules{text-align:right;border:1px solid var(--border);background:#fff8eb;border-radius:15px;padding:0 10px}.vote-rules p{font-size:11px;font-weight:700;line-height:1.9}.vote-rules small{margin:8px 0;font-size:10px;line-height:1.8;display:block}.vote-winner{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffed9f;border-radius:22px;align-items:center;gap:12px;padding:12px;display:flex}.vote-winner>img{background:var(--vote-color);object-fit:contain;border-radius:17px;width:90px;height:90px}.vote-winner>div{text-align:right;gap:8px;min-width:0;display:grid}.vote-winner span{font-size:10px;font-weight:800}.vote-winner h2{font:400 29px/1.1 var(--display);margin:0}.vote-winner p{font-size:11px;font-weight:700;line-height:1.9}@media (max-width:359px){.session-mode-card{gap:7px;min-height:72px}.session-mode-card>img{width:49px;height:49px}.session-mode-card b{font-size:21px}.session-mode-card small{font-size:9px}.session-setup>h1,.voting-screen>h1{font-size:30px}.session-planner .itinerary-actions>.link{min-width:39px}.manual-game{font-size:15px}.vote-choice{gap:7px}.vote-choice>img{width:61px;height:61px}.vote-choice b{font-size:21px}.vote-choice small,.session-brand>span{font-size:9px}.session-brand,.voting-brand{padding-left:44px}.session-brand .brand-wordmark,.voting-brand .brand-wordmark{width:92px}.vote-winner>img{width:70px;height:70px}.vote-winner h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.session-mode-card{transition:none}}[data-motion=off] .session-mode-card{transition:none}.plan-advanced label[hidden]{display:none}.session-setup{padding:calc(12px + var(--sat)) 16px calc(155px + var(--sab));gap:10px;background:#fff6e7!important}.session-setup .page-lead{color:var(--soft);margin:0;font-size:12px;line-height:1.7}.session-setup .setup-status{background:0 0;border:0;padding:0;font-size:10px}.session-setup .session-planner{flex-direction:column;gap:14px;display:flex}.session-planner>.single-game-entry{order:2}.session-planner>.plan-advanced{order:4}.session-mode-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.session-mode-card{text-align:center;border:1.5px solid #ceb58e;border-radius:18px;flex-direction:column;justify-content:center;gap:5px;min-height:110px;padding:9px 4px;display:flex;position:relative;box-shadow:0 3px #dac19d}.session-mode-card:where(.random,.manual,.vote){text-align:center;border:1.5px solid #ceb58e;border-radius:18px;flex-direction:column;justify-content:center;gap:5px;min-height:110px;padding:9px 4px;display:flex;position:relative;box-shadow:0 3px #dac19d}.session-mode-card>img{background:0 0;border-radius:12px;width:42px;height:42px}.session-mode-card>span{flex:0;gap:3px}.session-mode-card b{white-space:nowrap;font-size:21px}.session-mode-card small{font-size:9px;line-height:1.5}.session-mode-card>i{background:0 0;border:0;width:15px;height:15px;position:absolute;top:5px;left:5px}.session-mode-card>i .ui-symbol{width:12px;height:12px}.session-planner>.win-format{border:0;margin:0;padding:0}.win-format>legend{color:var(--soft);margin-bottom:7px;padding:0;font-size:11px}.format-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.format-options>button{border:1px solid var(--border);color:var(--ink);background:#fffdf6;border-radius:14px;gap:4px;min-height:63px;padding:10px 5px;display:grid}.format-options b{font:400 21px/1.2 var(--display)}.format-options small{font:700 9px/1.6 Cairo}.format-options [aria-pressed=true]{background:#e3f6ef;border:2px solid #31876d;box-shadow:0 2px #31876d}.format-options [data-format=survival][aria-pressed=true]{background:#fff0bc;border-color:#aa7925;box-shadow:0 2px #aa7925}.survival-notice{background:#fff0c9;border:1px solid #e1c17b;border-radius:14px;margin-top:10px;padding:10px}.survival-notice b{font-size:12px}.survival-notice p,.survival-notice summary{font-size:10px;line-height:1.9}.survival-notice .link{text-align:right;min-height:44px;padding:4px 0;font-size:11px}.survival-notice summary{cursor:pointer}.mode-options{background:#fffcf6;border-radius:20px;gap:12px;padding:13px 10px}.planner-section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.planner-section-title h2{font:400 26px/1.3 var(--display);margin:0}.planner-section-title small{color:var(--soft);font-size:10px}.playlist-count{white-space:nowrap;background:#f0e6d7;border-radius:12px;padding:5px 8px;font-size:11px}.mode-options .picker-open{border-width:2px;width:100%;min-height:49px;font-size:23px;box-shadow:0 4px #60412e}.pool-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pool-controls .btn{border-width:1.5px;flex:1;min-height:44px;font-size:17px;box-shadow:0 2px #c5ab86}.pool-controls .link{min-height:44px;font-size:10px}.pool-summary{color:var(--soft);margin:0;line-height:1.8;font-size:10px!important}.vote-limit-label{gap:7px;font-size:11px;font-weight:700;display:grid}.vote-limit-label select{border:1px solid var(--border);background:#fff7e8;border-radius:12px;padding:9px;font-size:12px}.session-planner .session-itinerary>li,.shared-session-plan .session-itinerary>li{background:#fff8ec;border:1px solid #e8d7bd;border-radius:14px;grid-template-columns:18px 43px minmax(0,1fr) auto;gap:6px;min-height:68px;padding:8px;display:grid;position:relative}.session-itinerary .round-number{color:#957a56;text-align:center;font:800 12px/1 Cairo}.session-itinerary>li>img{width:43px;height:43px}.session-itinerary>li b{font-size:20px}.session-itinerary>li small{font-size:9px}.session-itinerary>li.needs-review{background:#fff1db;border-color:#d99b66}.round-menu{align-self:start;position:relative}.round-menu>summary{cursor:pointer;background:#f1e5d2;border-radius:10px;place-items:center;width:44px;height:44px;font:800 25px/1 Cairo;list-style:none;display:grid}.round-menu>summary::-webkit-details-marker{display:none}.round-menu[open]{z-index:3}.round-menu>div{background:#fffcf4;border:1.5px solid #bfa17a;border-radius:13px;gap:3px;width:184px;padding:7px;display:grid;position:absolute;top:46px;left:0;box-shadow:0 9px 22px #38271726}.round-menu button{text-align:right;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:6px 10px;font:700 12px/1.5 Cairo}.round-menu button:hover{background:#f1e3cb}.round-menu button:disabled{opacity:.35}.round-menu button.remove-round{color:#b03d32}.round-menu label{justify-content:space-between;align-items:center;gap:8px;padding:5px;font:700 11px Cairo;display:flex}.round-menu select{border:1px solid var(--border);background:#fff4dc;border-radius:8px;width:58px;min-height:44px;padding:4px;font:700 13px Cairo}.playlist-tools{justify-content:space-between;align-items:center;gap:6px;display:flex}.playlist-tools>span{color:var(--soft);font-size:9px}.playlist-tools>.link{color:#a64635;min-height:44px;font-size:10px}.playlist-empty{text-align:center;background:#fff8eb;border:1.5px dashed #d3b88f;border-radius:16px;padding:22px 10px}.playlist-empty b{font:400 24px var(--display)}.playlist-empty p{color:var(--soft);font-size:11px;line-height:1.8}.estimate-details{border-top:1px solid #e8d7bd;padding-top:4px}.estimate-details summary{cursor:pointer;min-height:40px;color:var(--soft);align-items:center;font-size:10px;display:flex}.estimate-details p{font-size:10px;line-height:1.9}.single-game-entry{text-align:right;color:var(--ink);background:#dfeefa;border:1px solid #acc8de;border-radius:17px;align-items:center;gap:10px;min-height:74px;padding:11px;display:flex}.single-game-entry>.ui-symbol{flex-shrink:0;width:34px;height:34px}.single-game-entry>span{flex:1;gap:4px;display:grid}.single-game-entry b{font:400 23px/1.2 var(--display)}.single-game-entry small{font:700 10px/1.8 Cairo}.vote-plan-note{background:#f0e7fc;border-radius:14px;padding:12px;font-size:12px}.vote-plan-note p{margin:6px 0 0;font-size:10px;line-height:1.9}.session-setup .setup-footer,.voting-screen .setup-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff6e7f5;gap:5px;max-width:none;max-height:145px;padding-top:8px;width:auto!important}.session-setup .setup-footer>.btn,.voting-screen .setup-footer>.btn{min-height:50px;box-shadow:0 5px 0 var(--ink);border-width:2px;font-size:25px}.session-setup .setup-footer>.link{min-height:32px}.session-setup .setup-footer>.small{font-size:9px}.game-picker{--ink:#30231d;--border:#d0b28a;--card:#fffdf6;--soft:#80664d;--display:Lalezar, sans-serif;box-sizing:border-box;width:min(100%,620px);max-width:100vw;height:min(94dvh,900px);max-height:94dvh;color:var(--ink);text-align:right;background:#fff6e7;border:2px solid #9b7c52;border-bottom:0;border-radius:26px 26px 0 0;margin:0 auto;padding:0;font-family:Cairo,sans-serif;position:fixed;top:auto;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -10px 70px #2b1b1240}.game-picker[open]{flex-direction:column;display:flex}.game-picker::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#21170f96}.game-picker *{box-sizing:border-box}.game-picker>header{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px 8px;display:flex}.game-picker h2{font:400 29px/1.2 var(--display);margin:0}.game-picker header small{color:var(--soft);font-size:10px;font-weight:700}.picker-close{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fffdf6;border-radius:50%;font:400 28px Cairo}.picker-search{flex-shrink:0;padding:0 13px}.picker-search>input{border:1px solid var(--border);width:100%;height:44px;min-height:44px;box-shadow:none;text-align:right;color:var(--ink);background:#fffdf6;border-radius:13px;padding:6px 12px;font:700 13px Cairo}.picker-filters{scrollbar-width:none;gap:5px;padding-top:8px;display:flex;overflow-x:auto}.picker-filters>button{white-space:nowrap;border:1px solid var(--border);min-height:40px;color:var(--ink);background:#fffdf6;border-radius:12px;flex-shrink:0;padding:6px 11px;font:700 11px Cairo}.picker-filters>[aria-pressed=true]{border-color:var(--ink);box-shadow:0 2px 0 var(--ink);background:#ffc72c}.picker-context{flex-shrink:0;padding:8px 14px}.picker-context p{color:var(--soft);margin:0;font:700 10px/1.8 Cairo}.picker-context>button{color:var(--ink);background:#fff0bc;border:1px solid #d8b75e;border-radius:9px;width:100%;min-height:42px;margin-top:6px;font:800 11px/1.8 Cairo}.picker-scroll{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:2px 12px 16px;overflow-y:auto}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.picker-tile{background:#fffdf6;border:1px solid #d9be98;border-radius:17px;min-width:0;position:relative;overflow:hidden;box-shadow:0 3px #e2ceae}.picker-tile.chosen{background:#ecfaf2;border:2px solid #28846e;box-shadow:0 3px #28846e}.picker-game{text-align:right;width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:5px;padding:8px;display:flex}.picker-art{background:#f6ebd5;border-radius:11px;place-items:center;width:100%;height:73px;display:grid;position:relative}.picker-art>img{object-fit:contain;width:90px;height:68px}.picker-art>span{width:23px;height:23px;color:var(--ink);background:#fffdf6;border:1px solid #ceb48c;border-radius:50%;place-items:center;font:800 17px Cairo;display:grid;position:absolute;bottom:4px;left:4px}.chosen .picker-art{background:#d0f0e0}.chosen .picker-art>span{color:#fff;background:#28846e}.picker-game>b{font:400 21px/1.25 var(--display)}.picker-game>small{color:var(--soft);font:700 9px/1.8 Cairo;display:block}.picker-game:disabled{opacity:1;cursor:default}.unavailable .picker-art>img{filter:grayscale(.65);opacity:.6}.unavailable .picker-art{background:#ede8dd}.unavailable .picker-game>small:last-child{color:#9b4e32}.picker-favorite{color:#8b6d2a;cursor:pointer;background:#fffdf6e8;border:0;border-radius:50%;width:38px;height:38px;font:400 23px Cairo;position:absolute;top:9px;right:9px}.picker-no-results{text-align:center;grid-column:1/-1;padding:20px;font:700 12px/2 Cairo}.game-picker>footer{padding:8px 14px max(10px, env(safe-area-inset-bottom));background:#fff6e7;border-top:1px solid #dfcaa7;flex-shrink:0;gap:5px;display:grid}.picker-status{text-align:center;margin:0;font:700 10px/1.7 Cairo}.game-picker footer>.btn{min-height:48px;font:400 23px/1.2 var(--display);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);width:100%;margin-bottom:4px;padding:8px}.game-picker footer>.link{min-height:30px;color:var(--soft);padding:4px;font:700 10px Cairo}@media (max-width:359px){.session-mode-card b,.format-options b{font-size:19px}.format-options small{font-size:8px}.picker-filters>button{padding:6px 8px}.picker-game>b{font-size:19px}.picker-game>small{font-size:8px}.session-itinerary>li b{font-size:18px}}@media (prefers-reduced-motion:reduce){.game-picker::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.vote-library-tools{text-align:right;background:#fffdf6;border:1px solid #d9c5a7;border-radius:16px;gap:7px;padding:10px;display:grid}.vote-library-tools label{font-size:11px;font-weight:800}.vote-library-tools input{width:100%;min-height:44px;box-shadow:none;background:#fff8eb;border:1px solid #d4ba96;border-radius:11px;padding:7px 10px;font:700 12px Cairo}.vote-no-match{font-size:11px}.vote-choice[hidden],.vote-no-match[hidden]{display:none}.vote-choice{border-radius:16px;min-height:84px}.vote-choice>img{width:61px;height:61px}.vote-choice b{font-size:23px}.vote-choice small{font-size:9px}.voting-screen>.page-lead{margin:0;font-size:11px;line-height:1.8}.voting-screen .vote-status{margin:0;font-size:11px}.voting-screen .setup-footer>.btn{font-size:22px}.voting-screen .setup-footer .small{font-size:9px}@media (max-height:500px){.game-picker>header{padding:6px 12px}.game-picker h2{font-size:23px}.game-picker header small{display:none}.picker-search{padding:0 10px}.picker-filters{padding-top:4px}.picker-filters>button{min-height:32px;padding:3px 9px}.picker-context{padding:4px 12px}.picker-art{height:48px}.picker-art>img{height:45px}.game-picker>footer{gap:2px;padding-top:4px}.game-picker footer>.link{min-height:24px}.game-picker footer>.btn{min-height:44px;font-size:21px}.picker-game>small{font-size:8px}.picker-status{font-size:9px}}.session-setup{gap:7px}.session-setup .session-brand{min-height:45px}.session-setup>h1{font-size:30px}.session-setup .page-lead{font-size:10px}.session-setup .setup-status{font-size:9px}.session-mode-card{gap:3px;min-height:91px;padding:7px 3px}.session-mode-card:where(.random,.manual,.vote){gap:3px;min-height:91px;padding:7px 3px}.session-mode-card>img{width:34px;height:34px}.session-mode-card b{font-size:20px}.session-mode-card small{font-size:8px}.session-setup .session-planner{gap:12px}.format-options>button{min-height:55px;padding:7px 4px}.format-options b{font-size:20px}.win-format>legend{margin-bottom:5px;font-size:10px}.mode-options{gap:9px}.planner-section-title h2{font-size:24px}.session-setup .session-brand .brand-wordmark{width:136px}@media (max-width:359px){.session-setup .session-brand .brand-wordmark{width:120px}}.picker-game .pro-badge{color:#2b1b12;font:800 10px/1.3 var(--body);vertical-align:middle;background:linear-gradient(135deg,#ffd66b,#ff9f1c);border-radius:8px;margin-inline-start:4px;padding:1px 5px;font-style:normal;display:inline-block}.picker-pro-note{color:#2b1b12;background:#fff3cf;border-radius:10px;margin:6px 0 0;padding:6px 10px;font-weight:700}.board-controls{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));pointer-events:auto;color:#30231d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:right;z-index:5;direction:rtl;background:#fff7e9f5;border:2px solid #30231d;border-radius:20px;width:min(480px,100% - 20px);max-height:43dvh;margin:auto;padding:12px 12px 8px;font:700 13px Cairo;position:fixed;overflow:auto;box-shadow:0 5px #30231d}.board-controls.tawla{color:#fff1d5;background:#3e291ef5;border-color:#bb9360}.board-turn{justify-content:space-between;align-items:center;gap:8px;padding-inline-start:12px;padding-inline-end:0;display:flex}.board-turn b{font:25px/1.25 Lalezar;display:block}.board-turn small{font-size:11px}.board-turn em{font-size:12px;font-style:normal}.board-dice{color:#30231d;direction:ltr;background:#fff0d5;border-radius:12px;padding:0 14px;font:26px Lalezar}.board-actions,.board-tools,.board-move-sources,.board-move-destinations{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.board-action{color:#30231d;touch-action:manipulation;cursor:pointer;white-space:nowrap;background:#fff9ed;border:2px solid #674936;border-radius:12px;flex:1;min-height:44px;padding:6px 14px;font:700 13px Cairo}.board-action.primary{color:#fff;background:#ff5b45;box-shadow:0 3px #653a26}.board-action[aria-pressed=true]{background:#2ac9c1}.board-action:disabled{opacity:.48;cursor:default}.board-tools .board-action{min-height:38px;padding:4px 8px;font-size:11px}.board-notice{color:#30231d;background:#f4deae;border-radius:10px;padding:7px;font-size:12px}.board-notice.debt{background:#ffccbc}.board-offer{flex-direction:column;gap:3px;display:flex}.board-offer b{font-size:16px}.board-fold{background:#efd9b1;border:0;border-radius:50%;width:28px;height:28px;font-size:24px;position:absolute;top:8px;left:8px}.board-controls.folded>:not(.board-turn):not(.board-fold),.board-feedback:empty{display:none}.board-feedback{color:#30231d;background:#fff1b8;border-radius:8px;padding:5px;font-size:11px}.board-dialog{color:#30231d;direction:rtl;background:#fff6e7;border:3px solid #30231d;border-radius:22px;width:min(460px,100vw - 24px);max-height:85dvh;margin:auto;padding:24px 18px;font:700 14px Cairo;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 7px #30231d44}.board-dialog::backdrop{background:#15100dcc}.board-dialog h2{margin:4px 22px 12px;font:32px Lalezar}.board-close{background:#fff8ea;border:2px solid #30231d;border-radius:50%;width:36px;height:36px;font-size:25px;position:absolute;top:9px;left:10px}.board-dialog canvas{touch-action:manipulation;background:#dbc28f;border-radius:12px;width:100%;height:auto;display:block}.deed-postcard{background:linear-gradient(var(--city), #fff3db);border:2px solid #30231d;border-radius:14px;padding:14px}.deed-postcard span{font-size:11px}.deed-money{justify-content:space-between;padding-block-start:12px;padding-block-end:12px;display:flex}.board-dialog table{border-collapse:collapse;width:100%}.board-dialog th,.board-dialog td{text-align:right;border-bottom:1px solid #d0b18b;padding:8px}.board-dialog tr.current{background:#ffdf83}.board-wallet{font:44px Lalezar}.board-wallet small{font:13px Cairo}.board-property-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.board-property-list button{border:1.5px solid #30231d;border-top:8px solid var(--city);text-align:right;background:#fffaf0;border-radius:9px;min-height:60px;padding:10px;font:700 13px Cairo}.board-property-list span{font-size:11px;display:block}.board-dialog input,.board-dialog select{color:#30231d;background:#fff;border:1.5px solid #c5a070;border-radius:10px;width:100%;min-height:44px;padding:8px;font:700 15px Cairo;display:block}.board-dialog label{margin:10px 0;display:block}.trade-assets{max-height:200px;overflow:auto}.trade-assets label{align-items:center;gap:7px;display:flex}.trade-assets input{width:20px;min-height:20px}.tawla-counts{justify-content:space-between;margin-top:5px;font-size:11px;display:flex}.remaining-dice{color:#ffc72c}.board-move-sources .board-action,.board-move-destinations .board-action{min-width:64px;font-size:12px}.board-dialog .small{font-size:11px}.chance-message{margin-top:5px;font-size:11px}.board-config{text-align:right;background:#fff4df;border:1.5px solid #ceb58b;border-radius:14px;padding:12px}.board-config select{background:#fff;border:1px solid #ac8456;border-radius:10px;min-height:44px;padding:9px;font:700 14px Cairo}.board-config p{font-size:12px;line-height:1.6}@media (orientation:landscape) and (max-height:500px){.board-controls{width:260px;max-height:calc(100dvh - 16px);font-size:11px}.board-controls:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:8px}.board-controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:8px}.board-controls:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px;right:auto}.board-controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px;right:auto}.board-controls .board-action{min-height:38px}.board-dialog{max-height:calc(100dvh - 20px)}}@media (prefers-reduced-motion:reduce){.board-action{transition:none}}.board-timer{opacity:.8;margin:5px 0;font-size:10px}.board-turn small{display:block}.board-turn{padding-inline-start:20px}.board-fold{min-width:36px;min-height:36px;top:4px;left:4px}.tawla-side{align-items:center;gap:7px;margin:7px 0;font-size:11px;display:flex}.tawla-side i{border:2px solid #9d744a;border-radius:50%;width:16px;height:16px;display:inline-block}.board-player{border-bottom:1px solid #ceb58b;padding:12px}.board-player b,.board-player span,.board-player small{display:block}.board-player span{font-size:12px}.board-controls .board-action,.board-controls .board-tools .board-action{min-height:44px}.board-controls .board-fold{float:left;cursor:pointer;width:44px;min-width:44px;height:44px;margin:0 0 6px 6px;font:24px Cairo;position:relative;top:auto;bottom:auto;left:auto;right:auto}.board-fold:focus-visible{outline-offset:3px;outline:3px solid #149f9b}.board-action:focus-visible{outline-offset:3px;outline:3px solid #149f9b}.board-dice{white-space:nowrap;flex-shrink:0}.arrow-hud{left:8px;right:8px;top:calc(7px + env(safe-area-inset-top));border:2px solid #243b37;border-bottom:5px solid var(--archer);color:#243b37;pointer-events:auto;z-index:6;direction:rtl;background:#fff6e7f5;border-radius:16px;align-items:center;gap:7px;padding:5px 8px;font:700 12px Cairo;display:flex;position:fixed;box-shadow:0 3px #243b3733}.arrow-player{flex:1;min-width:0}.arrow-player small{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.arrow-player b{font:26px/1 Lalezar}.arrow-player em{font:700 10px Cairo}.arrow-hud time{white-space:nowrap;font:22px Lalezar}.arrow-tools{gap:3px;display:flex}.arrow-tools button{color:#243b37;cursor:pointer;touch-action:manipulation;background:#fff8df;border:1.5px solid #243b37;border-radius:12px;width:44px;min-height:44px;padding:0;font:23px Lalezar}.arrow-charge{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));color:#fff;background:#203d38;border:2px solid #243b37;border-radius:12px;justify-content:space-between;align-items:center;height:30px;padding:0 12px;display:flex;position:fixed;overflow:hidden}.arrow-charge i{transform-origin:0;z-index:0;background:linear-gradient(90deg,#39c7af,#ffd568);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.arrow-charge span,.arrow-charge b{z-index:1;text-shadow:0 1px 2px #18332b;font-size:12px;position:relative}.screen.play:has(.arrow-hud)>.skip{display:none}.arrow-dialog{color:#243b37;direction:rtl;background:#fff6e7;border:3px solid #243b37;border-radius:24px;width:min(480px,100vw - 24px);max-height:88dvh;margin:auto;padding:20px;font:700 14px Cairo;overflow:auto}.arrow-dialog::backdrop{background:#102c2bcc}.arrow-rules h2{font:32px Lalezar}.arrow-rules h3{font:24px Lalezar}.arrow-rules ol{padding-inline-start:24px;line-height:1.9}.arrow-score-example{gap:6px;margin:14px 0;display:flex}.arrow-rule-phone{background:linear-gradient(#d6f6fc 65%, var(--archer) 66%);color:#243b37;cursor:pointer;border:3px solid #243b37;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;min-width:0;min-height:130px;padding:8px 0;font:22px Lalezar;display:flex}.arrow-rule-phone i{color:#e0533d;min-height:32px;font:32px Arial}.arrow-rule-phone b{color:#fff;text-shadow:0 2px #243b37}.arrow-rule-phone[aria-pressed=true]{outline-offset:2px;outline:3px solid #ffc72c}.arrow-rule-counts{gap:8px;display:flex}.arrow-rule-counts button{background:#fff;border:2px solid #243b37;border-radius:12px;min-width:44px;min-height:44px;font:20px Lalezar}.arrow-rule-counts button[aria-pressed=true]{background:#ffc72c}.arrow-round-stats{border:2px solid #d8c5a1;border-radius:18px;margin:12px 0;padding:12px}.arrow-round-stats p{margin:7px;font:700 13px Cairo}.arrow-round-stats b{color:#186d61}.arrow-order{background:#eef8e9;border:1px solid #b5d8c9;border-radius:12px;padding:8px}.arrow-order ol{direction:ltr;flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.arrow-order li{background:#fff;border:1px solid #b5d8c9;border-radius:8px;padding:5px;font:700 12px Cairo}@media (max-width:350px){.arrow-hud{gap:4px;padding-inline-start:5px;padding-inline-end:5px}.arrow-hud time{font-size:18px}.arrow-tools button{width:44px;min-height:44px}.arrow-player small{font-size:9px}}@media (prefers-reduced-motion:reduce){.arrow-hud *{transition:none!important}}.arrow-charge b{direction:ltr;unicode-bidi:isolate}.arrow-rule-explanation bdi{direction:ltr;display:inline-block}.arrow-gesture{bottom:calc(50px + env(safe-area-inset-bottom));color:#243b37;text-align:center;pointer-events:none;background:#f9edc9ee;border-radius:10px;margin:0;padding:5px 10px;font:700 14px Cairo;position:fixed;left:12px;right:12px}.arrow-charge span,.arrow-charge b{font-size:14px}.arrow-player small{font-size:12px}@media (max-width:350px){.arrow-hud{gap:4px;padding-inline-start:5px;padding-inline-end:5px}.arrow-player small{font-size:11px}}.arrow-hud{top:calc(5px + env(safe-area-inset-top));box-shadow:none;background:#fff6e7e0;border-width:1.5px 1.5px 4px;border-radius:14px;gap:5px;padding:3px 6px;left:6px;right:6px}.arrow-player small{display:none}.arrow-player b{font-size:22px}.arrow-hud time{font-size:19px}.arrow-tools button{border-radius:10px;width:38px;min-height:38px;font-size:19px}.arrow-charge{height:22px;bottom:calc(8px + env(safe-area-inset-bottom));opacity:0;transition:opacity .12s ease-out,transform .12s ease-out;transform:translateY(10px)}.arrow-hud[data-charging=true] .arrow-charge{opacity:1;transform:none}.arrow-gesture{bottom:calc(10px + env(safe-area-inset-bottom));background:#f9edc9cc;font-size:14px;transition:opacity .2s ease-out}.arrow-hud[data-charging=true] .arrow-gesture,.arrow-gesture[data-learned=true]{opacity:0}@media (prefers-reduced-motion:reduce){.arrow-charge,.arrow-gesture{transition:none}}.pipe-ui{z-index:12;pointer-events:none;color:#fff5df;--gold:#ffd48b;--ink:#0d2235;--glass:#102a3bea;font-family:Cairo,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0}.pipe-ui button,.pipe-ui select,.pipe-dialog button,.pipe-practice-controls button{color:#fff3db;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#132e3bc9;border:1px solid #b7d6d54d;border-radius:12px;min-width:44px;min-height:44px;padding:8px 14px;font:700 12px Cairo;transition:background .15s,transform .15s}.pipe-ui button:hover{background:#244858}.pipe-ui button:active{transform:translateY(2px)}.pipe-ui button:disabled{opacity:.4;cursor:default}.pipe-ui button:focus-visible{outline-offset:3px;outline:3px solid #ffe0a4}.pipe-dialog button:focus-visible{outline-offset:3px;outline:3px solid #ffe0a4}.pipe-hud{top:max(10px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:12px;height:48px;display:flex;position:absolute}.pipe-identity{text-shadow:0 2px 6px #000;align-items:center;gap:9px;min-width:0;max-width:42%;display:flex}.pipe-identity>div{gap:2px;display:grid}.pipe-identity strong{font:21px/1 Lalezar}.pipe-identity span[data-pipe-owner]{white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:10px;overflow:hidden}.pipe-orb{background:radial-gradient(circle at 30% 25%,#fff6b9,#ffb94b 35%,#de5b24 85%);border:1px solid #ffe2a1;border-radius:50%;flex:none;width:19px;height:19px;box-shadow:0 0 19px #ffac4370}.pipe-clock{direction:rtl;background:linear-gradient(135deg,#183345f0,#0d1c2ee0);border:1px solid #f5d39a85;border-radius:24px;align-items:center;gap:6px;min-width:108px;height:44px;padding:5px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #04111b40}.pipe-clock b{color:#ffe0a5;font:30px/1 Lalezar}.pipe-clock>span{color:#d5d7c9;font-size:9px}.pipe-clock svg{stroke:#ffd48b;fill:none;stroke-width:1.8px;width:19px;height:19px}.pipe-tools{direction:ltr;gap:5px;display:flex}.pipe-tools button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#102536ac;border-color:#d8e7db4d;border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;padding:4px;font-size:18px}.pipe-live-footer{bottom:max(9px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));text-shadow:0 2px 5px #000;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute}.pipe-sensor-indicator{align-items:center;gap:7px;display:flex}.pipe-sensor-indicator i{background:#dca45f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #dca45f}.pipe-sensor-indicator[data-good=true] i{background:#9ae6c6;box-shadow:0 0 9px #79d4b1}.pipe-sensor-indicator button{border-radius:50%;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:20px}.pipe-relay-status{text-align:center;white-space:nowrap;gap:2px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.pipe-relay-status span{color:#ffe6ae;font-size:11px}.pipe-relay-status b{font-size:9px;font-weight:400}.pipe-line-button{min-height:32px!important;padding:4px 11px!important;font-size:10px!important}.pipe-line-button span{margin-inline-start:5px}.pipe-panel{pointer-events:auto;overscroll-behavior:contain;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;scrollbar-width:thin;scrollbar-color:#d8b67c #102333;background:linear-gradient(145deg,#122c3cf5,#102032f2);border:1px solid #e2c78e6b;border-radius:24px;width:min(780px,100% - 36px);height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - 135px);margin:auto;padding:22px;position:absolute;top:72px;bottom:55px;left:18px;right:18px;overflow:auto;box-shadow:0 20px 65px #030b1680,inset 0 1px #e5f4e42b}.pipe-setup-top h2{color:#fff0cd;margin:6px 0;font:34px/1.2 Lalezar}.pipe-setup-top p{color:#d5dfd9;margin:5px 0 15px;font-size:12px;line-height:1.8}.pipe-kicker{color:#d8bd8f;letter-spacing:.2px;font-size:10px}.pipe-setup-main{text-align:center;grid-template-columns:1.05fr 1fr;gap:22px;display:grid}.pipe-calibration-card{border-inline-end:1px solid #c4d3c526;min-width:0;padding:4px 16px 7px}.pipe-gesture{max-width:190px;height:87px;margin:0 auto}.pipe-gesture svg{width:100%;height:100%;overflow:visible}.tilt-phone{transform-origin:90px 44px;animation:3.2s ease-in-out infinite pipe-tilt}.pipe-setup-steps{color:#9aaead;justify-content:center;gap:5px;font-size:10px;display:flex}.pipe-setup-steps>span{background:#0b1d2f;border:1px solid #708c8b40;border-radius:14px;padding:4px 9px}.pipe-setup-steps>span.done{color:#d9f5d3;border-color:#a8d5bb80}.pipe-level{background:linear-gradient(90deg,#0000 49%,#8ca9a733 50%,#0000 51%);border:1px solid #8ab6bb6e;border-radius:24px;width:130px;height:36px;margin:15px auto 21px;position:relative}.pipe-level:before{content:"";border:1px dashed #cdd8bb88;border-radius:50%;width:17px;height:17px;position:absolute;top:8px;left:calc(50% - 9px)}.pipe-level i{width:12px;height:12px;transform:translate(calc(var(--gx,0) * 44px), calc(var(--gy,0) * 7px));background:radial-gradient(circle at 30% 25%,#fff4bd,#e8a744 75%);border-radius:50%;position:absolute;top:11px;left:calc(50% - 6px);box-shadow:0 0 12px #ffd17a55}.pipe-level>span{white-space:nowrap;color:#b9ccc5;font-size:9px;position:absolute;top:39px;left:50%;transform:translate(-50%)}.pipe-control-status{color:#cedcd3;min-height:39px;line-height:1.8;margin:8px 0 10px!important;font-size:11px!important}.pipe-input-options{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.pipe-action{pointer-events:auto;box-shadow:0 3px #8e6334,0 6px 15px #0002;color:#253441!important;background:linear-gradient(#ffe0a0,#e9b45b)!important;border:1px solid #ffefbe!important;border-radius:14px!important;min-height:46px!important;padding:9px 18px!important;font:700 13px Cairo!important}.pipe-action.secondary{box-shadow:none;color:#e2efe3!important;background:#16394b!important;border:1px solid #6c9eac!important}.pipe-ready{width:100%;margin-top:11px}.pipe-party-card{text-align:right;min-width:0;padding:4px}.pipe-party-card h3{color:#efd6a4;margin:6px 0 8px;font:24px Lalezar}.pipe-party-card>small{color:#9fb8bb;font-size:10px;line-height:1.8;display:block}.pipe-order-list{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.pipe-order-list li{text-align:right;direction:rtl;background:#1e3d4a85;border:1px solid #799fa43d;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:7px;display:flex}.pipe-order-list li>b{color:#efd6a4;background:#244957;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font:700 12px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;display:grid}.pipe-order-list strong{text-overflow:ellipsis;min-width:0;max-width:90px;font-size:11px;overflow:hidden}.pipe-order-list li>span{color:#a8c6c1;font-size:9px}.pipe-order-list li.is-ready{border-color:#89ccb75c}.pipe-order-list li.is-ready>span{color:#ade9ce}.pipe-order-list button{width:26px;min-width:26px;min-height:28px;padding:0!important}.pipe-settings{border-top:1px solid #acc4b92d;margin-top:11px;padding-top:9px}.pipe-settings summary{color:#e4d0a7;cursor:pointer;padding:5px 0;font-size:11px}.pipe-settings label{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.pipe-settings select{min-height:36px;font-size:11px}.pipe-theme-options{grid-template-columns:repeat(5,1fr);gap:5px;margin:9px 0;display:grid}.pipe-theme-options button{background-position:50%;background-size:cover;border:1px solid #829fa7;border-radius:9px;min-width:0;height:68px;position:relative;overflow:hidden;padding:0!important}.pipe-theme-options button[aria-pressed=true]{border:2px solid #ffd185;box-shadow:0 0 0 2px #ffd18530}.pipe-theme-options span{color:#fff2d6;background:#061a2dc9;padding:4px 0;font-size:8px;line-height:1.5;position:absolute;bottom:0;left:0;right:0}.pipe-selected-theme{background-position:50%;background-size:cover;border:1px solid #789b9e4d;border-radius:12px;flex-direction:column;justify-content:end;height:76px;margin-top:12px;display:flex;overflow:hidden}.pipe-selected-theme b,.pipe-selected-theme small{background:#07172da6;padding:2px 9px;font-size:11px}.pipe-selected-theme small{color:#ddd7bb;padding-bottom:7px;font-size:9px}.pipe-count-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0}.pipe-count{text-shadow:0 4px #523c25,0 0 35px #ffbc4b88;color:#ffe9b4;font:100px Lalezar}.pipe-count small{color:#fff8e6;font:15px Cairo;display:block}.pipe-outcome h2{color:#ffe2a6;margin:5px;font:38px Lalezar}.pipe-outcome>span{color:#ffe2a6;font:60px serif}.pipe-outcome p{font-size:14px}.pipe-outcome b{font-size:12px}.pipe-move{pointer-events:auto;background:linear-gradient(135deg,#173e4bee,#0b2539ed);border:1px solid #f3d59d9e;border-radius:18px;justify-content:space-between;align-items:center;gap:15px;width:min(570px,100% - 28px);padding:12px 16px;display:flex;position:absolute;bottom:51px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0006}.pipe-move b{color:#ffe3a8;font-size:13px;display:block}.pipe-move span{color:#d4dfce;font-size:10px}.pipe-move button{color:#21364a;white-space:nowrap;background:#f5c77b;font-size:12px}.pipe-ui [hidden]{display:none!important}.pipe-dialog{color:#e6e8d8;direction:rtl;background:linear-gradient(145deg,#173543,#0e2035);border:1px solid #d7ba85;border-radius:24px;width:min(650px,100% - 28px);max-height:85dvh;padding:24px;font-family:Cairo;overflow:auto;box-shadow:0 25px 80px #0008}.pipe-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#04101cb5}.pipe-rules h3{color:#ffe2a7;font:28px Lalezar}.pipe-rules ol{padding-inline-start:24px}.pipe-rules li{margin:10px 0;font-size:13px}.pipe-rules li>b{color:#ffdfa3}.pipe-rules p{margin:4px 0;font-size:12px;line-height:1.8}.pipe-line-modal{gap:8px;padding:0;list-style:none;display:grid}.pipe-line-modal li{border:1px solid #88aba65c;border-radius:12px;padding:10px 15px}.pipe-line-modal span{float:right;font-size:11px}.pipe-explain{direction:ltr;justify-content:center;align-items:center;gap:14px;height:80px;display:flex}.pipe-explain i{background:linear-gradient(#d1eeee,#17445c,#80bfc7);border:3px solid #d3aa6a;border-radius:30%/50%;width:35%;height:25px;box-shadow:inset 4px 0 #082e43,inset 7px 0 #ffe5ae}.pipe-explain b{background:#ffad41;border:2px solid #fff4dc;border-radius:50%;width:18px;height:18px;animation:2.4s ease-in-out infinite pipe-pass;box-shadow:0 0 15px #ffb65166}.pipe-how{text-align:right}.pipe-practice{aspect-ratio:800/448!important;border-radius:17px!important}.pipe-practice-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pipe-practice-controls button{color:#fff0d3;background:#15394c}.pipe-practice-controls p{font-size:12px}.pipe-practice-signal{text-align:center;color:#567365;font-size:11px}.pipe-round-result{background:#fff2dc;border:1px solid #c99759;border-radius:18px;padding:12px}.pipe-round-result p{font-size:14px}body:has(.pipe-ui)>.mute{display:none}.screen.play:has(.pipe-ui)>.skip{display:none}@keyframes pipe-tilt{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes pipe-pass{0%,15%{transform:translate(-55px)}70%,to{transform:translate(55px)}}@media (max-height:480px) and (orientation:landscape){.pipe-panel{max-height:calc(100dvh - 110px);padding:16px 22px;top:64px;bottom:42px;left:16px;right:16px}.pipe-setup-top h2{margin:3px 0;font-size:29px}.pipe-setup-top p{margin-bottom:8px;font-size:11px}.pipe-setup-main{gap:16px}.pipe-gesture{height:54px}.pipe-control-status{min-height:30px;font-size:10px!important}.pipe-level{height:31px;margin:9px auto 17px}.pipe-level i{top:9px}.pipe-level:before{top:6px}.pipe-level span{top:33px}.pipe-ready{margin-top:8px}.pipe-party-card h3{font-size:22px}.pipe-live-footer{bottom:max(6px, env(safe-area-inset-bottom))}}@media (max-width:560px){.pipe-identity strong{font-size:17px}.pipe-identity>div>span{max-width:130px;font-size:9px}.pipe-orb{display:none}.pipe-clock{gap:4px;min-width:84px;padding:5px 10px}.pipe-clock svg{width:15px}.pipe-clock b{font-size:26px}.pipe-clock>span{font-size:8px}.pipe-tools{gap:3px}.pipe-tools button{width:32px;min-width:32px;height:34px;min-height:34px}.pipe-hud{left:10px;right:10px}.pipe-panel{width:calc(100% - 24px);padding:20px 15px;top:72px;bottom:54px;left:12px;right:12px}.pipe-setup-main{grid-template-columns:1fr;gap:18px}.pipe-calibration-card{border-inline-end:0;border-bottom:1px solid #c4d3c526;padding:0 0 18px}.pipe-party-card{text-align:center}.pipe-setup-top h2{font-size:31px}.pipe-order-list{grid-template-columns:1fr 1fr}.pipe-order-list li{justify-content:center}.pipe-identity{max-width:35%}.pipe-live-footer{font-size:9px}.pipe-sensor-indicator>span{display:none}.pipe-move{text-align:center;flex-direction:column;gap:8px}.pipe-relay-status span{font-size:10px}.pipe-relay-status b{font-size:8px}}@media (prefers-reduced-motion:reduce){.tilt-phone,.pipe-explain b{animation:none}.pipe-ui button{transition:none}}.pipe-inline-move{text-align:center;background:#b18c4224;border:1px solid #efd29280;border-radius:13px;gap:5px;margin-bottom:10px;padding:10px;display:grid}.pipe-inline-move b{color:#ffe1a6;font-size:13px}.pipe-inline-move small{color:#d9d7bd;font-size:10px}.pipe-inline-move button{color:#17374a;background:#e8c57c;min-height:40px}.pipe-panel{z-index:3}.pipe-move{z-index:2}.pipe-panel,.pipe-live-header,.pipe-live-footer{-webkit-backdrop-filter:none;backdrop-filter:none}