: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}.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}.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-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;max-width:100%;overflow-x:auto;padding:12px;width:fit-content}.match-table .board-path{align-self:center}.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{height:16px;left:50%;opacity:.46;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;z-index:1}.board-direction:before{background:#425a78;border-radius:999px;content:"";height:3px;left:2px;position:absolute;top:6px;width:11px}.board-direction:after{border-bottom:5px solid transparent;border-left:6px solid #425a78;border-top:5px solid transparent;content:"";position:absolute;right:0;top:2px}.board-cell-left .board-direction{transform:translate(-50%,-50%) rotate(180deg)}.board-cell-up .board-direction{transform:translate(-50%,-50%) rotate(-90deg)}.board-cell-down .board-direction{transform:translate(-50%,-50%) rotate(90deg)}.board-cell-curve .board-direction{border:3px solid #425a78;border-bottom-color:transparent;border-left-color:transparent;border-radius:999px;height:18px;width:18px}.board-cell-curve .board-direction:before{display:none}.board-cell-curve .board-direction:after{right:-3px;top:-4px}.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-last-move{box-shadow:inset 0 0 0 2px #1864ff,0 0 0 2px #1864ff2e}.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-pawns{display:flex;flex-wrap:wrap;gap:2px;min-height:22px;position:relative;z-index:1}.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}}.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}.controls{display:grid;gap:16px}.match-table .controls{gap:10px}.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-panel>div:not(.dice-roll)>span{color:#ffffffb3}.dice-panel strong{font-size:1.8rem}.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}.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}.side{padding:18px}.match-side{padding:12px}.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}.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}}