@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:100% 100%;position:absolute;overflow:hidden}.layer{pointer-events:none;position:absolute;inset:0}.stage>.layer{left:var(--side,0px);width:640px;right:auto}.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:calc(4px - var(--side,0px))}.player-1{right:calc(4px - var(--side,0px))}.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{left:calc(4px - var(--side,0px));flex-direction:column;align-items:center;gap:3px;width:32px;display:flex;position:absolute;top:36px}.pay-row{flex-direction:column;align-items:center;width:100%;display:flex}.pay-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #0005);width:22px;height:20px}.pay-points{text-align:center;color:#fff;letter-spacing:.5px;text-shadow:0 1px #0007;background:#1c2a5a55;border-radius:3px;min-width:26px;margin-top:1px;padding:0 3px;font:10px/12px Tribal,sans-serif}.move-counter{box-sizing:border-box;color:#ffd84a;text-transform:uppercase;letter-spacing:.5px;background:#2b2b2b;border:2px solid #9a9a9a;border-radius:4px;justify-content:center;align-items:center;width:150px;height:26px;font:18px Tribal,sans-serif;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.figures-side{align-items:flex-end;max-width:310px;height:64px;display:flex;position:absolute;bottom:24px}.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:24px}.handle{cursor:pointer;position:absolute}.board-zone{cursor:pointer;-webkit-tap-highlight-color:transparent;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-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:10px;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{isolation:isolate}.shelf .shelf-tile{z-index:-1;width:42px;height:52px;position:absolute;inset:-49px auto auto 4px}.hand-stone{position:absolute}.hand-stone .tile{filter:drop-shadow(0 5px 3px #0004);width:100%;height:100%;position:absolute;inset:0}.stage:has(.ghost) .hand-stone{visibility:hidden}.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)}.tile>.crack{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.crack-line{fill:none;stroke:#3b2a14;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(.4px .6px #fff8)}.crack-branch{stroke-width:1.1px}.end-logo{z-index:11}.figures-layer.end-fade .figures-side,.figures-layer.end-fade .walker{opacity:0;transition:opacity var(--end-fade-ms,2.5s) ease-in}.end-sad{z-index:4;animation:1.2s ease-out end-appear}.end-janitor{z-index:5}@keyframes end-appear{0%{opacity:0}to{opacity:1}}.mop-trail{z-index:3;pointer-events:none;filter:blur(.6px);background:linear-gradient(90deg,#cdeeff00,#cdeeff70 12%,#e6f7ffa0);border-radius:5px;width:0;height:9px;position:absolute;top:448px;left:0}.board-layer,.ghost-layer{isolation:isolate}.front-layer{pointer-events:none}.front-layer>.foreground{pointer-events:none;width:640px;height:480px;position:absolute;top:0;left:0}.overlay-layer>.start-screen,.overlay-layer>.lobby,.overlay-layer>.flash{left:calc(-1 * var(--side,0px));right:calc(-1 * var(--side,0px))}