:root{color:#15221b;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f0e7;font-family:Inter,Noto Sans SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#f3f0e7;min-width:320px;min-height:100%}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.home-page,.game-page{min-height:100vh;position:relative;overflow:hidden}.home-page{grid-template-rows:auto 1fr;display:grid}.home-page:before,.game-page:before{z-index:-1;content:"";border-radius:999px;position:absolute}.home-page:before{background:#2b674717;width:420px;height:420px;top:-180px;right:-190px}.site-header,.game-header{justify-content:space-between;align-items:center;width:min(100% - 32px,720px);min-height:72px;margin-inline:auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:.95rem;font-weight:800;display:inline-flex}.brand-mark{border:1px solid #15221b29;border-radius:9px;grid-template-columns:repeat(2,1fr);width:32px;height:32px;display:grid;overflow:hidden;box-shadow:0 4px 14px #1e362814}.brand-mark span:first-child,.brand-mark span:nth-child(4){background:#2f6d4d}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#f7f2e7}.service-status{color:#667168;align-items:center;gap:7px;font-size:.74rem;font-weight:650;display:inline-flex}.service-status__dot{background:#c29a4d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #c29a4d1f}.service-status--online .service-status__dot{background:#2d8a59;box-shadow:0 0 0 4px #2d8a591f}.service-status--offline .service-status__dot{background:#ba584e;box-shadow:0 0 0 4px #ba584e1f}.home-main{place-items:center;width:min(100% - 32px,420px);margin-inline:auto;padding:24px 0 52px;display:grid}.play-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc9;border:1px solid #15221b1c;border-radius:24px;width:100%;padding:25px 20px 22px;position:relative;overflow:hidden;box-shadow:0 20px 56px #1f33271c}.play-card__ornament{color:#2f6d4d0f;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:8.5rem;line-height:1;position:absolute;top:-31px;right:-4px;transform:rotate(8deg)}.play-card__heading{margin-bottom:24px;position:relative}.play-card h1{letter-spacing:-.04em;margin:0;font-family:Georgia,Noto Serif SC,Songti SC,serif;font-size:2rem;font-weight:500;line-height:1.15}.play-card__heading p{color:#6d776f;margin:9px 0 0;font-size:.86rem;line-height:1.65}.primary-button{color:#fff;background:#255f42;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 19px;font-weight:750;transition:background .16s,transform .16s;display:flex;position:relative;box-shadow:0 12px 24px #255f4233}.primary-button:active{background:#1f5138;transform:scale(.99)}.divider{color:#8a928c;align-items:center;gap:12px;margin:24px 0 19px;font-size:.7rem;display:flex}.divider:before,.divider:after{content:"";background:#15221b17;flex:1;height:1px}.join-form label{color:#344239;margin-bottom:9px;font-size:.8rem;font-weight:750;display:block}.join-form__controls{grid-template-columns:minmax(0,1fr) 72px;gap:8px;display:grid}.join-form input{color:#1e3026;letter-spacing:.06em;text-transform:uppercase;background:#f8f7f2d1;border:1px solid #15221b26;border-radius:13px;outline:none;width:100%;min-width:0;min-height:52px;padding:0 13px;font-size:.9rem;font-weight:750;transition:border-color .16s,box-shadow .16s}.join-form input::placeholder{color:#a3aaa4;letter-spacing:0;font-size:.78rem;font-weight:600}.join-form input:focus{border-color:#397959;box-shadow:0 0 0 4px #3979591c}.join-form button{color:#24382c;background:#f8f5ed;border:1px solid #15221b21;border-radius:13px;min-height:52px;padding:0 14px;font-weight:750}.join-form button:active:not(:disabled){color:#255f42;border-color:#397959}.join-form button:disabled{opacity:.42}.stage-notice{color:#7a847d;border-top:1px solid #15221b17;margin:18px 0 0;padding-top:15px;font-size:.72rem;line-height:1.55}.game-page{background:#f3f0e7}.game-page:before{background:#2b674712;width:620px;height:620px;top:-260px;left:50%;transform:translate(-50%)}.game-header{width:min(100% - 24px,1000px)}.room-badge{color:#667168;letter-spacing:.1em;text-overflow:ellipsis;background:#ffffff85;border:1px solid #15221b1a;border-radius:999px;max-width:46vw;padding:7px 10px;font-size:.7rem;font-weight:750;overflow:hidden}.room-state-card,.room-session-bar{background:#ffffffad;border:1px solid #15221b1a;width:min(100% - 24px,1000px);margin-inline:auto;box-shadow:0 12px 30px #1f332712}.room-state-card{color:#566159;text-align:center;border-radius:20px;place-items:center;gap:16px;width:min(100% - 32px,440px);min-height:150px;margin-top:18vh;padding:24px;display:grid}.room-state-card--error strong{color:#9b463e}.room-state-card a{color:#fff;background:#255f42;border-radius:12px;align-items:center;min-height:46px;padding:0 17px;font-size:.8rem;font-weight:750;display:inline-flex}.room-session-bar{border-radius:18px;gap:14px;margin-top:8px;padding:16px;display:grid}.room-session-copy{gap:4px;display:grid}.room-session-copy span{color:#748078;letter-spacing:.06em;font-size:.68rem;font-weight:700}.room-session-copy strong{letter-spacing:-.015em;font-size:.92rem}.room-session-actions{flex-wrap:wrap;gap:7px;display:flex}.room-session-actions button{color:#344239;background:#f8f5ed;border:1px solid #15221b1f;border-radius:11px;flex:auto;min-height:44px;padding:0 13px;font-size:.74rem;font-weight:750}.room-session-actions .room-join-button{color:#fff;background:#255f42;border-color:#255f42}.room-session-actions button:disabled{opacity:.56}.room-session-bar>p{color:#68736b;margin:0;font-size:.7rem;line-height:1.5}.game-layout{gap:18px;width:min(100% - 16px,1000px);margin:0 auto;padding:10px 0 42px;display:grid}.board-area{min-width:0}.game-status{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 10px 12px;display:flex}.game-status div{gap:4px;display:grid}.game-status div span{color:#7a847d;letter-spacing:.08em;font-size:.67rem;font-weight:700}.connection-status{align-items:center;gap:6px;display:inline-flex}.connection-status:before{content:"";background:#a3aaa5;border-radius:50%;width:6px;height:6px}.connection-status--connected:before{background:#2d7a50;box-shadow:0 0 0 3px #2d7a501f}.connection-status--connecting:before,.connection-status--reconnecting:before{background:#bd8434}.game-status strong{letter-spacing:-.02em;font-size:1rem}.turn-badge{color:#245e41;background:#2d7a501a;border-radius:999px;flex:none;padding:7px 11px;font-size:.72rem;font-weight:800}.player-strip{color:#536057;align-items:center;gap:8px;min-height:38px;padding:0 8px;font-size:.76rem;font-weight:750;display:flex}.player-strip--bottom{justify-content:flex-end}.chess-piece.player-piece{flex:none;width:24px;height:24px}.chessboard{aspect-ratio:1;background:#d9c9aa;border:1px solid #192f222e;border-radius:13px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 44px #1f332726}.board-square{aspect-ratio:1;touch-action:manipulation;border:0;border-radius:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.board-square:disabled{opacity:1}.board-square--light{background:#ecdfc7}.board-square--dark{background:#719479}.board-square--last{box-shadow:inset 0 0 0 999px #eebe484f}.board-square--selected{box-shadow:inset 0 0 0 4px #e9b84b}.board-square--last.board-square--selected{box-shadow:inset 0 0 0 999px #eebe4840,inset 0 0 0 4px #e9b84b}.board-square--legal:after{z-index:1;aspect-ratio:1;content:"";background:#1e402b59;border-radius:50%;width:24%;position:absolute}.board-square--capture:after{background:0 0;border:clamp(3px,.8vw,6px) solid #1e402b61;width:72%}.chess-piece{z-index:2;width:88%;height:88%;color:var(--piece-fill);filter:drop-shadow(0 2px 1px #141f183d);pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:visible}.chess-piece--w{--piece-fill:#f4f4f1;--piece-stroke:#7d807b;--piece-detail:#9b9e98;--piece-eye:#555954}.chess-piece--b{--piece-fill:#404440;--piece-stroke:#222522;--piece-detail:#686c67;--piece-eye:#d7d9d4}.chess-piece__shape{fill:var(--piece-fill);stroke:var(--piece-stroke);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.chess-piece__detail{fill:none;stroke:var(--piece-detail);stroke-width:3px}.chess-piece__eye{fill:var(--piece-eye);stroke:none}.board-coordinate{z-index:3;pointer-events:none;font-size:clamp(.46rem,1.8vw,.68rem);font-weight:800;line-height:1;position:absolute}.board-coordinate--file{bottom:3px;right:4px}.board-coordinate--rank{top:4px;left:4px}.board-square--light .board-coordinate{color:#5f8169}.board-square--dark .board-coordinate{color:#e7d9c1}.game-panel{background:#ffffffa6;border:1px solid #15221b1a;border-radius:20px;margin:0 4px;padding:18px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:0;font-size:.95rem}.panel-heading span{color:#7a847d;font-size:.7rem}.empty-history{color:#7a847d;margin:0;padding:18px 0;font-size:.78rem;line-height:1.7}.move-list{gap:4px;max-height:190px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.move-list li{border-radius:8px;grid-template-columns:32px 1fr 1fr;align-items:center;min-height:34px;font-size:.78rem;display:grid}.move-list li:nth-child(odd){background:#2b67470a}.move-list li span{color:#909790;padding-left:8px}.move-list li strong{font-weight:700}.fen-details{border-top:1px solid #15221b17;margin-top:17px;padding-top:15px}.fen-details summary{color:#58655c;cursor:pointer;font-size:.76rem;font-weight:700}.fen-details code{overflow-wrap:anywhere;color:#536158;background:#f1efe8;border-radius:8px;margin-top:10px;padding:10px;font-size:.65rem;line-height:1.55;display:block}.game-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.game-actions button,.game-actions a{color:#344239;background:#f8f5ed;border:1px solid #15221b1f;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 12px;font-size:.78rem;font-weight:750;display:flex}.game-actions button:disabled{cursor:not-allowed;opacity:.48}.game-actions .game-action--danger{color:#974a42;background:#fff8f5;border-color:#974a4233}.game-action-prompt{color:#365341;background:#2d7a5012;border:1px solid #2d7a502e;border-radius:12px;gap:11px;margin-top:16px;padding:13px;font-size:.76rem;display:grid}.game-action-prompt--danger{color:#7e403a;background:#fff8f5;border-color:#974a422e}.game-action-prompt div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.game-action-prompt button{color:#344239;background:#fff;border:1px solid #15221b1f;border-radius:10px;min-height:42px;font-size:.74rem;font-weight:750}.game-action-prompt button:disabled{opacity:.5}.game-event-note{color:#68736b;margin:14px 0 0;font-size:.72rem;line-height:1.5}.local-game-note{color:#879088;margin:15px 0 0;font-size:.68rem;line-height:1.55}.promotion-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1a126b;align-items:end;padding:12px;display:grid;position:fixed;inset:0}.promotion-dialog{background:#faf8f1;border-radius:22px;width:min(100%,420px);margin-inline:auto;padding:22px;box-shadow:0 24px 70px #0b1c1247}.promotion-dialog h2{text-align:center;margin:0 0 18px;font-size:1rem}.promotion-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.promotion-options button{color:#253a2d;background:#f1eee5;border:1px solid #15221b1c;border-radius:13px;place-items:center;min-height:82px;padding:7px;display:grid}.promotion-piece{width:48px;height:48px}.promotion-options button small{color:#68736b;font-size:.66rem}.promotion-cancel{color:#5f6962;background:0 0;border:0;border-radius:12px;width:100%;min-height:48px;margin-top:10px;font-size:.78rem;font-weight:750}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #39795957}@media (width>=640px){.site-header,.game-header{min-height:84px}.home-main{width:min(100% - 48px,440px);padding-bottom:76px}.play-card{border-radius:28px;padding:34px 32px 28px}.play-card h1{font-size:2.25rem}.primary-button:hover{background:#1f5138;transform:translateY(-1px)}.join-form button:hover:not(:disabled){color:#255f42;border-color:#397959}.promotion-backdrop{place-items:center}.room-session-bar{grid-template-columns:minmax(170px,1fr) auto;align-items:center;padding:17px 19px}.room-session-bar>p{grid-column:1/-1}}@media (width>=840px){.game-layout{grid-template-columns:minmax(0,640px) minmax(260px,1fr);align-items:start;gap:26px;padding-top:24px}.game-panel{border-radius:22px;margin:64px 0 0;padding:20px}}@media (width<=360px){.site-header,.game-header,.home-main{width:calc(100% - 24px)}.service-status{font-size:0}.play-card{padding-inline:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}