:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{border:0;cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.45}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-panel{background:#fff;border:1px solid #d9e2ef;border-radius:8px;box-shadow:0 12px 35px #1a284614;display:grid;gap:20px;max-width:440px;padding:24px;width:100%}.mode-switch{background:#edf3fb;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.mode-switch button{background:transparent;border-radius:6px;color:#425a78;font-weight:700;min-height:40px}.mode-switch button[aria-selected=true]{background:#fff;color:#172033}.auth-form{display:grid;gap:14px}.auth-form label{color:#425a78;display:grid;font-size:.9rem;font-weight:700;gap:6px}.auth-form input{border:1px solid #bfd0e4;border-radius:8px;color:#172033;font:inherit;min-height:44px;padding:0 12px}.auth-form input:focus-visible,button:focus-visible{outline:3px solid #8db7ff;outline-offset:2px}.auth-form button,.home-actions button{background:#1864ff;border-radius:8px;color:#fff;font-weight:700;min-height:44px;padding:0 18px}.shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;min-height:100vh;padding:20px}.shell-home{grid-template-columns:minmax(0,1fr)}.match-shell{grid-template-columns:minmax(0,1fr) 260px;gap:12px;padding:12px}.table,.side{background:#fff;border:1px solid #d9e2ef;border-radius:8px;box-shadow:0 12px 35px #1a284614}.table{display:flex;flex-direction:column;gap:20px;padding:20px}.match-table{gap:10px;min-width:0;padding:12px;position:relative}@media(min-width:861px){body:has(.match-shell){overflow:hidden}.match-shell{height:100vh;min-height:0;overflow:hidden}.match-table,.match-side{max-height:calc(100vh - 24px);min-height:0;overflow:hidden}.match-table{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto minmax(0,.95fr) auto}}.topbar{align-items:center;display:flex;justify-content:space-between;gap:16px}.match-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:48px}.match-topbar h1{font-size:clamp(1.25rem,2vw,1.7rem)}.match-actions{align-items:center;display:flex;gap:10px}.match-actions span{color:#617896;font-size:.8rem;font-weight:800}.match-actions button{background:#172033;border-radius:8px;color:#fff;font-weight:700;min-height:36px;padding:0 14px}.eyebrow{color:#476381;font-size:.76rem;font-weight:700;margin:0 0 4px;text-transform:uppercase}h1,h2{margin:0}h1{font-size:clamp(1.6rem,3vw,2.4rem)}.turn{background:#172033;border-radius:8px;color:#fff;min-width:130px;padding:12px 16px}.turn span{display:block;font-size:.78rem;opacity:.72}.profile-strip{align-items:center;background:#edf3fb;border:1px solid #d9e2ef;border-radius:8px;display:flex;gap:12px;padding:10px}.profile-strip span{color:#617896;display:block;font-size:.78rem}.profile-strip button{background:#172033;border-radius:8px;color:#fff;font-weight:700;min-height:38px;padding:0 14px}.home-actions{display:flex;flex-wrap:wrap;gap:10px}.home-actions button:nth-child(n+2){background:#172033}.lobby-panel{border:1px solid #d9e2ef;border-radius:8px;display:grid;gap:14px;padding:16px}.join-code{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) auto}.join-code label{color:#425a78;display:grid;font-size:.82rem;font-weight:800;gap:6px}.join-code input{border:1px solid #bfd0e4;border-radius:8px;color:#172033;font:inherit;min-height:42px;padding:0 12px;text-transform:uppercase}.join-code button,.lobby-actions button{background:#1864ff;border-radius:8px;color:#fff;font-weight:700;min-height:42px;padding:0 16px}.active-lobby{background:#edf3fb;border-radius:8px;display:grid;gap:12px;padding:14px}.active-lobby h2{font-size:1.45rem;letter-spacing:.08em}.active-lobby span{color:#526a87;display:block}.lobby-actions{display:flex;flex-wrap:wrap;gap:10px}.lobby-actions button:nth-child(2){background:#172033}.lobby-players{display:grid;gap:8px;list-style:none;margin:0;padding:0}.lobby-players li{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:8px;display:flex;justify-content:space-between;min-height:38px;padding:0 10px}.lobby-players strong{color:#166534}.lobby-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.lobby-list button{background:#fff;border:1px solid #bfd0e4;border-radius:8px;color:#172033;display:grid;gap:4px;min-height:58px;padding:10px;text-align:left}.lobby-list span{color:#526a87;font-size:.85rem}.rules-page{gap:18px}.rules-hero{background:linear-gradient(135deg,rgb(24 100 255 / 12%),transparent 48%),#edf3fb;border:1px solid #bfd0e4;border-radius:8px;display:grid;gap:8px;padding:16px}.rules-hero span,.rules-block>p,.rules-effects-grid span{color:#617896;font-weight:800}.rules-hero span,.rules-effects-grid span{font-size:.74rem;text-transform:uppercase}.rules-hero strong{color:#172033;display:block;font-size:clamp(1.2rem,2.4vw,1.8rem)}.rules-hero p,.rules-block p{line-height:1.45;margin:0}.rules-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.rules-block{background:#fff;border:1px solid #d9e2ef;border-radius:8px;display:grid;gap:12px;padding:16px}.rules-block h2{font-size:1.25rem}.rules-block h3{margin:0}.rules-block ul,.rules-block ol{display:grid;gap:8px;line-height:1.4;margin:0;padding-left:20px}.rules-dice-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rules-dice-list div{align-items:center;background:#f5f8fc;border:1px solid #d9e2ef;border-radius:8px;display:grid;gap:4px 10px;grid-template-columns:auto 1fr;padding:10px}.rules-dice-list span{color:#425a78;font-size:.86rem;grid-column:2;line-height:1.3}.rules-card-matrix,.rules-effects-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.rules-card-color{border:2px solid #d9e2ef;border-radius:8px;display:grid;gap:8px;padding:12px}.rules-card-color-red{border-color:#cf2e2e}.rules-card-color-blue{border-color:#1864ff}.rules-card-color-green{border-color:#2f9e44}.rules-card-color-yellow{border-color:#e0a800}.rules-card-color span{color:#425a78;font-size:.88rem;line-height:1.3}.rules-effects-grid article{align-items:start;background:#f8fafc;border:1px solid #d9e2ef;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:12px}.rules-effects-grid img{background:#fff;border:1px solid #d9e2ef;border-radius:8px;height:48px;object-fit:contain;padding:6px;width:48px}.rules-effects-grid p{color:#425a78;font-size:.9rem;line-height:1.35;margin:4px 0}.rules-effects-grid small{color:#172033;display:block;font-weight:700;line-height:1.35}.avatar-workbench{border:1px solid #d9e2ef;border-radius:8px;display:grid;gap:16px;padding:16px}.avatar-preview{align-items:center;display:flex;gap:14px}.avatar-preview h2{font-size:1.25rem}.goose-preview{background:#fff6d8;border:2px solid #172033;border-radius:8px;display:block;height:132px;overflow:hidden;padding:8px;position:relative;width:112px}.goose-preview-compact{border-radius:999px;height:42px;padding:4px;width:42px}.goose-preview-layer{height:100%;top:0;right:0;bottom:0;left:0;object-fit:contain;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.goose-preview-base{z-index:1}.goose-preview-fallback{align-items:center;background:#ffcc4d;border:2px solid #172033;border-radius:999px;color:#172033;display:inline-flex;font-size:1.5rem;font-weight:900;height:46px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:46px;z-index:0}.goose-accessory{pointer-events:none;position:absolute;z-index:2}.goose-accessory-hat{left:31%;top:10%}.goose-accessory-hat_captain{background:#26356e;border:2px solid #172033;border-radius:48% 48% 38% 38%;box-shadow:inset 0 -6px #f4c84a;height:17%;transform:rotate(-5deg);width:42%}.goose-accessory-hat_captain:after,.goose-accessory-hat_wizard:after,.goose-accessory-hat_flower:after,.goose-accessory-glasses:before,.goose-accessory-glasses:after,.goose-accessory-outfit:before,.goose-accessory-outfit:after,.goose-accessory-shoes:before,.goose-accessory-shoes:after{content:"";position:absolute}.goose-accessory-hat_captain:after{background:#26356e;border:2px solid #172033;border-radius:999px;bottom:-7px;height:8px;left:-14%;width:128%}.goose-accessory-hat_wizard{border-bottom:42px solid #7d3fd3;border-left:14px solid transparent;border-right:14px solid transparent;filter:drop-shadow(0 2px 0 #172033);height:0;transform:rotate(7deg);width:0}.goose-accessory-hat_wizard:after{background:#ffd447;border-radius:999px;height:7px;left:-3px;top:20px;width:7px}.goose-accessory-hat_flower{height:24%;width:42%}.goose-accessory-hat_flower:before,.goose-accessory-hat_flower:after{background:radial-gradient(circle,#ff7aa8 0 32%,#ffd447 34% 48%,transparent 50%);content:"";height:100%;position:absolute;width:100%}.goose-accessory-hat_flower:after{left:18%;top:8%}.goose-accessory-glasses{height:12%;left:33%;top:31%;width:35%}.goose-accessory-glasses:before,.goose-accessory-glasses:after{border:3px solid #172033;height:100%;top:0;width:36%}.goose-accessory-glasses:before{left:0}.goose-accessory-glasses:after{right:0}.goose-accessory-glasses_round:before,.goose-accessory-glasses_round:after{border-radius:999px}.goose-accessory-glasses_star:before,.goose-accessory-glasses_star:after{background:#ffd447;clip-path:polygon(50% 0%,62% 34%,98% 35%,69% 55%,79% 90%,50% 68%,21% 90%,31% 55%,2% 35%,38% 34%)}.goose-accessory-glasses_sport:before,.goose-accessory-glasses_sport:after{background:#39a7ff;border-radius:40% 40% 54% 54%}.goose-accessory-glasses:before{box-shadow:17px 5px 0 -6px #172033}.goose-accessory-outfit{border:2px solid #172033;border-radius:38% 48% 46% 42%;height:24%;left:38%;opacity:.9;top:54%;width:38%}.goose-accessory-outfit_raincoat{background:#ffd447}.goose-accessory-outfit_racer{background:linear-gradient(90deg,#d83a31 0,#d83a31 42%,#fff 42%,#fff 54%,#d83a31 54%)}.goose-accessory-outfit_bowtie{background:#202836}.goose-accessory-outfit_bowtie:before,.goose-accessory-outfit_bowtie:after{background:#172033;clip-path:polygon(0 0,100% 50%,0 100%);height:22%;left:18%;top:12%;width:24%}.goose-accessory-outfit_bowtie:after{left:auto;right:18%;transform:scaleX(-1)}.goose-accessory-shoes{height:9%;left:32%;top:84%;width:39%}.goose-accessory-shoes:before,.goose-accessory-shoes:after{border:2px solid #172033;border-radius:60% 45% 50% 50%;bottom:0;height:100%;width:43%}.goose-accessory-shoes:before{left:0}.goose-accessory-shoes:after{right:0}.goose-accessory-shoes_sneakers:before,.goose-accessory-shoes_sneakers:after{background:#e3443f}.goose-accessory-shoes_boots:before,.goose-accessory-shoes_boots:after{background:#8b5a34}.goose-accessory-shoes_dance:before,.goose-accessory-shoes_dance:after{background:#8e5cf7}.avatar-controls{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.avatar-controls label{color:#425a78;display:grid;font-size:.82rem;font-weight:800;gap:6px}.avatar-controls select{background:#fff;border:1px solid #bfd0e4;border-radius:8px;color:#172033;font:inherit;min-height:40px;padding:0 10px}.avatar-save-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.avatar-save-row button{background:#1864ff;border-radius:8px;color:#fff;font-weight:700;min-height:42px;padding:0 16px}.no-game{background:#f7fafc;border:1px solid #d9e2ef;border-radius:8px;padding:18px}.no-game h2{color:#172033;font-size:1.2rem}.success{color:#166534;font-weight:800}.inline-error{color:#8a1f1f;font-weight:800}.board-stage{min-height:0;overflow:hidden;position:relative}.board-viewport{height:100%;min-height:0;overflow:auto;padding:0 0 6px;scrollbar-color:rgb(23 32 51 / 28%) transparent;scrollbar-width:thin}.board-path{background:radial-gradient(circle at 20% 20%,rgb(255 255 255 / 78%),transparent 28%),linear-gradient(135deg,#dbeef7,#f4e0a8 58%,#d9ead3);border:1px solid rgb(23 32 51 / 16%);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffad,0 18px 38px #1720331a;display:grid;gap:6px;justify-content:center;margin:0 auto;min-width:max-content;overflow:visible;padding:12px;width:fit-content}.match-table .board-stage{align-self:center;height:100%;max-height:100%;min-height:0;width:100%}.match-table .board-path{margin:0}.board-minimap{background:#ffffffe5;border:1px solid rgb(23 32 51 / 18%);border-radius:8px;bottom:12px;box-shadow:0 12px 30px #1720332e;padding:7px;pointer-events:none;position:absolute;right:12px;width:min(220px,34%);z-index:12}.board-minimap-grid{display:grid;gap:2px}.board-minimap-cell{aspect-ratio:1;background:#e8eef6;border:1px solid rgb(23 32 51 / 10%);border-radius:2px;min-width:0}.board-minimap-cell-occupied{border-color:#1720336b}.board-minimap-cell-active{box-shadow:0 0 0 1px #fff,0 0 0 3px #172033;z-index:1}.board-event-overlay{animation:boardOverlayPop 2s ease both;background:#172033eb;border:2px solid rgb(255 255 255 / 82%);border-radius:8px;box-shadow:0 14px 30px #1720333d;color:#fff;display:grid;gap:2px;left:50%;max-width:min(520px,calc(100% - 32px));min-width:min(320px,calc(100% - 32px));padding:10px 14px;pointer-events:none;position:absolute;text-align:center;top:78px;transform:translate(-50%);z-index:18}.board-event-overlay span{color:#bcd2f0;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.board-event-overlay strong{font-size:clamp(1rem,2vw,1.35rem);line-height:1.15}.board-event-overlay-win{background:#123b24;border-color:#ffd447}.board-cell{aspect-ratio:1;background:linear-gradient(180deg,#ffffffd1,#ffffff7f),#f7f1d3;border:1px solid rgb(23 32 51 / 18%);border-radius:6px;box-shadow:inset 0 -2px #17203312;display:flex;flex-direction:column;justify-content:space-between;min-width:36px;overflow:visible;padding:4px;position:relative}.board-cell:nth-child(4n+2){background:linear-gradient(180deg,#fffc,#ffffff7a),#dff0de}.board-cell:nth-child(4n+3){background:linear-gradient(180deg,#fffc,#ffffff7f),#dbeef7}.board-cell:after{background:linear-gradient(145deg,rgb(255 255 255 / 42%),transparent 46%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.board-direction{background:url(/assets/board/tiles/tile_arrow_right.png) center / contain no-repeat;height:clamp(17px,46%,27px);left:50%;opacity:.66;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(17px,46%,27px);z-index:1}.board-direction:before{content:none}.board-direction:after{content:none}.board-cell-left .board-direction{background-image:url(/assets/board/tiles/tile_arrow_left.png)}.board-cell-up .board-direction{background-image:url(/assets/board/tiles/tile_arrow_up.png)}.board-cell-down .board-direction{background-image:url(/assets/board/tiles/tile_arrow_up.png);transform:translate(-50%,-50%) rotate(180deg)}.board-cell-curve .board-direction{height:clamp(24px,58%,34px);opacity:.72;width:clamp(24px,58%,34px)}.board-cell-curve .board-direction:before{content:""}.board-cell-curve .board-direction:after{content:""}.board-cell-turn-right-up .board-direction{background-image:url(/assets/board/tiles/tile_turn_right_up.png)}.board-cell-turn-up-left .board-direction{background-image:url(/assets/board/tiles/tile_turn_up_left.png)}.board-cell-turn-left-up .board-direction{background-image:url(/assets/board/tiles/tile_turn_left_up.png)}.board-cell-turn-up-right .board-direction{background-image:url(/assets/board/tiles/tile_turn_up_right.png)}.board-cell-end .board-direction{display:none}.board-cell-start{background:linear-gradient(180deg,#ffffffc7,#ffffff61),#bfe8c8;border-color:#2f9e44}.board-cell-finish{background:linear-gradient(180deg,#fffc,#ffffff5c),#ffe08a;border-color:#b7791f}.board-cell-effect{border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed6b,0 4px 10px #1720331f}.board-cell-effect .board-direction{opacity:.32}.board-cell-last-move{box-shadow:inset 0 0 0 2px #1864ff,0 0 0 2px #1864ff2e}.board-cell-preview{box-shadow:inset 0 0 0 3px var(--board-preview-color, #172033),0 0 0 3px #ffffffc7,0 0 0 7px color-mix(in srgb,var(--board-preview-color, #172033) 24%,transparent)}.board-cell-preview-red{--board-preview-color: #cf2e2e}.board-cell-preview-blue{--board-preview-color: #1864ff}.board-cell-preview-green{--board-preview-color: #2f9e44}.board-cell-preview-yellow{--board-preview-color: #e0a800}.board-preview-label{align-items:center;background:var(--board-preview-color, #172033);border:2px solid #ffffff;border-radius:999px;bottom:5px;box-shadow:0 5px 12px #17203338;color:#fff;display:inline-flex;font-size:.72rem;font-weight:900;height:24px;justify-content:center;min-width:34px;padding:0 7px;position:absolute;right:5px;z-index:5}.board-cell-move-trail{animation:boardTrailGlow .82s ease both}.board-move-step{background:#1864ffc7;border-radius:999px;box-shadow:0 0 #1864ff57;height:12px;left:calc(50% - 6px);pointer-events:none;position:absolute;top:calc(50% - 6px);width:12px;z-index:2;animation:boardStepPulse .68s ease both}.board-cell-occupied{border-color:#17203357}.board-cell-number{align-items:center;align-self:flex-start;background:#172033cc;border-radius:5px;color:#26384f;color:#fff;display:inline-flex;font-size:.62rem;font-weight:800;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:relative;z-index:1}.board-effect-button{align-items:center;background:#ffffffe0;border:1px solid rgb(23 32 51 / 20%);border-radius:8px;box-shadow:0 3px 8px #17203324;cursor:pointer;display:inline-flex;height:clamp(20px,58%,30px);justify-content:center;left:50%;padding:2px;position:absolute;top:52%;transform:translate(-50%,-50%);width:clamp(20px,58%,30px);z-index:2}.board-effect-button:focus-visible{outline:3px solid #172033;outline-offset:2px}.board-effect-button img{display:block;height:100%;object-fit:contain;width:100%}.board-pawns{display:flex;flex-wrap:wrap;gap:2px;min-height:22px;position:relative;z-index:3}.board-pawn{align-items:center;background:#ffffffe5;border:2px solid rgb(23 32 51 / 78%);border-radius:999px;box-shadow:0 2px 4px #17203329;display:inline-flex;height:23px;justify-content:center;padding:0;position:relative;width:23px}.board-pawn-red{border-color:#7f1d1d}.board-pawn-blue{border-color:#0d327d}.board-pawn-green{border-color:#1b5e2a}.board-pawn-yellow{border-color:#8a6d14}.board-pawn-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #172033}.board-pawn .goose-preview{background:transparent;border:0;height:20px;padding:1px;width:20px}.board-pawn-badge{align-items:center;border-radius:999px;bottom:-4px;color:#fff;display:inline-flex;font-size:.52rem;font-weight:900;height:13px;justify-content:center;position:absolute;right:-5px;width:13px}.board-calculation{align-items:center;display:flex;gap:4px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-72%);z-index:8}.board-calc-token{animation:boardCalcRise .98s ease-out both;background:#172033;border:2px solid #ffffff;border-radius:999px;box-shadow:0 8px 18px #17203338;color:#fff;display:inline-flex;font-size:clamp(.7rem,1.3vw,.9rem);font-weight:900;justify-content:center;min-width:25px;padding:3px 7px}.board-calc-token-red{background:#cf2e2e}.board-calc-token-blue{background:#1864ff}.board-calc-token-green{background:#2f9e44}.board-calc-token-yellow{background:#f5c542;color:#172033}.board-calc-token-neutral{background:#172033}.board-calc-token-total{background:#fff;border-color:#172033;color:#172033}@keyframes boardCalcRise{0%{opacity:0;transform:translateY(10px) scale(.86)}16%{opacity:1;transform:translateY(0) scale(1.06)}72%{opacity:1;transform:translateY(-18px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.94)}}@keyframes boardStepPulse{0%{opacity:0;transform:scale(.3)}28%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(.7)}}@keyframes boardTrailGlow{0%{box-shadow:inset 0 0 0 1px #1864ff00,0 0 #1864ff00}32%{box-shadow:inset 0 0 0 2px #1864ffb3,0 0 0 3px #1864ff29}to{box-shadow:inset 0 0 0 1px #1864ff00,0 0 #1864ff00}}@keyframes boardOverlayPop{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}12%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}@keyframes interactionPulse{0%,to{box-shadow:0 0 #1864ff00}50%{box-shadow:0 0 0 7px #1864ff2e}}.board-pawn-red .board-pawn-badge{background:#cf2e2e}.board-pawn-blue .board-pawn-badge{background:#1864ff}.board-pawn-green .board-pawn-badge{background:#2f9e44}.board-pawn-yellow .board-pawn-badge{background:#f5c542;color:#172033}.turn-status,.game-banner{align-items:center;border-radius:8px;display:flex;justify-content:space-between;gap:12px;min-height:56px;padding:12px 14px}.match-table .turn-status,.match-table .game-banner{min-height:44px;padding:9px 12px}.turn-status{background:#edf3fb;border:1px solid #d9e2ef}.game-banner{background:#fff4cc;border:1px solid #e6bc3d}.game-banner div{display:grid;gap:2px}.game-banner button{background:#172033;border-radius:8px;color:#fff;font-weight:800;min-height:40px;padding:0 14px}.turn-status span,.game-banner span,.dice-panel>div:not(.dice-roll)>span{color:#617896;font-size:.78rem;font-weight:800;text-transform:uppercase}.turn-status strong,.game-banner strong{font-size:1.1rem}.action-hint{align-items:center;background:linear-gradient(135deg,rgb(24 100 255 / 10%),transparent 52%),#f5f8fc;border:1px solid #bfd0e4;border-radius:8px;display:grid;gap:4px 12px;grid-template-columns:auto 1fr;padding:10px 12px}.match-table .action-hint{padding:8px 10px}.action-hint span{color:#1864ff;font-size:.74rem;font-weight:900;grid-row:span 2;text-transform:uppercase}.action-hint strong{color:#172033;font-size:1rem;line-height:1.1}.action-hint p{color:#425a78;font-size:.86rem;font-weight:700;line-height:1.25;margin:0}.action-hint-idle{background:#f8fafc}.action-hint-idle span{color:#617896}.interaction-pulse{animation:interactionPulse 1.3s ease-in-out infinite;outline:3px solid rgb(24 100 255 / 72%);outline-offset:3px;position:relative;z-index:1}.controls{display:grid;gap:16px}.match-table .controls{gap:10px}@media(min-width:861px){.match-table .controls{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);grid-template-rows:auto minmax(0,1fr);min-height:0}.match-table .dice-panel{grid-column:1}.match-table .actions{align-content:start;grid-column:1}.match-table .hand{grid-column:2;grid-row:1 / span 2;max-height:100%;min-height:0;overflow-y:auto;padding:3px}}.dice-panel{align-items:center;background:linear-gradient(135deg,rgb(255 255 255 / 10%),transparent 42%),#172033;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1a;color:#fff;display:grid;gap:12px;grid-template-columns:auto 1fr auto;min-height:54px;padding:10px 14px}.match-table .dice-panel{min-height:46px;padding:8px 10px}.dice-art{align-items:center;background:#ffffff1f;border-radius:8px;display:flex;height:48px;justify-content:center;width:48px}.match-table .dice-art{height:38px;width:38px}.match-table .dice-art img{height:31px;width:31px}.dice-art img{height:40px;object-fit:contain;width:40px}.dice-throw-3d{background:radial-gradient(circle at 34% 22%,rgb(255 255 255 / 24%),transparent 28%),linear-gradient(155deg,#2c3d61,#182237 64%,#111928);border:1px solid rgb(255 255 255 / 12%);border-radius:8px;height:74px;overflow:hidden;position:relative;width:128px}.dice-throw-3d-large{border-radius:8px;height:min(48vh,360px);width:min(82vw,680px)}.match-table .dice-throw-3d{height:60px;width:112px}.match-table .dice-throw-3d-large{height:min(48vh,360px);width:min(82vw,680px)}.dice-throw-3d canvas{display:block;height:100%;width:100%}.dice-throw-results{align-items:center;bottom:4px;display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end;left:4px;pointer-events:none;position:absolute;right:4px}.dice-throw-results span{align-items:center;background:#ffffffe0;border-radius:999px;box-shadow:0 2px 8px #0000002e;color:#172033;display:inline-flex;font-size:.62rem;font-weight:900;gap:3px;line-height:1.2;padding:2px 5px}.dice-throw-3d-large .dice-throw-results{bottom:12px;gap:8px;justify-content:center}.dice-throw-3d-large .dice-throw-results span{font-size:1rem;gap:7px;padding:7px 11px}.dice-throw-modal{align-items:center;background:#0a101c94;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:80}.dice-throw-modal-panel{background:linear-gradient(180deg,rgb(255 255 255 / 14%),transparent 30%),#101827;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;box-shadow:0 24px 80px #00000061;color:#fff;display:grid;gap:12px;max-width:min(92vw,760px);padding:14px}.dice-throw-modal-panel header{align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto auto}.dice-throw-modal-panel header span{color:#ffffffb8;font-size:.78rem;font-weight:900;text-transform:uppercase}.dice-throw-modal-panel header strong{font-size:2rem;line-height:1}.dice-throw-modal-panel header button{align-items:center;background:#ffffff1f;border:1px solid rgb(255 255 255 / 18%);border-radius:999px;color:#fff;display:inline-flex;font-size:1rem;font-weight:900;height:34px;justify-content:center;width:34px}.dice-type-icon{align-items:center;display:inline-flex;flex:0 0 auto;height:22px;justify-content:center;width:22px}.dice-type-icon svg{display:block;height:100%;width:100%}.dice-type-icon path,.dice-type-icon rect{fill:#fff;stroke:#d9e2ef;stroke-width:1.2}.dice-type-icon circle,.dice-type-icon text{fill:#172033}.dice-type-icon text{font-family:Arial,sans-serif;font-size:8px;font-weight:900;text-anchor:middle}.dice-type-icon-d4 path{fill:#ffc36b;stroke:#d88324}.dice-type-icon-d10 path{fill:#9be5be;stroke:#3f9a70}.dice-type-icon-d12 path{fill:#c7b8ff;stroke:#8063d8}.dice-panel>div:not(.dice-roll)>span{color:#ffffffb3}.dice-panel strong{font-size:1.8rem}.dice-loadout{color:#ffffffb8;display:block;font-size:.74rem;font-weight:800;line-height:1.2;margin-top:2px}.dice-loadout-icons{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.dice-loadout-icons .dice-type-icon{height:20px;width:20px}.dice-loadout-extra{align-items:center;background:#ffffff29;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:900;height:20px;padding:0 6px}.dice-loadout-status{display:block;margin-top:3px}.dice-roll{display:flex;gap:6px}.dice-face{align-items:center;background:#fff;border-radius:8px;box-shadow:inset 0 -3px #d9e2ef;color:#172033;display:inline-flex;font-size:1rem;font-weight:900;height:34px;justify-content:center;min-width:34px}.dice-face-empty{color:#617896}.hand{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.match-table .hand{gap:8px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.hand-status{align-self:stretch;background:#edf3fb;border:1px solid #d9e2ef;border-radius:8px;color:#425a78;font-size:.82rem;font-weight:800;margin:0;padding:10px 12px;text-transform:uppercase}.card{background:linear-gradient(180deg,#ffffffe0,#ffffffb3),#fff;border:2px solid #172033;border-radius:8px;box-shadow:0 8px #1720331a;color:#172033;min-height:130px;overflow:hidden;padding:42px 14px 14px;position:relative;text-align:left}.match-table .card{min-height:96px;padding:34px 10px 10px}.match-table .card strong{font-size:1rem;margin-bottom:4px}.match-table .card span:not(.card-mark){font-size:.78rem}.match-table .card-mark{font-size:.78rem;height:26px;left:10px;top:14px;width:38px}.card:disabled{cursor:not-allowed;opacity:.52}.card-invalid{border-color:#d9e2ef}.card-discard,.card-red{border-color:#cf2e2e}.card-blue{border-color:#1864ff}.card-green{border-color:#2f9e44}.card-yellow{border-color:#e0a800}.card:before{content:"";height:8px;inset:0 0 auto;position:absolute}.card-red:before{background:#cf2e2e}.card-blue:before{background:#1864ff}.card-green:before{background:#2f9e44}.card-yellow:before{background:#f5c542}.card-mark{align-items:center;background:#172033;border-radius:999px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:900;height:34px;justify-content:center;left:12px;position:absolute;top:18px;width:46px}.card strong{display:block;font-size:1.35rem;margin-bottom:8px}.card span:not(.card-mark){color:#425a78;display:block;font-size:.92rem;line-height:1.35}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{background:#1864ff;border-radius:8px;color:#fff;font-weight:700;min-height:44px;padding:0 18px}.actions button:first-child{background:#172033}.tile-choice-panel{align-items:center;background:#f5f8fc;border:1px solid #bfd0e4;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:12px}.tile-choice-panel span{color:#765a00;display:block;font-size:.72rem;font-weight:900;text-transform:uppercase}.tile-choice-panel strong{display:block;font-size:1rem}.tile-choice-panel p{color:#425a78;font-size:.86rem;margin:4px 0 0}.tile-targets{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tile-targets button{align-items:center;background:#fff;border:1px solid #bfd0e4;border-radius:8px;color:#172033;display:inline-flex;font-weight:800;gap:6px;min-height:42px;padding:6px 10px}.tile-targets button:disabled{cursor:not-allowed;opacity:.55}.confirm-overlay{align-items:center;background:#1720338a;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:40}.confirm-dialog{background:#fff;border:1px solid #bfd0e4;border-radius:8px;box-shadow:0 24px 70px #17203347;color:#172033;display:grid;gap:18px;max-height:min(420px,calc(100vh - 36px));max-width:440px;overflow-y:auto;padding:20px;width:min(100%,440px)}.confirm-dialog span{color:#765a00;display:block;font-size:.76rem;font-weight:900;margin-bottom:4px;text-transform:uppercase}.confirm-dialog h2{font-size:1.25rem}.confirm-dialog p{color:#425a78;line-height:1.45;margin:8px 0 0}.confirm-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.confirm-dialog-actions button{background:#1864ff;border-radius:8px;color:#fff;font-weight:800;min-height:42px;padding:0 16px}.confirm-dialog-actions button:last-child{background:#172033}.tile-effect-dialog{max-width:480px;text-align:center}.tile-effect-dialog-icon{background:#f5f8fc;border:1px solid #bfd0e4;border-radius:8px;height:72px;justify-self:center;object-fit:contain;padding:8px;width:72px}.side{padding:18px}.match-side{padding:12px}@media(min-width:861px){.match-side{display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.match-side dl{margin-bottom:12px}.match-side .events{max-height:none;min-height:0}}.turn-order{display:grid;gap:8px}.turn-order-card{animation:turnOrderSlide .26s ease both;background:linear-gradient(135deg,rgb(255 255 255 / 18%),transparent 44%),#172033;border:1px solid rgb(23 32 51 / 14%);border-left:8px solid #617896;border-radius:8px;color:#fff;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-height:62px;padding:8px}.turn-order-card-red{border-left-color:#cf2e2e}.turn-order-card-blue{border-left-color:#1864ff}.turn-order-card-green{border-left-color:#2f9e44}.turn-order-card-yellow{border-left-color:#f5c542}.turn-order-card-current{box-shadow:0 0 0 2px #ffffffe5,0 0 0 5px #1864ff47,0 10px 22px #1720332e;min-height:72px}.turn-order-pawn{align-self:center}.turn-order-main{display:grid;gap:3px;min-width:0}.turn-order-main>span{color:#ffffffad;font-size:.66rem;font-weight:900;text-transform:uppercase}.turn-order-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-order-dice{align-items:center;display:flex;flex-wrap:wrap;gap:3px}.turn-order-dice .dice-type-icon{height:19px;width:19px}.turn-order-effects{align-content:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:58px}.turn-effect-badge{align-items:center;background:#ffffffeb;border:1px solid rgb(255 255 255 / 70%);border-radius:6px;box-shadow:0 3px 8px #00000029;display:inline-flex;height:24px;justify-content:center;width:24px}.turn-effect-badge img{height:19px;object-fit:contain;width:19px}.turn-effect-empty{background:#ffffff29;border:1px dashed rgb(255 255 255 / 26%);border-radius:999px;display:inline-block;height:10px;width:10px}@keyframes turnOrderSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.side h2{font-size:1rem;margin:0 0 12px}dl{display:grid;gap:10px;margin:0 0 24px}dl div{border-bottom:1px solid #edf1f7;padding-bottom:8px}dt{color:#617896;font-size:.78rem}dd{font-weight:700;margin:2px 0 0}.events{display:grid;gap:8px;margin:0;max-height:340px;overflow-y:auto;padding-left:18px;padding-right:6px}.match-side .events{max-height:calc(100vh - 330px)}.events li{line-height:1.35}.event-latest{color:#172033;font-weight:800}.events-empty{background:#edf3fb;border:1px solid #d9e2ef;border-radius:8px;color:#617896;font-weight:700;margin:0;padding:12px}.error{background:#ffe8e8;border:1px solid #ffb8b8;border-radius:8px;color:#8a1f1f;line-height:1.4;margin:0 0 20px;padding:10px}.warning{background:#fff5d6;border:1px solid #f0d27a;border-radius:8px;color:#765a00;line-height:1.4;margin:0;padding:10px}@media(max-width:860px){.shell{grid-template-columns:1fr;padding:12px}.match-shell{gap:10px;padding:8px}.match-topbar{align-items:stretch;flex-direction:column}.match-actions{justify-content:space-between}.board-event-overlay{min-width:auto;top:104px;width:calc(100% - 28px)}.match-side .events{max-height:220px}.topbar{align-items:stretch;flex-direction:column}.profile-strip{align-items:stretch;flex-wrap:wrap}.avatar-preview{align-items:stretch;flex-direction:column}.join-code{grid-template-columns:1fr}.confirm-dialog-actions button{flex:1}.dice-panel{grid-template-columns:1fr auto}.dice-throw-3d{grid-column:1 / -1;width:100%}.dice-throw-3d-large,.match-table .dice-throw-3d-large{height:min(46vh,300px);width:min(88vw,680px)}.dice-throw-modal-panel{padding:10px}}@media(prefers-reduced-motion:reduce){.board-calc-token,.board-cell-move-trail,.board-event-overlay,.board-move-step,.interaction-pulse,.turn-order-card{animation:none}}