:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#f5f5f3;background:#090b0c;--line:rgba(255,255,255,.11);--muted:#85898d;--gold:#d8b46a}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% 45%,#1a1d1d 0,#0d0f10 42%,#070809)}button{font:inherit}.topbar{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08090ac2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;z-index:10}.brand{display:flex;align-items:baseline;gap:12px}.brand span{font-weight:800;letter-spacing:.08em}.brand small{font-size:9px;color:#777;letter-spacing:.18em}.turn-status{font-size:12px;color:#b9b9b4;letter-spacing:.12em}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d8b46a;box-shadow:0 0 12px #d8b46a;margin-right:8px}.round{display:flex;align-items:baseline;gap:9px;color:#73777b;font-size:10px;letter-spacing:.16em}.round b{color:#ddd;font-size:13px}.game-layout{height:calc(100% - 190px);min-height:520px;display:grid;grid-template-columns:minmax(220px,290px) minmax(480px,1fr) minmax(220px,290px);gap:0}.score-panel{padding:24px 18px;border-right:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.018),transparent)}.score-panel.right{border-left:1px solid var(--line);border-right:0}.player-head{display:flex;align-items:flex-end;justify-content:space-between;padding:0 5px 14px;border-bottom:1px solid var(--line);margin-bottom:7px}.player-head small{font-size:9px;letter-spacing:.18em;color:#777}.player-head h2{font-size:20px;margin:3px 0 0;letter-spacing:.08em}.player-head strong{font-size:25px;color:#eee}.score-list{display:flex;flex-direction:column;gap:1px}.score-row{display:grid;grid-template-columns:1fr 42px;align-items:center;min-height:28px;padding:0 7px;border-radius:5px;color:#999;font-size:11px;transition:.2s}.score-row .score-name{letter-spacing:.03em}.score-row .score-val{text-align:right;color:#c9c9c4;font-weight:600}.score-row.available{cursor:pointer}.score-row.available:hover{background:#d8b46a1f;color:#fff}.score-row.available:hover .score-val{color:#e6c97d}.score-row.used{opacity:.42}.score-row.preview{background:#ffffff12;color:#eee}.score-row.bonus{margin-top:2px;border-top:1px solid var(--line);padding-top:2px;color:#73777b}.score-row.bonus .score-val{color:#73777b;font-variant-numeric:tabular-nums}.score-row.bonus-complete{color:#d8b46a;background:#d8b46a0e;box-shadow:inset 0 1px #d8b46a14}.score-row.bonus-complete .score-val{color:#f0cc76;font-size:12px;text-shadow:0 0 12px rgba(216,180,106,.28)}.arena-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.arena-title{position:absolute;top:18px;font-size:10px;letter-spacing:.3em;color:#64696b;z-index:4}.arena{width:min(62vw,700px);height:min(56vh,570px);min-height:430px;position:relative;touch-action:none}.arena canvas{width:100%;height:100%;display:block}.roll-btn{position:absolute;top:158px;z-index:5;width:90px;height:90px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:radial-gradient(circle at 35% 25%,#343737,#161818 62%,#0c0d0d);color:#fff;box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff21;cursor:pointer;transition:.2s}.roll-btn:hover{transform:translateY(-2px);border-color:#d8b46a8c;box-shadow:0 16px 42px #00000085,0 0 0 5px #d8b46a0b,inset 0 1px #ffffff29}.roll-btn:active{transform:scale(.95)}.roll-btn span{display:block;font-size:26px;font-weight:900;line-height:28px;letter-spacing:.08em}.roll-btn small{display:block;margin-top:3px;font-size:8px;letter-spacing:.24em;color:#8d918f}.roll-btn:after{content:"ROLL";position:absolute;inset:-5px;border:1px solid rgba(216,180,106,.12);border-radius:50%;transform:scale(.92);opacity:0;transition:.2s}.roll-btn:hover:after{transform:scale(1);opacity:1}.power{position:absolute;bottom:52px;width:120px;height:2px;background:#252829;z-index:5;overflow:hidden}.power i{display:block;width:0;height:100%;background:#d8b46a;box-shadow:0 0 9px #d8b46a;transition:width .08s}.gesture-copy{position:absolute;bottom:32px;color:#555a5c;font-size:9px;letter-spacing:.08em}#handHint{position:absolute;left:50%;bottom:100px;transform:translate(-50%);font-size:28px;color:#d8b46a73;opacity:.65;animation:swipeHint 1.7s infinite;pointer-events:none;z-index:4}@keyframes swipeHint{0%,to{transform:translate(-50%,10px);opacity:.05}40%{opacity:.65}70%{transform:translate(-50%,-18px);opacity:.05}}.dice-tray{height:118px;border-top:1px solid var(--line);background:#08090ae6;display:flex;align-items:center;gap:22px;padding:0 34px;position:relative;z-index:8}.tray-label{width:145px;color:#b8b8b4;font-size:10px;letter-spacing:.14em}.tray-label small{display:block;margin-top:6px;color:#55595b;font-size:8px;letter-spacing:.06em}.dice-tray-inner{display:flex;align-items:center;justify-content:center;gap:16px;flex:1}.die-card{width:72px;height:72px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#252828,#101212);box-shadow:0 9px 22px #00000059,inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:.18s}.die-card:hover{transform:translateY(-3px)}.die-card.hold{border-color:#d8b46a;box-shadow:0 0 0 1px #d8b46a33,0 9px 28px #0006,0 0 22px #d8b46a1a}.die-card:after{content:"HOLD";position:absolute;bottom:5px;font-size:7px;letter-spacing:.18em;color:#d8b46a;opacity:0}.die-card.hold:after{opacity:1}.die-mini{width:49px;height:49px;border-radius:9px;background:#ecebe6;box-shadow:inset 0 -4px 8px #00000021,0 5px 9px #0000004d;display:grid;place-items:center}.pips{width:35px;height:35px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.pip{width:6px;height:6px;border-radius:50%;background:#151616;align-self:center;justify-self:center}.die-num{position:absolute;top:4px;right:7px;font-size:9px;color:#555}.toast{position:fixed;left:50%;bottom:135px;transform:translate(-50%,10px);padding:9px 15px;border:1px solid rgba(255,255,255,.1);background:#0c0d0de0;border-radius:20px;color:#bbb;font-size:11px;opacity:0;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%)}.big-fx{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:50;background:#0000}.big-fx.show{animation:fx 1.35s ease-out}.fx-title{font-size:clamp(48px,9vw,120px);font-weight:900;letter-spacing:.12em;text-shadow:0 0 30px rgba(255,213,120,.55)}.fx-score{font-size:20px;letter-spacing:.22em;color:#d8b46a;margin-top:5px}@keyframes fx{0%{opacity:0;background:#0000}12%{opacity:1;background:#0000008c}55%{opacity:1;background:#00000040}to{opacity:0;background:#0000}}@media(max-width:900px){.game-layout{grid-template-columns:170px minmax(340px,1fr) 170px}.score-panel{padding:18px 10px}.score-row{font-size:9px;grid-template-columns:1fr 30px}.arena{width:100%;min-height:400px}.dice-tray{padding:0 12px;gap:8px}.tray-label{width:100px}.die-card{width:62px;height:62px}.die-mini{width:43px;height:43px}}@media(max-width:650px){.topbar{height:58px;padding:0 14px}.brand small{display:none}.brand span{font-size:14px}.turn-status{display:none}.round{font-size:8px}.game-layout{height:calc(100% - 162px);min-height:0;grid-template-columns:1fr;display:block;position:relative}.score-panel{position:absolute;top:8px;width:43%;padding:8px;background:#0506077a;border:0!important;z-index:6}.score-panel.left{left:0}.score-panel.right{right:0}.player-head{padding-bottom:5px;margin-bottom:2px}.player-head h2{font-size:12px}.player-head strong{font-size:15px}.score-list{display:none}.arena-wrap{height:100%;min-height:0}.arena{width:100%;height:100%;min-height:0}.arena-title{top:12px}.roll-btn{top:55px;width:74px;height:74px}.roll-btn span{font-size:22px}.dice-tray{height:104px;padding:0 8px;display:block}.tray-label{height:24px;width:auto;padding:5px 4px}.tray-label small{display:inline;margin-left:7px}.dice-tray-inner{gap:7px}.die-card{width:58px;height:62px}.die-mini{width:40px;height:40px}.gesture-copy{bottom:26px}}.turn-divider{color:#555;margin:0 7px}.turn-hud{position:absolute;top:112px;left:50%;transform:translate(-50%);z-index:5;text-align:center;pointer-events:none;white-space:nowrap}.turn-hud-player{font-size:11px;font-weight:800;letter-spacing:.24em;color:#e8e6df;text-shadow:0 0 16px rgba(216,180,106,.18)}.roll-meter{margin-top:6px;display:flex;align-items:baseline;justify-content:center;gap:8px}.roll-meter strong{font-size:20px;letter-spacing:.08em;color:#d8b46a}.roll-meter span{font-size:9px;color:#686d6e;letter-spacing:.08em}@media(max-width:650px){.turn-hud{top:104px}.turn-hud-player{font-size:9px}.roll-meter strong{font-size:17px}.roll-meter span{font-size:8px}.turn-divider{display:none}}.die-card.hold{border-color:#d8b46a!important;background:linear-gradient(145deg,#3a2c13,#17130b);box-shadow:0 0 0 1px #d8b46a47,0 0 26px #d8b46a2e,inset 0 1px #ffe6961f}.die-card.hold .die-mini{background:linear-gradient(145deg,#f2d889,#b98a2e);box-shadow:inset 0 -5px 9px #3c23002e,0 5px 12px #00000061}.die-card.hold .pip{background:#2b1e08}.fx-particle{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:2px;background:#d8b46a;box-shadow:0 0 12px #ffdc82cc;transform:translate(-50%,-50%) rotate(var(--a)) translateY(0);animation:particleBurst 1.05s cubic-bezier(.15,.75,.25,1) var(--delay) forwards}#bigFx[data-hand=YATZY] .fx-particle{width:9px;height:9px;border-radius:50%;box-shadow:0 0 18px #fff0bef2}#bigFx[data-hand=BONUS] .fx-title{color:#f0cc76;font-size:clamp(42px,7vw,92px);text-shadow:0 0 34px rgba(216,180,106,.72)}#bigFx[data-hand=BONUS] .fx-score{color:#f0cc76}#bigFx[data-hand=BONUS] .bonus-particle{width:6px;height:6px;border-radius:50%;box-shadow:0 0 15px #ffdc82d9}@keyframes particleBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(0) scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1)}}.die-card.rolling{cursor:default;opacity:.32;transform:none!important;border-color:#ffffff0f}.die-card.rolling .die-mini{background:linear-gradient(145deg,#252827,#121414);box-shadow:none}.rolling-mark{font-size:9px;letter-spacing:.14em;color:#777;opacity:.7}#onlineLobby{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(216,180,106,.09),transparent 32%),#040506d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .28s ease,visibility .28s ease}#onlineLobby.hidden{opacity:0;visibility:hidden;pointer-events:none}.lobby-card{width:min(440px,calc(100vw - 32px));padding:38px 34px 30px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(155deg,#1e2020f5,#0a0c0cf5);box-shadow:0 30px 90px #00000094,inset 0 1px #ffffff14;text-align:center}.lobby-kicker{font-size:9px;letter-spacing:.28em;color:#d8b46a;margin-bottom:10px}.lobby-card h1{margin:0;font-size:31px;letter-spacing:.12em}.lobby-sub{margin:8px 0 28px;color:#777b7d;font-size:11px;letter-spacing:.08em}.lobby-primary,.lobby-secondary,.ready-btn{width:100%;height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:.18s;font-weight:700;letter-spacing:.08em}.lobby-primary{background:linear-gradient(145deg,#d9b76b,#9d7730);color:#17130a;box-shadow:0 10px 30px #00000059}.lobby-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.lobby-primary:disabled{opacity:.55;cursor:wait;transform:none}.created-room{margin-top:14px;padding:15px;border:1px solid rgba(216,180,106,.22);border-radius:13px;background:#d8b46a0e}.created-room span{display:block;font-size:8px;letter-spacing:.22em;color:#777;margin-bottom:3px}.created-room strong{display:block;font-size:28px;letter-spacing:.16em;color:#e6c97d}.created-room small{display:block;margin-top:4px;font-size:9px;color:#777}.hidden{display:none!important}.lobby-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#555}.lobby-divider:before,.lobby-divider:after{content:"";height:1px;background:#ffffff14;flex:1}.lobby-divider span{font-size:9px}.lobby-join{display:flex;gap:9px}.lobby-join input{min-width:0;flex:1;height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#0b0d0d;color:#eee;text-align:center;font:700 17px/1 system-ui;letter-spacing:.18em;outline:none}.lobby-join input:focus{border-color:#d8b46a8c;box-shadow:0 0 0 3px #d8b46a14}.lobby-secondary{width:138px;background:#202323;color:#eee}.lobby-secondary:hover{border-color:#d8b46a66;background:#282a29}.lobby-status{min-height:34px;padding-top:18px;color:#777;font-size:10px;letter-spacing:.06em}.ready-btn{margin-top:12px;background:#151717;color:#777;border-color:#ffffff14}.ready-btn:not(:disabled){color:#ddd}.ready-btn.active{background:#d8b46a24;border-color:#d8b46a80;color:#e6c97d}.ready-btn:disabled{opacity:.45;cursor:not-allowed}.online-badge{position:fixed;right:18px;top:84px;z-index:20;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#08090ab8;color:#686d6e;font-size:8px;letter-spacing:.14em}@media(max-width:650px){.lobby-card{padding:30px 22px 24px;border-radius:18px}.lobby-card h1{font-size:27px}.lobby-join{display:block}.lobby-secondary{width:100%;margin-top:8px}}.name-field{display:block;text-align:left;margin:0 0 14px}.name-field span{display:block;margin:0 0 7px 4px;font-size:8px;letter-spacing:.18em;color:#777}.name-field input{width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b0d0d;color:#eee;padding:0 14px;text-align:center;outline:none;font-weight:700}.name-field input:focus{border-color:#d8b46a8c;box-shadow:0 0 0 3px #d8b46a14}.name-field input.invalid{animation:nameShake .35s ease;border-color:#b94a4a}@keyframes nameShake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.in-game-leave{position:fixed;top:14px;left:18px;z-index:110;height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#0c0e0ecc;color:#aaa;font-size:10px;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.in-game-leave:hover{color:#fff;border-color:#d8b46a73}.gameover-card{width:min(430px,calc(100vw - 32px));padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(155deg,#1e2020f7,#090b0bfa);box-shadow:0 30px 100px #000000a6;text-align:center}#gameOver{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#0000009e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:.25s}#gameOver.show{opacity:1;visibility:visible;pointer-events:auto}.gameover-card h2{margin:0 0 24px;font-size:30px;letter-spacing:.12em}.gameover-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.gameover-scores>div{padding:18px 8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff08}.gameover-scores span{display:block;font-size:9px;color:#777;letter-spacing:.12em}.gameover-scores strong{display:block;margin-top:6px;font-size:34px;color:#e6c97d}.gameover-actions{display:grid;gap:9px}.leave-btn{margin-top:9px;width:100%;height:42px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#111414;color:#888;cursor:pointer}.near-fx{position:fixed;inset:0;z-index:48;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0}.near-fx.show{animation:nearPulse .62s ease-out}.near-title{font-size:clamp(22px,4vw,54px);font-weight:900;letter-spacing:.18em;color:#eee;text-shadow:0 0 24px rgba(216,180,106,.5)}.near-sub{margin-top:5px;font-size:8px;letter-spacing:.28em;color:#d8b46a}@keyframes nearPulse{0%{opacity:0;transform:scale(1.06)}25%{opacity:1;transform:scale(1)}70%{opacity:.85}to{opacity:0;transform:scale(.98)}}.slow-mo .arena{filter:saturate(1.1) brightness(1.05)}.slow-mo .dice-tray{box-shadow:0 -8px 30px #d8b46a14}@media(max-width:650px){.in-game-leave{top:9px;left:8px;height:30px;padding:0 10px}.gameover-card{padding:28px 20px}.gameover-card h2{font-size:24px}.gameover-scores strong{font-size:28px}}@media(max-width:650px){.game-layout{height:calc(100% - 162px);padding-top:50px}.score-panel{top:4px;width:48%;padding:5px 8px;background:#050607b8;border-radius:10px}.score-panel.left{left:5px}.score-panel.right{right:5px}.player-head{border-bottom:0;margin:0;padding:0 2px}.player-head small{display:none}.player-head h2{font-size:11px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-head strong{font-size:15px}.turn-hud{top:100px}.arena-title{display:none}.roll-btn{top:42px}.dice-tray{height:108px}.dice-tray-inner{width:100%;overflow:hidden}.die-card{flex:1 1 0;max-width:64px;min-width:50px}}.die-card[data-face="1"] .pip,.die-card[data-face="4"] .pip{background:#c93434}.gameover-rematch-status{min-height:18px;margin:-8px 0 14px;color:#777;font-size:9px;letter-spacing:.06em}@media(max-width:650px){.score-panel .player-head{cursor:pointer}.score-panel .player-head:after{content:"查看分數";margin-left:6px;font-size:7px;color:#666;letter-spacing:.08em}.score-panel.mobile-open{z-index:25;width:calc(100% - 10px);background:#08090af5;box-shadow:0 20px 55px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.score-panel.mobile-open .score-list{display:block;max-height:42vh;overflow:auto;padding-top:6px}.score-panel.mobile-open .score-row{font-size:10px;grid-template-columns:1fr 34px;padding:6px 5px}.score-panel.mobile-open .player-head:after{content:"收起"}.gameover-rematch-status{font-size:8px}}.arena{will-change:filter}.impact-pulse{animation:impactPulse .14s ease-out}.impact-heavy{animation:impactHeavy .2s ease-out}.impact-land{animation:impactLand .16s ease-out}@keyframes impactPulse{0%{filter:brightness(1)}35%{filter:brightness(1.08)}to{filter:brightness(1)}}@keyframes impactHeavy{0%{filter:brightness(1)}35%{filter:brightness(1.13) saturate(1.06)}to{filter:brightness(1)}}@keyframes impactLand{0%{filter:brightness(1)}45%{filter:brightness(1.06)}to{filter:brightness(1)}}.roll-btn{top:auto;bottom:78px;left:50%;transform:translate(-50%);width:112px;height:48px;border-radius:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#2b2e2e,#171919);border:1px solid rgba(216,180,106,.28);box-shadow:0 12px 30px #00000061,inset 0 1px #ffffff1f}.roll-btn:hover{transform:translate(-50%) translateY(-2px);border-color:#d8b46a9e;box-shadow:0 15px 34px #00000073,0 0 0 4px #d8b46a0b,inset 0 1px #ffffff26}.roll-btn:active{transform:translate(-50%) scale(.96)}.roll-btn:before{content:"";position:absolute;inset:4px;border-radius:12px;border:1px solid rgba(255,255,255,.045);pointer-events:none}.roll-btn:after{content:"";display:none}.roll-btn span{font-size:18px;line-height:18px;font-weight:900;letter-spacing:.08em}.roll-btn small{margin-top:1px;font-size:8px;letter-spacing:.24em;color:#b9b5aa}.roll-btn:disabled{cursor:default;filter:saturate(.55);opacity:.52;box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff14}@media(max-width:650px){.turn-hud{top:92px}.roll-btn{bottom:62px;width:102px;height:44px;border-radius:14px;gap:8px}.roll-btn span{font-size:17px;line-height:17px}.roll-btn small{font-size:7px;letter-spacing:.22em}}.solo-test-btn{width:100%;height:42px;margin-top:10px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#ffffff06;color:#9b9f9e;cursor:pointer;transition:.18s;font-size:11px;letter-spacing:.08em;font-weight:700}.solo-test-btn:hover{color:#e3e0d8;border-color:#d8b46a47;background:#d8b46a0e;transform:translateY(-1px)}.solo-test-btn:active{transform:translateY(0) scale(.99)}#bigFx{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}#bigFx .fx-title{transform:scale(.94);opacity:.8}#bigFx.show .fx-title{animation:handTitleIn .62s cubic-bezier(.16,.78,.22,1) forwards}#bigFx[data-hand=TRIPLE] .fx-title{font-size:clamp(40px,7vw,88px);text-shadow:0 0 24px rgba(255,255,255,.22)}#bigFx[data-hand="FULL HOUSE"] .fx-title{letter-spacing:.16em;text-shadow:0 0 30px rgba(216,180,106,.52)}#bigFx[data-hand="FOUR OF A KIND"] .fx-title{letter-spacing:.08em;text-shadow:0 0 34px rgba(216,180,106,.68)}#bigFx[data-hand="SMALL STRAIGHT"] .fx-title{font-size:clamp(38px,7vw,92px)}#bigFx[data-hand="BIG STRAIGHT"] .fx-title{text-shadow:0 0 40px rgba(255,224,145,.82)}#bigFx[data-hand=YATZY] .fx-title{font-size:clamp(56px,11vw,148px);letter-spacing:.08em;text-shadow:0 0 46px rgba(255,235,170,.95);animation:yatzyTitleIn .78s cubic-bezier(.14,.82,.18,1) forwards}#bigFx[data-hand=YATZY] .fx-score{font-size:clamp(15px,2vw,24px);letter-spacing:.28em;color:#f0cc76;text-shadow:0 0 18px rgba(255,220,130,.55);animation:yatzyScoreIn .62s .1s cubic-bezier(.16,.78,.22,1) both}#bigFx[data-hand=YATZY]{background:radial-gradient(circle at 50% 48%,#d8b46a26,#0000 42%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes yatzyTitleIn{0%{opacity:0;transform:scale(.76) translateY(10px);filter:blur(7px);letter-spacing:.18em}35%{opacity:1;transform:scale(1.1) translateY(0);filter:blur(0);letter-spacing:.06em}68%{transform:scale(.985)}to{opacity:1;transform:scale(1);letter-spacing:.08em}}@keyframes yatzyScoreIn{0%{opacity:0;transform:translateY(9px) scale(.8)}45%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes handTitleIn{0%{opacity:0;transform:scale(.88) translateY(8px);filter:blur(5px)}55%{opacity:1;transform:scale(1.03) translateY(0);filter:blur(0)}to{opacity:1;transform:scale(1)}}.near-fx{background:radial-gradient(circle at 50% 50%,#d8b46a09,#0000 34%)}.near-fx.show{animation:nearFocus 1.55s cubic-bezier(.16,.72,.18,1) both}.near-fx[data-outcome=tension] .near-title{font-size:clamp(30px,5vw,72px);color:#f0ebdcb3;letter-spacing:.18em;text-shadow:0 0 24px rgba(216,180,106,.18)}.near-fx[data-outcome=tension] .near-sub{color:#666}.near-fx[data-outcome=success] .near-title{font-size:clamp(28px,5vw,68px);text-shadow:0 0 32px rgba(255,226,145,.72)}.near-fx[data-outcome=fail] .near-title{color:#aaa;font-size:clamp(22px,3.8vw,50px);letter-spacing:.16em}.near-fx[data-outcome=fail] .near-sub{color:#777}@keyframes nearFocus{0%{opacity:0;transform:scale(1.012)}14%{opacity:1;transform:scale(1)}34%{opacity:.92}62%{opacity:.78;transform:scale(1.004)}82%{opacity:.64;transform:scale(1.006)}to{opacity:0;transform:scale(.998)}}.near-focus-active .arena-wrap{transform:scale(1.018);transition:transform .22s ease}.near-focus-active .score-panel,.near-focus-active .topbar{opacity:.58;transition:opacity .22s ease}.near-focus-active .dice-tray{box-shadow:0 -12px 38px #d8b46a1a}.slow-mo .arena{filter:saturate(1.16) brightness(1.065);transition:filter .22s ease}.slow-mo .turn-hud{opacity:.5;transition:opacity .22s ease}.slow-mo .dice-tray{box-shadow:0 -12px 40px #d8b46a1f}.score-row.available.valid-score{background:#d8b46a0b;color:#d8d5cc;box-shadow:inset 2px 0 #d8b46a57}.score-row.available.valid-score .score-val{color:#e6c97d}.score-row.available.valid-score:hover{background:#d8b46a21;box-shadow:inset 2px 0 #d8b46ab3}.score-row.available.zero-score{color:#5f6364;opacity:.58}.score-row.available.zero-score .score-val{color:#626667}.score-row.available.zero-score:hover{background:#ffffff06;color:#999}.score-row.available.fallback-score{color:#f1f0eb;opacity:1;background:#ffffff07;box-shadow:inset 2px 0 #fff3}.score-row.available.fallback-score .score-val{color:#fff;font-weight:700}.score-row.available.fallback-score:hover{background:#ffffff13;color:#fff;box-shadow:inset 2px 0 #ffffff75}.score-row.used{box-shadow:none}.turn-hud.turn-change{animation:turnHandoff .62s cubic-bezier(.2,.8,.2,1)}@keyframes turnHandoff{0%{transform:translateY(2px);opacity:.55}28%{transform:translateY(0) scale(1.035);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.bonus-earned .score-row.bonus-complete{animation:bonusRowPulse 1.2s ease-out}@keyframes bonusRowPulse{0%{background:#d8b46a05;box-shadow:inset 0 1px #d8b46a14}25%{background:#d8b46a38;box-shadow:inset 0 0 0 1px #d8b46a57,0 0 22px #d8b46a24}to{background:#d8b46a0e;box-shadow:inset 0 1px #d8b46a14}}#bigFx[data-hand=BONUS] .fx-title{animation:bonusTitlePop 1.15s cubic-bezier(.15,.8,.2,1)}@keyframes bonusTitlePop{0%{transform:scale(.88);opacity:0}22%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.turn-handoff{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:48;opacity:0;transform:scale(.985);background:#0000;transition:none}.turn-handoff.show{animation:turnHandoffOverlay .86s cubic-bezier(.2,.78,.2,1) both}.turn-handoff-title{font-size:clamp(28px,5vw,62px);font-weight:900;letter-spacing:.18em;color:#ece8de;text-shadow:0 0 24px rgba(216,180,106,.22)}.turn-handoff-sub{margin-top:9px;font-size:11px;letter-spacing:.18em;color:#777b7d}.turn-handoff.mine .turn-handoff-title{color:#f0cc76;text-shadow:0 0 28px rgba(216,180,106,.28)}@keyframes turnHandoffOverlay{0%{opacity:0;background:#0000;transform:scale(.985)}18%{opacity:1;background:#00000038;transform:scale(1)}55%{opacity:1;background:#0000001a}to{opacity:0;background:#0000;transform:scale(1.012)}}@media(max-width:650px){.turn-handoff-title{font-size:30px;letter-spacing:.12em}.turn-handoff-sub{font-size:9px}}#bigFx[data-hand=YATZY] .fx-title{font-weight:900}@media(max-width:650px){#bigFx[data-hand=YATZY] .fx-title{font-size:clamp(48px,18vw,92px);letter-spacing:.06em}#bigFx[data-hand=YATZY] .fx-score{font-size:14px;letter-spacing:.22em}}.yatzy-special-active .arena-wrap{transform:scale(1.025);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.yatzy-special-active .arena-wrap:after{content:"";position:absolute;left:50%;top:50%;width:min(38vw,360px);height:min(38vw,360px);transform:translate(-50%,-50%) scale(.62);border:1px solid rgba(240,204,118,0);border-radius:50%;box-shadow:0 0 70px #d8b46a00,inset 0 0 70px #d8b46a00;pointer-events:none;z-index:3;animation:yatzyHalo 1.55s .15s ease-out both}.yatzy-special-active .score-panel,.yatzy-special-active .topbar{opacity:.3;transition:opacity .28s ease}.yatzy-special-active .dice-tray{opacity:.48;transition:opacity .28s ease}.yatzy-special-active .turn-hud{opacity:.16;transition:opacity .28s ease}#bigFx.yatzy-special{z-index:80;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}#bigFx.yatzy-special.show{animation:yatzyStage 1.55s cubic-bezier(.16,.78,.18,1) both}#bigFx.yatzy-special:before,#bigFx.yatzy-special:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;border:1px solid rgba(240,204,118,0);transform:translate(-50%,-50%) scale(.2)}#bigFx.yatzy-special:before{width:min(46vw,520px);height:min(46vw,520px);animation:yatzyRing 1.45s .02s ease-out both}#bigFx.yatzy-special:after{width:min(64vw,720px);height:min(64vw,720px);animation:yatzyRing 1.65s .14s ease-out both}#bigFx.yatzy-special .fx-title{position:relative;z-index:2;font-size:clamp(72px,15vw,190px);letter-spacing:.04em;color:#f4df9e;text-shadow:0 0 18px rgba(255,244,194,.92),0 0 55px rgba(216,180,106,.62);animation:yatzyHero 1.22s .2s cubic-bezier(.12,.86,.18,1) both}#bigFx.yatzy-special .fx-score{position:relative;z-index:2;margin-top:12px;font-size:clamp(17px,2.4vw,28px);font-weight:800;letter-spacing:.34em;color:#fff0bf;text-shadow:0 0 20px rgba(240,204,118,.8);animation:yatzyBonus 1s .48s cubic-bezier(.15,.8,.2,1) both}@keyframes yatzyStage{0%{opacity:0}18%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes yatzyHero{0%{opacity:0;transform:scale(.48);filter:blur(10px);letter-spacing:.2em}32%{opacity:1;transform:scale(1.14);filter:blur(0);letter-spacing:.02em}55%{transform:scale(.96)}72%{transform:scale(1.035)}to{opacity:1;transform:scale(1);letter-spacing:.04em}}@keyframes yatzyBonus{0%{opacity:0;transform:translateY(18px) scale(.55)}38%{opacity:1;transform:translateY(0) scale(1.18)}65%{transform:translateY(0) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes yatzyRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.2);border-color:#f0cc7600}18%{opacity:.9;border-color:#f0cc76bf}to{opacity:0;transform:translate(-50%,-50%) scale(1.05);border-color:#f0cc7600}}@keyframes yatzyHalo{0%{opacity:0;transform:translate(-50%,-50%) scale(.62);border-color:#f0cc7600;box-shadow:0 0 70px #d8b46a00,inset 0 0 70px #d8b46a00}25%{opacity:1;border-color:#f0cc764d;box-shadow:0 0 90px #d8b46a29,inset 0 0 90px #d8b46a14}to{opacity:0;transform:translate(-50%,-50%) scale(1.08);border-color:#f0cc7600;box-shadow:0 0 120px #d8b46a00,inset 0 0 120px #d8b46a00}}@media(max-width:650px){.yatzy-special-active .arena-wrap{transform:scale(1.018)}#bigFx.yatzy-special .fx-title{font-size:clamp(60px,22vw,110px)}#bigFx.yatzy-special .fx-score{font-size:15px;letter-spacing:.25em}}.tutorial-done .arena-title,.tutorial-done .gesture-copy,.tutorial-done #handHint{opacity:0!important;pointer-events:none;transition:opacity .42s ease}.arena-title,.gesture-copy,#handHint{transition:opacity .42s ease}.die-card.hold-pulse{animation:holdCardPulse .32s cubic-bezier(.18,.8,.22,1)}@keyframes holdCardPulse{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-4px) scale(1.045)}to{transform:translateY(-1px) scale(1)}}.die-card.hold .die-num{color:#8f712f}.score-row.score-commit{animation:scoreCommit .42s cubic-bezier(.18,.8,.22,1)}@keyframes scoreCommit{0%{transform:translate(0);background:#d8b46a0b}28%{transform:translate(4px);background:#d8b46a33;box-shadow:inset 3px 0 #d8b46ad1,0 0 18px #d8b46a14}to{transform:translate(0);background:#d8b46a0b;box-shadow:inset 2px 0 #d8b46a57}}#bigFx[data-tier=minor] .fx-title{font-size:clamp(30px,5vw,64px);letter-spacing:.14em;text-shadow:0 0 18px rgba(255,255,255,.18)}#bigFx[data-tier=minor] .fx-score{font-size:13px;color:#9d9f9c;letter-spacing:.2em}#bigFx[data-tier=mid] .fx-title{font-size:clamp(40px,7vw,88px);text-shadow:0 0 28px rgba(216,180,106,.36)}#bigFx[data-tier=mid] .fx-score{font-size:15px}#bigFx[data-tier=major] .fx-title{font-size:clamp(52px,9vw,118px);text-shadow:0 0 38px rgba(255,224,145,.68)}#bigFx[data-tier=major] .fx-score{font-size:18px;color:#e6c97d}#bigFx[data-tier=minor].show{animation:handMinor .76s ease-out}#bigFx[data-tier=mid].show{animation:handMid 1s cubic-bezier(.16,.78,.2,1)}#bigFx[data-tier=major].show{animation:handMajor 1.2s cubic-bezier(.16,.78,.2,1)}@keyframes handMinor{0%{opacity:0}18%{opacity:.88}55%{opacity:.75}to{opacity:0}}@keyframes handMid{0%{opacity:0}16%{opacity:1;background:#0000004d}65%{opacity:1;background:#00000021}to{opacity:0}}@keyframes handMajor{0%{opacity:0}14%{opacity:1;background:#0000007a}60%{opacity:1;background:#0000002e}to{opacity:0}}.turn-handoff.show{animation-duration:.64s}@media(max-width:650px){.topbar{height:52px;padding:0 10px}.brand span{font-size:13px}.round{font-size:8px;gap:5px}.round b{font-size:12px}.game-layout{height:calc(100% - 164px);padding-top:0}.score-panel{top:5px;width:42%;padding:5px 7px;border-radius:12px;background:#060708ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #00000024}.score-panel.left{left:6px}.score-panel.right{right:6px}.player-head{padding:0 2px 3px;margin:0;border-bottom:1px solid rgba(255,255,255,.055)}.player-head h2{font-size:10px;letter-spacing:.06em;max-width:92px}.player-head strong{font-size:18px;line-height:1}.score-panel .player-head:after{font-size:6px;margin-left:4px;color:#666}.turn-hud{top:76px}.turn-hud-player{font-size:8px;letter-spacing:.2em}.roll-meter{margin-top:3px;gap:6px}.roll-meter strong{font-size:15px}.roll-meter span{display:none}.arena-title{top:9px;font-size:8px;letter-spacing:.24em}.roll-btn{bottom:50px;top:auto;width:82px;height:38px;border-radius:12px;gap:7px;background:linear-gradient(180deg,#252827,#141616);border-color:#d8b46a33;box-shadow:0 9px 22px #00000057,inset 0 1px #ffffff1a}.roll-btn span{font-size:14px;line-height:14px;letter-spacing:.08em}.roll-btn small{font-size:6px;letter-spacing:.18em}.power{bottom:29px;width:88px}.gesture-copy{bottom:11px;font-size:7px;opacity:.55}#handHint{bottom:72px;font-size:22px}.dice-tray{height:112px;padding:0 7px;gap:0;display:block}.tray-label{height:31px;width:auto;padding:5px 4px 0;font-size:8px;letter-spacing:.12em}.tray-label small{display:block;margin:3px 0 0;font-size:6px;letter-spacing:.05em;color:#55595b}.dice-tray-inner{height:76px;gap:5px;width:100%;justify-content:space-between}.die-card{flex:1 1 0;width:auto;max-width:64px;min-width:0;height:64px;border-radius:11px}.die-mini{width:42px;height:42px}.pips{width:30px;height:30px}.pip{width:5px;height:5px}.die-card:after{bottom:4px;font-size:6px}.die-num{top:3px;right:5px;font-size:8px}.score-row.score-commit{animation-duration:.34s}#bigFx[data-tier=minor] .fx-title{font-size:30px}#bigFx[data-tier=mid] .fx-title{font-size:44px}#bigFx[data-tier=major] .fx-title{font-size:58px}}@media(min-width:651px){.roll-btn{opacity:1}.gesture-copy{opacity:.68}}@media(max-width:650px){.mobile-ui .roll-btn{opacity:.88}.mobile-ui .gesture-copy{opacity:.72}}