@font-face{font-family:Turkey Sandwich;src:url(/assets/fonts/turkey-sandwich.ttf)}@font-face{font-family:Tribal;src:url(/assets/fonts/tribal.ttf)}@font-face{font-family:TahomaLocal;src:url(/assets/fonts/tahoma.ttf)}:root{--blue:#2d3fb0;--red:#e0195a;--panel:#f3efdc;--ink:#3b3b3b}html,body{background:#0d1b4a;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:TahomaLocal,Tahoma,sans-serif}.stage{transform-origin:0 0;background-size:640px 480px;position:absolute;overflow:hidden}.layer{pointer-events:none;position:absolute;inset:0}.layer>*{pointer-events:auto}.cell{position:absolute}.tile{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tile-block{object-fit:contain;pointer-events:none;width:100%;height:100%}.cell>.tile{inset:0}.tile-block{object-fit:fill}.tile-fallback{color:#fff;text-transform:uppercase;text-shadow:0 2px #0006;font:700 26px Tribal,sans-serif}.player{text-transform:uppercase;box-sizing:border-box;background:#2b2b2b;border:2px solid #9a9a9a;border-radius:4px;justify-content:space-between;align-items:center;width:178px;height:26px;padding:0 6px;font:21px Tribal,sans-serif;transition:box-shadow .2s,transform .2s;display:flex;position:absolute;top:4px}.player-0{left:4px}.player-1{right:4px}.player .name{text-transform:uppercase;color:#fff}.player-0 .name{color:#6f86ff}.player-1 .name{color:#ff4a6e}.player .score{background:var(--panel);color:var(--ink);letter-spacing:1px;border-radius:2px;padding:0 6px}.player.active{transform:scale(1.04);box-shadow:0 0 0 3px #ffd84a,0 0 18px #ffd84a}.paytable{color:#fff;text-shadow:0 1px 1px #0008;background:#fff2;border:1px solid #fff8;border-radius:4px;width:106px;padding:4px 6px;font-size:11px;position:absolute;top:40px;left:4px}.pay-row{justify-content:space-between;align-items:center;height:16px;display:flex}.pay-icons img{object-fit:contain;width:14px;height:14px}.pay-note{font-size:11px}.move-counter{text-align:center;color:#ffd84a;text-transform:uppercase;background:#2b2b2bcc;border-radius:4px;width:118px;padding:2px 0;font:14px Tribal,sans-serif;position:absolute;top:192px;left:4px}.figures-side{align-items:flex-end;max-width:310px;height:64px;display:flex;position:absolute;bottom:4px}.figures-1{flex-direction:row-reverse;right:12px}.figure{flex:0 0 30px;width:30px;height:62px;position:relative}.fig-sprite{pointer-events:none;background-repeat:no-repeat;width:111px;height:93px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.figure[data-side="1"]:not(.walker) .fig-sprite,.walker.facing-left .fig-sprite{transform:translate(-50%)scaleX(-1)}.walker{z-index:2;width:27px;height:62px;position:absolute;bottom:4px}.handle{cursor:pointer;position:absolute}.ghost{pointer-events:none;z-index:4;width:49px;height:60px;animation:1.1s ease-in-out infinite hover-bob;position:absolute}.ghost .tile{filter:drop-shadow(0 6px 4px #0005)}@keyframes hover-bob{50%{transform:translateY(-4px)}}.cell.will-shift .tile{box-shadow:0 0 0 2px #ffd84a}.cell.will-eject .tile{opacity:.45;box-shadow:0 0 0 2px #ff4a4a}.cell.will-place{outline-offset:-2px;border-radius:4px;outline:3px dashed #ffd84a}.fx{pointer-events:none;z-index:3;background-repeat:no-repeat;position:absolute}.points-popup,.combo{pointer-events:none;white-space:nowrap;text-transform:uppercase;color:#fff;-webkit-text-stroke:1px #7a2a00;text-shadow:0 2px #7a2a00,0 0 10px #ffd84a;font:22px Tribal,sans-serif;position:absolute}.combo{color:#ffd84a;font-size:34px}.icon-btn{cursor:pointer;z-index:5;background:0 0;border:0;width:30px;height:30px;padding:0;position:absolute;bottom:6px}.icon-btn img{object-fit:contain;width:100%;height:100%}.sound-btn{top:444px;bottom:auto;left:4px}.sound-btn.off{opacity:.45}.help-btn{top:444px;bottom:auto;right:4px}.figures-0{left:40px}.figures-1{right:40px}.figure{flex-basis:27px;width:27px}.end-screen{background:var(--panel);text-align:center;width:340px;color:var(--ink);z-index:10;border:4px solid #9a9a9a;border-radius:10px;padding:14px 16px;animation:.35s ease-out pop;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.end-screen.winner-0{border-color:var(--blue)}.end-screen.winner-1{border-color:var(--red)}.end-title{text-transform:uppercase;color:#7a2a8a;font:32px Tribal,sans-serif}.winner-0 .end-title{color:var(--blue)}.winner-1 .end-title{color:var(--red)}.end-reason{min-height:16px;margin:2px 0 8px;font-size:13px}.end-scores{flex-direction:column;gap:2px;font-size:14px;display:flex}.end-p0{color:var(--blue)}.end-p1{color:var(--red)}.end-moves{opacity:.8;margin:6px 0 10px;font-size:12px}.rematch{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.rematch-img{height:34px}.rematch-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rematch:hover{transform:scale(1.06)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.confetti{pointer-events:none;z-index:9;width:28px;height:28px;position:absolute}.help-window{background:var(--panel);width:420px;color:var(--ink);z-index:11;border:3px solid #9a9a9a;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.35;position:absolute;top:50px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.help-title{text-transform:uppercase;text-align:center;margin-bottom:4px;font:24px Tribal,sans-serif}.help-item{margin:6px 0}.help-close{text-transform:uppercase;cursor:pointer;background:#fff;border:2px solid #777;border-radius:6px;margin:8px auto 0;padding:4px 14px;font:16px Tribal,sans-serif;display:block}.start-screen{z-index:20;cursor:pointer;background:#0d1b4a88;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-box{background:var(--panel);text-align:center;border:4px solid #9a9a9a;border-radius:12px;padding:16px 30px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 10px 40px #0008}.start-title{text-transform:uppercase;color:var(--ink);font:34px Tribal,sans-serif}.start-hint{text-transform:uppercase;color:#7a2a8a;margin-top:4px;font:18px Tribal,sans-serif}@keyframes pulse{50%{transform:scale(1.05)}}.team-line{pointer-events:none;width:26px;height:22px;position:absolute;bottom:0;left:307px}.wheel{pointer-events:none;position:absolute;inset:0}.wheel-rim,.wheel-disk{position:absolute}.shelf{width:51px;height:10px;position:absolute}.shelf-img{width:100%;height:100%;position:absolute;inset:0}.shelf .shelf-tile{width:32px;height:38px;position:absolute;inset:auto auto 7px 9px}.shelf.current .shelf-tile{box-shadow:0 0 0 3px #ffd84a,0 0 12px #ffd84a}.timer{pointer-events:none;position:absolute}.timer-panel{width:100%;height:100%;position:absolute;inset:0}.timer-digits{justify-content:center;display:flex;position:absolute}.timer-digits img{height:100%}.timer-arrow{position:absolute}.timer.urgent .timer-digits{filter:hue-rotate(-35deg)saturate(1.6);animation:.5s ease-in-out infinite alternate urgent}@keyframes urgent{to{transform:scale(1.15)}}.announce{pointer-events:none;z-index:8;position:absolute;inset:0}.announce .letter{filter:drop-shadow(0 3px 2px #0006);position:absolute}.flash{pointer-events:none;z-index:7;opacity:0;background:#fffbe8;position:absolute;inset:0}.score-pop{pointer-events:none;z-index:6;display:flex;position:absolute;transform:translate(-50%)}.score-pop img{height:38px;margin:0 -2px}.fx-splash{transform-origin:50% 87%;transform:scale(.6,1.9)}.lobby{z-index:21;background:#0d1b4a88;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lobby-card,.invite{background:var(--panel);text-align:center;border:4px solid #9a9a9a;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 24px;display:flex;box-shadow:0 10px 40px #0008}.lobby-title,.invite-title{color:var(--ink);font:26px Tribal,sans-serif}.lobby-btn,.copy,.notice-btn{cursor:pointer;color:#5a3a00;background:linear-gradient(#ffe27a,#f2b628);border:3px solid #b8860b;border-radius:8px;min-width:220px;padding:8px 18px;font:18px Tribal,sans-serif}.lobby-btn.online{color:#fff;background:linear-gradient(#9fd0ff,#3a7be0);border-color:#2a4ea0}.invite{z-index:19;width:360px;position:absolute;top:110px;left:50%;transform:translate(-50%)}.invite-text{color:var(--ink);font-size:13px}.invite-link{text-align:center;border:2px solid #aaa;border-radius:6px;width:100%;padding:6px;font-size:13px}.invite-wait{color:#7a2a8a;font:14px Tribal,sans-serif;animation:1.6s ease-in-out infinite pulse}.notice{z-index:22;color:#ffd84a;background:#2b2b2bee;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;font:16px Tribal,sans-serif;display:flex;position:absolute;top:44px;left:50%;transform:translate(-50%)}.notice-btn{min-width:0;padding:4px 10px;font-size:14px}.player .you-label{color:#5a3a00;background:#ffd84a;border-radius:0 0 6px 6px;padding:0 8px;font:13px Tribal,sans-serif;position:absolute;top:28px;left:50%;transform:translate(-50%)}.end-offer{color:#7a2a8a;margin-bottom:6px;font:15px Tribal,sans-serif}.rematch.accept{animation:1s ease-in-out infinite pulse}.rotate-hint{z-index:100;color:#ffd84a;text-align:center;background:#0d1b4aee;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:26px Tribal,sans-serif;display:flex;position:fixed;inset:0}.rotate-hint[hidden]{display:none}.rotate-icon{font-size:64px;animation:2s ease-in-out infinite spin-hint}@keyframes spin-hint{50%{transform:rotate(90deg)}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
