:root{color:#241a13;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2e2c7;font-family:Inter,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100svh;margin:0}button{font:inherit}#root{min-height:100svh}*{box-sizing:border-box}.app-shell{background:linear-gradient(120deg,#60472314,#0000 32%),radial-gradient(circle at 50% 0,#b5312a1f,#0000 34%),#f2e2c7;min-height:100svh;padding:28px;overflow-x:hidden}.app-shell-online-lobby{background:radial-gradient(circle at top,#ffca4229,#0000 26%),radial-gradient(circle at 18% 22%,#ffb1261f,#0000 24%),linear-gradient(#123c28 0%,#0d2e20 100%)}.play-table{background:linear-gradient(#f8edd8,#ead1aa);border:1px solid #61432347;border-radius:8px;width:min(1180px,100%);max-width:100%;margin:0 auto;padding:24px;box-shadow:0 24px 64px #3d261333}.play-table-online-lobby{background:linear-gradient(#2f523afa,#21422efa),#21422e;border-color:#e0b74647;border-radius:24px;width:min(760px,100%);padding:32px 32px 28px;box-shadow:0 28px 72px #05140c6b,inset 0 1px #ffeca514}.game-status{border-bottom:1px solid #4e3a2538;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.eyebrow{color:#2f644a;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.75rem;font-weight:800}.game-status h1{color:#25170f;letter-spacing:0;margin:0;font-size:clamp(1.6rem,3vw,2.55rem);line-height:1.05}.status-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;max-width:580px;display:flex}.status-pill{color:#2b3329;white-space:nowrap;background:#fffbedb8;border:1px solid #2f644a57;border-radius:999px;align-items:center;min-height:34px;padding:6px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.status-pill.side-red,.status-pill.is-warning{color:#92251f;border-color:#b12d266b}.status-pill.side-black,.status-pill.is-active{color:#214f3a;border-color:#2f644a6b}.opening-ceremony{background:linear-gradient(#fffcf0f0,#f4e0b6e6),#fff7de;border:1px solid #61432329;border-radius:8px;justify-items:center;gap:4px;margin-top:12px;padding:10px 14px;animation:.52s ease-out ceremony-rise;display:grid;box-shadow:0 12px 24px #43291414}.opening-ceremony-title,.opening-ceremony-detail{margin:0}.opening-ceremony-title{color:#25170f;font-size:.92rem;font-weight:900}.opening-ceremony-detail{color:#8f5a39;font-size:.84rem;font-weight:700}.character-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 0 6px;display:grid}.character-card{background:#fff9e89e;border:1px solid #61432338;border-radius:8px;gap:8px;min-width:0;padding:12px 12px 10px;transition:transform .18s,box-shadow .22s,border-color .22s,opacity .2s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff47}.character-card.is-player{--character-accent:#b12d26d1;--character-soft:#b12d261f;--character-glow:#ffab3057}.character-card.is-ai{--character-accent:#2f644ad1;--character-soft:#2f644a1f;--character-glow:#6c75ff47}.character-card:not(.is-active):not(.is-thinking){opacity:.78}.character-card.is-active,.character-card.is-thinking{border-color:var(--character-accent);box-shadow:0 16px 28px #43291424, 0 0 0 3px var(--character-soft), 0 0 26px var(--character-glow);transform:translateY(-1px)}.character-card.is-checked{border-color:#b12d2694;box-shadow:0 0 0 3px #b12d261f,0 0 18px #b12d261f}.character-card.is-celebrating{border-color:#cc80188f;box-shadow:0 18px 30px #43291429,0 0 0 4px #e6b04829,0 0 36px #f0b5483d}.character-card.is-defeated{opacity:.62;filter:saturate(.88)}.character-card.is-thinking .character-portrait:after,.character-card.is-active .character-portrait:after{opacity:1}.character-header,.character-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.character-header h2,.character-role,.character-chip,.character-warning{margin:0}.character-role{color:#8f5a39;font-size:.74rem;font-weight:700}.character-header h2{color:#25170f;font-size:1.08rem}.character-state,.character-chip,.character-warning{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:800}.character-state{color:#5f4a35;background:#fff7dedb;border:1px solid #61432338;align-items:center;gap:6px;display:inline-flex}.character-state:before{content:"";opacity:.72;background:currentColor;border-radius:999px;width:7px;height:7px}.character-state.is-active,.character-state.is-thinking{border-color:var(--character-accent);color:color-mix(in srgb, var(--character-accent) 86%, #25170f 14%);background:color-mix(in srgb, var(--character-soft) 86%, #fff7de 14%)}.character-portrait{background:radial-gradient(circle at 50% 0,#ffffff6b,#0000 48%),linear-gradient(#fff7ded1,#e9cc987a);border-radius:8px;place-items:center;min-height:156px;display:grid;position:relative;overflow:hidden}.character-aura{filter:blur(10px);opacity:.28;pointer-events:none;border-radius:999px;transition:opacity .22s,transform .24s;position:absolute;inset:8%;transform:scale(.94)}.player-aura{background:radial-gradient(circle at 50% 44%,#ffe486f5 0 22%,#ffab3085 48%,#0000 72%)}.ai-aura{background:radial-gradient(circle at 50% 44%,#9185ffcc 0 20%,#54b3ff5c 44%,#0000 72%)}.character-card.is-active .character-aura,.character-card.is-thinking .character-aura{opacity:.82;transform:scale(1.02)}.character-card.is-celebrating .character-aura{opacity:.94;transform:scale(1.06)}.character-card.is-thinking .ai-aura{animation:1.4s ease-in-out infinite ai-aura-pulse}.character-card.is-active.is-player .player-aura{animation:1.6s ease-in-out infinite player-aura-pulse}.character-card.is-celebrating.is-player .player-aura,.character-card.is-celebrating.is-ai .ai-aura{animation:1.1s ease-in-out infinite victory-aura-pulse}.character-portrait:after{content:"";border:3px solid var(--character-accent);box-shadow:0 0 0 10px var(--character-soft);opacity:0;border-radius:999px;transition:opacity .22s;position:absolute;inset:14px}.character-svg{filter:drop-shadow(0 10px 14px #4026122e);width:min(100%,182px);height:auto}.character-chip{color:#214f3a;background:#2f644a1f}.character-warning{color:#92251f;background:#b12d261f}.game-layout{grid-template-columns:minmax(170px,220px) minmax(340px,620px) minmax(190px,260px);justify-content:center;align-items:start;gap:20px;min-width:0;padding-top:22px;display:grid}.board-column{justify-items:center;gap:14px;min-width:0;display:grid}.board-wrap{--board-padding:clamp(24px, 5.8%, 38px);--piece-hit-size:clamp(36px, 11.8%, 58px);aspect-ratio:8/9;background:#d9aa69;border:4px solid #6f4422;border-radius:8px;width:min(100%,620px);position:relative;box-shadow:inset 0 0 0 2px #fff1c747,0 16px 30px #43291438}.xiangqi-board,.board-river{left:var(--board-padding);top:var(--board-padding);width:calc(100% - (var(--board-padding) * 2));height:calc(100% - (var(--board-padding) * 2));position:absolute}.board-lines{left:var(--board-padding);top:var(--board-padding);width:calc(100% - (var(--board-padding) * 2));height:calc(100% - (var(--board-padding) * 2));z-index:0;display:block;position:absolute;overflow:hidden}.board-horizontal-line,.board-vertical-line,.board-palace-line,.board-position-marker{stroke:#372413c7;stroke-width:1.6px;fill:none;vector-effect:non-scaling-stroke;shape-rendering:crispedges}.board-side-vertical{stroke-width:2.4px}.board-palace-line{stroke-dasharray:12 8}.board-position-marker{stroke-width:1.55px;stroke-linecap:square}.board-river{z-index:1;color:#442c197a;letter-spacing:0;pointer-events:none;justify-content:center;align-items:center;gap:clamp(2.2rem,8vw,5.8rem);height:8%;font-family:KaiTi,STKaiti,serif;font-size:clamp(1.55rem,4vw,2.45rem);font-weight:700;display:flex;top:50%;bottom:auto;transform:translateY(-50%)}.xiangqi-board{z-index:2}.board-square{width:var(--piece-hit-size);aspect-ratio:1;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .18s,box-shadow .22s,transform .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.board-square:hover{background:#fff8d757}.board-square.is-disabled{cursor:default}.board-square:focus-visible,.difficulty-control select:focus-visible,.control-button:focus-visible{z-index:5;outline-offset:2px;outline:3px solid #2f644a}.board-square.is-selected{background:#b12d2629;box-shadow:0 0 0 3px #b12d26b8}.board-square.is-legal-target{background:#2f644a2e}.board-square.is-capture-target{background:#b12d2624}.board-square.is-last-from,.board-square.is-last-to{box-shadow:0 0 0 3px #2f644a8c}.board-square.is-last-to{animation:.48s ease-out square-arrive;box-shadow:0 0 0 3px #b12d268a}.board-square.is-capture-impact{overflow:visible}.board-square.is-checked-king{background:#b12d262e;box-shadow:0 0 0 4px #b12d2680}.board-square.is-hint-from{background:#2f644a2e;box-shadow:0 0 0 3px #2f644a6b}.board-square.is-hint-to{background:#b12d261f}.target-dot{aspect-ratio:1;background:#2f644a;border-radius:999px;width:28%;box-shadow:0 0 0 6px #2f644a24}.capture-ring{pointer-events:none;border:3px solid #b12d26c7;border-radius:999px;position:absolute;inset:-5px;box-shadow:0 0 0 7px #b12d261f}.capture-burst{pointer-events:none;background:radial-gradient(circle,#fff4cdb8 0 18%,#b12d263d 32%,#0000 58%);border-radius:999px;animation:.42s ease-out forwards capture-burst;position:absolute;inset:-8px}.check-ring{pointer-events:none;border:3px solid #b12d26e6;border-radius:999px;animation:1s ease-out infinite check-ring-pulse;position:absolute;inset:-4px;box-shadow:0 0 #b12d2638}.hint-ring{pointer-events:none;border:2px dashed #2f644adb;border-radius:999px;animation:1.1s ease-in-out infinite hint-ring-pulse;position:absolute;inset:-3px;box-shadow:0 0 0 7px #2f644a1f}.last-move-badge{color:#244936;pointer-events:none;background:#fff7de;border:1px solid #47351f52;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:.72rem;font-weight:900;line-height:1;animation:.36s ease-out badge-pop;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 5px 10px #3b231133}.piece{aspect-ratio:1;transform-origin:50%;background:radial-gradient(circle at 40% 34%,#fffde7f2,#efcb8beb 66%),#ecd095;border:2px solid #6b4425;border-radius:999px;place-items:center;width:88%;font-family:KaiTi,STKaiti,Noto Serif SC,serif;font-size:clamp(1.05rem,4vw,2rem);font-weight:800;line-height:1;transition:transform .18s,box-shadow .22s,border-color .18s;display:grid;transform:translateY(0)scale(1);box-shadow:0 4px 8px #3b231147}.piece-red,.captured-piece.piece-red{color:#a82d26}.piece-black,.captured-piece.piece-black{color:#1f3528}.piece-selected{border-color:#b12d26;transform:translateY(-3px)scale(1.04);box-shadow:0 8px 14px #3b231152}.piece-arriving{animation:.34s ease-out piece-arrive}.piece-checked{animation:1s ease-in-out infinite checked-piece-pulse;box-shadow:0 0 0 2px #fff7decc,0 0 18px #b12d2666,0 6px 12px #3b231147}.piece-captured-ghost{opacity:.92;filter:saturate(.85);pointer-events:none;animation:.42s ease-out forwards captured-ghost;position:absolute;inset:6%}.info-panel{background:#fff9e88c;border:1px solid #533c2540;border-radius:8px;padding:14px}.online-room-panel{align-content:start}.online-chat-history{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:360px;margin:0 0 12px;padding:0 10px 0 22px;overflow-y:auto}.online-chat-message{margin-bottom:12px;padding-right:4px}.online-chat-message-header{align-items:baseline;gap:4px;display:flex}.online-room-panel-lobby{background:0 0;border:0;border-radius:20px;padding:0}.online-room-panel-lobby.is-active{animation:.32s ease-out ceremony-rise}.online-room-header{width:100%;padding-bottom:10px}.online-presence-summary{color:#735f4a;margin:0 0 8px;font-size:.84rem;font-weight:700}.online-presence-list{gap:10px;display:grid}.online-presence-card{background:#fffcf3b8;border:1px solid #533c2529;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.online-presence-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.online-presence-card h3,.online-presence-name,.online-presence-meta{margin:0}.online-presence-card h3,.online-presence-name{color:#25170f;font-size:.94rem;font-weight:900}.online-presence-meta{color:#735f4a;font-size:.82rem;font-weight:700}.online-room-form{gap:12px;display:grid}.online-room-field{color:#7a654d;gap:6px;font-size:.84rem;font-weight:800;display:grid}.online-room-field input{color:#25170f;min-height:50px;font:inherit;background:#fffcf3eb;border:1px solid #533c252e;border-radius:14px;padding:12px 14px;box-shadow:inset 0 1px #fff6}.online-room-field input:focus-visible{outline-offset:2px;outline:3px solid #ffc44aeb}.online-room-field input::placeholder{color:#5f4f3e7a}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-heading h2,.captured-group h3{color:#3b2414;letter-spacing:0;margin:0;font-size:1rem}.panel-heading span{color:#b46c00;text-align:center;background:#ffc44a24;border-radius:999px;min-width:28px;padding:4px 10px;font-weight:800}.online-room-panel-lobby .online-room-field{color:#d7e4c7}.online-room-panel-lobby .online-room-field input{color:#f7f6e8;background:#0f25196b;border:1px solid #aec48e42;box-shadow:inset 0 1px #ffffff0a}.online-room-panel-lobby .online-room-field input::placeholder{color:#dce4cd6b}.online-room-panel-lobby .panel-heading h2{color:#fff4c6}.online-room-panel-lobby .panel-heading span{color:#ffd359}.online-lobby{justify-items:center;padding-top:18px;display:grid}.online-lobby-shell{justify-items:stretch;gap:18px;width:min(560px,100%);display:grid}.online-lobby-badge{color:#1d271b;background:linear-gradient(#fff4d3,#f3cf7c);border:2px solid #ffd15ed1;border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto;font-size:2rem;display:grid;box-shadow:0 10px 24px #05140c42,0 0 0 4px #ffe27e14}.online-lobby-kicker,.online-lobby-subtitle,.online-lobby-hero h2,.online-lobby-hero p,.online-lobby-notice{text-align:center;margin:0}.online-lobby-kicker{color:#ffce34;letter-spacing:.04em;font-size:clamp(2rem,6vw,3.15rem);font-weight:900}.online-lobby-subtitle{color:#d6e0b7cc;font-size:1rem;font-weight:700}.online-lobby-hero{color:#25170f;background:radial-gradient(circle at top,#fff0ae57,#0000 28%),linear-gradient(#ffc01f 0%,#ffac15 100%);border-radius:24px;gap:10px;padding:26px 24px;display:grid;box-shadow:0 20px 36px #04120a52,0 0 30px #ffb5233d}.online-lobby-hero-icon{font-size:2rem}.online-lobby-hero h2{font-size:clamp(1.6rem,4vw,2.15rem);font-weight:900}.online-lobby-hero p{color:#432d12e0;font-size:.98rem;font-weight:700}.online-lobby-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.online-lobby-switch-button{color:#e8f1d3b8;min-height:54px;font:inherit;cursor:pointer;background:#142c1edb;border:1px solid #adc28a5c;border-radius:16px;font-weight:800;transition:transform .18s,box-shadow .22s,border-color .22s,background .22s}.online-lobby-switch-button.is-active{color:#fff2af;background:#4a6239ad;border-color:#ffcf4d94;box-shadow:inset 0 0 0 1px #ffe57f24}.online-lobby-switch-button:hover{transform:translateY(-1px)}.online-lobby-notice{color:#ffd45f;min-height:26px;font-size:.9rem;font-weight:700}.online-room-submit{color:#2d230f;background:linear-gradient(#ffd22f,#ffb21b);border:0;border-radius:16px;min-height:56px;font-size:1.05rem;font-weight:900;box-shadow:0 14px 26px #08180e47}.online-room-submit:hover:not(:disabled){box-shadow:0 18px 28px #08180e52,0 0 26px #ffbc262e}.empty-note{color:#735f4a;margin:0;font-size:.9rem}.captured-groups{gap:16px;display:grid}.captured-group{gap:8px;display:grid}.captured-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.captured-piece{aspect-ratio:1;background:#f8e7bfeb;border:1px solid #533c2559;border-radius:999px;place-items:center;width:30px;font-family:KaiTi,STKaiti,serif;font-weight:800;display:grid}.move-list{gap:8px;max-height:min(58svh,560px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.move-list li{border-radius:8px;padding:0;line-height:1.35}.move-list li.is-latest{background:#2f644a1a;box-shadow:inset 0 0 0 1px #2f644a24}.move-list li.is-active{background:#b12d261a;box-shadow:inset 0 0 0 1px #b12d262e}.move-entry{color:#3f3022;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:32px 1fr;align-items:start;gap:8px;width:100%;padding:4px 6px;font-size:.86rem;display:grid}.move-entry:disabled{cursor:default}.move-entry[aria-current=step] .move-notation{color:#92251f}.move-notation{font-family:KaiTi,STKaiti,Noto Serif SC,serif;font-size:1rem;font-weight:700}.move-side{color:#214f3a;text-align:center;background:#2f644a1f;border-radius:999px;padding:2px 6px;font-weight:800}.move-side.side-red{color:#92251f;background:#b12d261f}.review-controls{background:#fff9e89e;border:1px solid #533c2533;border-radius:8px;gap:10px;width:min(100%,620px);padding:12px 14px;display:grid}.review-controls.is-active{border-color:#b12d2647;box-shadow:0 10px 24px #43291414}.review-summary{gap:4px;display:grid}.review-title,.review-detail{margin:0}.review-title{color:#25170f;font-size:.96rem;font-weight:900}.review-detail{color:#735f4a;font-size:.84rem}.review-buttons{flex-wrap:wrap;gap:8px;display:flex}.game-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.feedback-toggles{gap:8px;display:inline-flex}.starter-control{justify-items:stretch;gap:4px;min-height:42px;display:grid}.starter-label{color:#8f5a39;text-align:center;font-size:.78rem;font-weight:700}.starter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:inline-grid}.feedback-toggles-wrap{justify-items:stretch;gap:4px;display:grid}.hint-banner{color:#244936;text-align:center;background:#fff7ded1;border:1px solid #2f644a47;border-radius:8px;place-items:center;width:min(100%,460px);min-height:36px;margin:0;padding:8px 12px;font-size:.92rem;font-weight:700;display:grid}.hint-banner.is-pending{color:#8d3128;border-color:#b12d2642}.hint-banner.is-success{color:#214f3a;border-color:#2f644a61}.hint-banner.is-warning{color:#92251f;border-color:#b12d265c}@keyframes piece-arrive{0%{transform:translateY(-10px)scale(.94);box-shadow:0 14px 22px #3b23112e}65%{transform:translateY(2px)scale(1.03)}to{transform:translateY(0)scale(1)}}@keyframes square-arrive{0%{box-shadow:0 0 #b12d261a}55%{box-shadow:0 0 0 8px #b12d2638}to{box-shadow:0 0 0 3px #b12d268a}}@keyframes capture-burst{0%{opacity:.9;transform:scale(.68)}72%{opacity:.46;transform:scale(1.14)}to{opacity:0;transform:scale(1.26)}}@keyframes checked-piece-pulse{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.2);transform:scale(1.08)}}@keyframes captured-ghost{0%{opacity:.94;transform:scale(1)}70%{opacity:.24;transform:scale(.92)}to{opacity:0;transform:scale(.88)}}@keyframes check-ring-pulse{0%{opacity:.95;transform:scale(.94);box-shadow:0 0 #b12d2642}70%{opacity:.18;transform:scale(1.14);box-shadow:0 0 0 12px #b12d260a}to{opacity:0;transform:scale(1.18);box-shadow:0 0 0 16px #b12d2600}}@keyframes hint-ring-pulse{0%,to{box-shadow:0 0 0 4px #2f644a14}50%{box-shadow:0 0 0 10px #2f644a29}}@keyframes badge-pop{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes player-aura-pulse{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:.94;transform:scale(1.05)}}@keyframes ai-aura-pulse{0%,to{opacity:.66;transform:scale(.98)}50%{opacity:.9;transform:scale(1.06)}}@keyframes victory-aura-pulse{0%,to{opacity:.88;transform:scale(1.02)}50%{opacity:1;transform:scale(1.08)}}@keyframes ceremony-rise{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes burst-spin{0%{transform:rotate(0)scale(.96)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(.96)}}@media (prefers-reduced-motion:reduce){.board-square,.piece,.check-ring,.capture-burst,.hint-ring,.last-move-badge,.character-card,.character-portrait:after{transition:none;animation:none!important}}.difficulty-control{color:#244936;background:#fff7dedb;border:1px solid #2f644a5c;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:6px 10px;font-weight:800;display:inline-flex}.difficulty-control select{color:#244936;min-height:30px;font:inherit;background:#fffdf3;border:1px solid #2f644a66;border-radius:6px}.control-button{color:#244936;cursor:pointer;background:#fff7de;border:1px solid #2f644a7a;border-radius:8px;min-height:42px;padding:8px 18px;font-weight:800}.primary-control{color:#fff8e8;background:#b12d26;border-color:#b12d2680}.subtle-control{background:#fff7deb8;min-width:72px}.subtle-control.is-active{border-color:#2f644a8c;box-shadow:inset 0 0 0 1px #2f644a29}.control-note{color:#e2ebcbd6;text-align:center;margin:0;font-size:.78rem}.control-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #4329142e}.control-button:disabled{cursor:not-allowed;opacity:.56}.mobile-info-panels{display:none}.mobile-info-panel{background:#fff9e894;border:1px solid #533c253d;border-radius:8px}.mobile-info-panel summary{color:#25170f;cursor:pointer;align-items:center;min-height:44px;padding:0 14px;font-weight:900;display:flex}.mobile-info-panel .info-panel{background:0 0;border:0;border-top:1px solid #533c252e;border-radius:0 0 8px 8px}.mobile-info-panel .panel-heading{display:none}.game-over-backdrop{z-index:20;background:#27190e47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.game-over-dialog{text-align:left;background:linear-gradient(#fffaeefa,#f7e5befa),#fff7de;border:1px solid #61432352;border-radius:8px;gap:16px;width:min(430px,100%);padding:24px;display:grid;box-shadow:0 22px 60px #22160c47,inset 0 0 0 1px #ffffff5c}.game-over-dialog.is-red-win{box-shadow:0 24px 60px #5e1f1747,inset 0 0 0 1px #ffdcca66}.game-over-dialog.is-black-win{box-shadow:0 24px 60px #1c2e4247,inset 0 0 0 1px #d7e4ff66}.game-over-dialog h2,.game-over-dialog p{margin:0}.game-over-dialog h2{color:#25170f;font-size:1.8rem}.game-over-dialog p:not(.eyebrow){color:#735f4a}.game-over-flourish{justify-content:space-between;align-items:center;display:flex;position:relative}.game-over-kicker{color:#8f5a39;letter-spacing:.06em;font-size:.78rem;font-weight:900}.game-over-burst{background:radial-gradient(circle,#fffbebf5 0 24%,#f1b849db 30%,#f1b84914 64%,#0000 72%);border-radius:999px;width:52px;height:52px;animation:2.8s linear infinite burst-spin;box-shadow:0 0 22px #f1b84961}.game-over-summary{font-size:.96rem;line-height:1.55}.game-over-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.game-over-stat{background:#fff7debd;border:1px solid #61432329;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.game-over-stat dt{color:#8f5a39;font-size:.76rem;font-weight:700}.game-over-stat dd{color:#25170f;margin:0;font-size:1rem;font-weight:800;line-height:1.3}.game-over-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=980px){.app-shell{padding:14px}.play-table{padding:16px}.game-status{flex-direction:column;align-items:start}.status-pills{justify-content:flex-start}.game-layout{grid-template-columns:minmax(0,1fr);justify-content:stretch}.character-stage{grid-template-columns:minmax(0,1fr)}.character-portrait{min-height:146px}.side-panel-left{order:2}.board-column{order:1}.side-panel-right{order:3}.board-wrap{width:min(100%,540px)}.move-list{max-height:240px}}@media (width<=700px){.app-shell{padding:8px}.play-table{padding:10px}.game-status{gap:12px;padding-bottom:12px}.game-status h1{font-size:1.9rem}.character-stage{gap:10px;padding-top:14px}.character-card{padding:10px}.character-header h2{font-size:1rem}.character-portrait{min-height:128px}.status-pills{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.status-pill{white-space:normal;justify-content:center;padding:5px 8px}.game-layout{justify-items:center;width:100%;padding-top:12px}.board-column{gap:10px;width:100%}.board-wrap{--board-padding:clamp(20px, 5.4%, 28px);--piece-hit-size:min(50px, calc(var(--board-padding) * 2.28), 12.4%);width:min(100vw - 36px,420px);max-width:100%;margin-inline:auto;transform:none}.piece{width:86%;font-size:clamp(1rem,5.5vw,1.6rem)}.last-move-badge{top:-6px;right:-6px}.mobile-info-panels{gap:8px;width:min(100%,100vw - 32px);display:grid}.review-controls{width:min(100%,100vw - 32px)}}@media (width<=520px){.app-shell{padding:6px}.play-table{padding:8px}.status-pill{min-height:30px;font-size:.76rem}.character-header,.character-meta{flex-wrap:wrap}.character-portrait{min-height:118px}.character-svg{width:min(100%,154px)}.board-wrap{--board-padding:clamp(18px, 5.1%, 24px);--piece-hit-size:min(48px, calc(var(--board-padding) * 2.24), 12.5%);border-width:3px;width:min(100vw - 20px,400px)}.piece{width:88%;font-size:clamp(1rem,6.4vw,1.5rem)}.target-dot{width:24%}.capture-ring{inset:-3px}.game-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,100vw - 32px);display:grid}.feedback-toggles{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.starter-control{grid-column:1/-1;width:100%}.starter-options{width:100%}.feedback-toggles-wrap{grid-column:1/-1;width:100%}.difficulty-control{grid-column:1/-1;justify-content:space-between;width:100%;min-width:0}.difficulty-control select,.control-button{width:100%;min-width:0}.hint-banner{width:min(100%,100vw - 32px);font-size:.88rem}.review-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-over-dialog{padding:18px}.game-over-stats,.game-over-actions{grid-template-columns:minmax(0,1fr)}}