*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;touch-action:manipulation;height:100%;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#14281d;color:#f3ede2;overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;display:none;touch-action:none}#app{position:relative;z-index:2;height:100%;pointer-events:none}#app .screen{pointer-events:auto}.screen{max-width:430px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.screen-head{display:flex;align-items:center;gap:12px}.screen-head h2{margin:0;font-size:20px}button.back-btn{min-height:44px;min-width:44px;padding:8px 14px;font-size:20px;flex-shrink:0}button.wide{width:100%}.logo{font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:46px;letter-spacing:.01em;color:#e8641b;text-align:center;margin:8px 0 0;text-shadow:0 3px 0 rgba(0,0,0,.35)}.tagline{text-align:center;opacity:.7;margin:0}.version{margin-top:auto;padding-bottom:6px;text-align:center;font-size:11px;opacity:.4}button{border:0;border-radius:16px;font-size:17px;padding:12px 18px;cursor:pointer;color:#14281d;background:#e5decf;min-height:48px;font-weight:600}button:disabled{opacity:.45}button.primary{background:#e8641b;color:#fff;box-shadow:0 4px #a34410}button.primary:active{transform:translateY(2px);box-shadow:0 2px #a34410}button.big{font-size:20px;padding:16px 22px}button.chip{background:#f3ede224;color:#f3ede2;border:1px solid rgba(243,237,226,.25)}button.chip.active{background:#f2c230;color:#14281d;border-color:#f2c230}.lang-row,.chips,.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-row{margin-top:auto}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:14px;opacity:.75}input{border:2px solid rgba(243,237,226,.25);background:#00000040;border-radius:14px;color:#f3ede2;font-size:18px;padding:12px 14px;min-height:48px}input:focus{outline:none;border-color:#f2c230}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}button.avatar{font-size:20px;padding:4px;min-height:40px;background:#f3ede21a}button.avatar.active{background:#f2c230}.rooms h2,.create h2,.lobby h2{margin:0}.code-row{display:flex;gap:10px}.code-row button{flex-shrink:0}.code-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:4px;text-align:center}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.room-list .room{display:flex;justify-content:space-between;align-items:center;background:#00000040;padding:12px 14px;border-radius:16px;gap:10px}.room-list .room div{display:flex;flex-direction:column;gap:2px;min-width:0}.room-list .empty{text-align:center;opacity:.6;padding:30px 0}.mode-list{display:flex;flex-direction:column;gap:8px}button.mode{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:#00000040;color:#f3ede2;border:2px solid transparent;text-align:left;padding:8px 14px;min-height:0;font-size:15px}button.mode small{font-size:12px}button.mode.active{border-color:#f2c230}button.mode small{opacity:.65;font-weight:400}.check{display:flex;gap:10px;align-items:center;font-size:17px}.check input{width:24px;height:24px;min-height:0}.invite-btn{align-self:center}.room-code{font-size:32px;letter-spacing:8px;text-align:center;font-weight:800;color:#f2c230;background:#0000004d;border-radius:14px;padding:8px}.share{text-align:center;opacity:.7;margin:0}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;gap:10px;background:#00000040;border-radius:12px;padding:6px 12px}.avatar-chip{font-size:22px}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;gap:8px;padding:max(10px,env(safe-area-inset-top)) 10px 8px;flex-wrap:wrap;align-items:flex-start;background:linear-gradient(rgba(10,20,14,.85),transparent)}.mascot-home{display:flex;justify-content:center;margin:-8px 0}.mascot-home canvas,.mascot-home svg{width:118px;height:154px}.mascot-hud{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 64px);right:8px;pointer-events:none}.mascot-hud canvas,.mascot-hud svg{width:64px;height:62px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.mascot-end{display:flex;justify-content:center;margin:-10px 0 -6px}.mascot-end canvas,.mascot-end svg{width:130px;height:170px}.confetti{position:fixed;inset:0;pointer-events:none;z-index:200}.seat{pointer-events:auto;background:#0006;padding:6px 10px;border-radius:12px;display:flex;flex-direction:column;border:2px solid transparent;font-size:14px}.seat.turn{border-color:#f2c230;box-shadow:0 0 12px #f2c23080}.seat small{opacity:.75}.piles{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap;max-width:40%}.pile{font-size:11px;background:#00000073;padding:3px 6px;border-radius:8px;border-left:4px solid var(--pc, #fff)}.spectating{background:#00000080;padding:6px 10px;border-radius:12px}.hud-bottom{display:flex;flex-direction:column;gap:10px;align-items:center;padding:10px 14px max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0a140ee6)}.hud-bottom button{pointer-events:auto}.drop-error{font-size:13px;color:#ff9c8a;text-shadow:0 1px 3px rgba(0,0,0,.8)}.turn-label.urgent{color:#ffb02e}.turn-label{font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7)}.place-row{display:flex;gap:8px;align-items:center}.die-btn{font-size:22px}button.move{font-size:22px;min-width:52px}.hud-overlay.end{position:fixed;inset:0;background:#0a140ed1;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:20px}.end-box{background:#1d3a2f;border-radius:22px;padding:24px 14px;text-align:center;display:flex;flex-direction:column;gap:14px;max-width:400px;width:100%;border:2px solid #f2c230}.end-box table{width:100%;border-collapse:collapse;font-size:13px}.end-box th,.end-box td{padding:6px 3px;border-bottom:1px solid rgba(243,237,226,.15);white-space:nowrap;text-align:center}.end-box th:first-child,.end-box td:first-child{text-align:left;max-width:96px;overflow:hidden;text-overflow:ellipsis}.end-box th{font-size:11px;opacity:.85}.end-box td:last-child{font-weight:700}.end-box tr.rank-1 td{background:linear-gradient(180deg,#f7d45e,#f2c230);color:#14281d;font-weight:700;border-bottom:none}.end-box tr.rank-1 td:first-child{border-radius:10px 0 0 10px}.end-box tr.rank-1 td:last-child{border-radius:0 10px 10px 0}.end-box tr.rank-2 td{background:#cdd5dcd9;color:#14281d;font-weight:600;border-bottom:none}.end-box tr.rank-2 td:first-child{border-radius:10px 0 0 10px}.end-box tr.rank-2 td:last-child{border-radius:0 10px 10px 0}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);background:#f2c230;color:#14281d;font-weight:700;padding:12px 18px;border-radius:14px;opacity:0;transition:all .3s;z-index:50;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.exit-btn{pointer-events:auto;min-height:36px;padding:6px 12px;font-size:14px}.exit-btn.armed{background:#e04b3a;color:#fff;border-color:#e04b3a}.rolling-label{font-size:18px;font-weight:700;opacity:.85;text-shadow:0 2px 4px rgba(0,0,0,.7);animation:rollpulse .7s infinite alternate}@keyframes rollpulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.header-left{display:flex;align-items:center;gap:10px}.back-btn{min-height:40px;min-width:44px;padding:6px 12px;font-size:18px}.rules-card{background:#00000040;border-radius:14px;padding:10px 14px;text-align:left;font-size:14px}.rules-card h3{margin:0 0 8px;font-size:16px}.rules-goal{margin:0 0 10px;font-weight:700;color:#f2c230;font-size:14px;line-height:1.45}.rules-card ul{margin:0;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.45;opacity:.92}.rules-box{max-height:80vh;overflow-y:auto}