:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf1f2;background:#18202b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:300px}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #ffcb70;outline-offset:2px}#app{min-height:100dvh}.home,.help{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px;background:radial-gradient(circle at 50% 20%,#324453,#18202b 60%)}.brand-mark{font-size:clamp(72px,18vw,124px);line-height:1;color:#f4bf76;transform:rotate(-10deg);text-shadow:0 12px 30px #0007}.eyebrow{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:#f4bf76;font-weight:750}.home h1{font-size:clamp(3rem,12vw,6rem);letter-spacing:-.065em;line-height:1;margin:.15em 0}.lead{max-width:370px;line-height:1.5;color:#c6ced1;margin:0 0 25px}.home-actions{display:grid;gap:10px;width:min(100%,310px)}.home button,.help button,.game-actions button,.topbar button,.promotion-panel button{border:1px solid #67737b;background:#273440;color:#f5f6f6;border-radius:13px;min-height:46px;padding:10px 16px;font-weight:700}.home button:hover,.help button:hover,.game-actions button:hover,.topbar button:hover,.promotion-panel button:hover{background:#354858}.home button.primary,.help button.primary,.game-actions button.primary{background:#f4bf76;border-color:#f4bf76;color:#18202b}.home-footer{display:flex;gap:10px;margin-top:20px}.home-footer button{border:0;background:transparent;color:#c6ced1;font-size:.85rem;padding:7px}.help{max-width:650px;margin:auto;align-items:flex-start;text-align:left;line-height:1.6}.help h1{font-size:2.6rem}.game{min-height:100dvh;display:grid;grid-template-columns:minmax(0,620px) minmax(230px,300px);grid-template-rows:auto 1fr;justify-content:center;column-gap:clamp(16px,3vw,42px);padding:14px clamp(12px,3vw,36px) 28px}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;max-width:980px;width:100%;margin:0 auto 12px}.wordmark{font-weight:900;letter-spacing:-.045em;font-size:1.5rem}.wordmark span{color:#f4bf76}.topbar button{min-height:38px;padding:6px 14px}.play-area{min-width:0}.opponent-card,.player-card{height:56px;display:flex;align-items:center;gap:10px}.opponent-card small,.player-card small{display:block;color:#aeb8bd;margin-top:2px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#2b3944;font-size:1.4rem}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:min(100%,calc(100dvh - 165px),620px);aspect-ratio:1;border:4px solid #40515c;border-radius:6px;overflow:hidden;overflow:clip;overflow-clip-margin:2.5rem;box-shadow:0 15px 35px #0006}.square{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;border:0;border-radius:0;padding:0;line-height:1}.square.light{background:#d7e0d8}.square.dark{background:#809796}.square.last.light{background:#dfd59c}.square.last.dark{background:#a7a272}.square.selected{box-shadow:inset 0 0 0 4px #f4bf76;z-index:1}.square.legal:after{content:"";position:absolute;width:25%;height:25%;border-radius:50%;background:#26352c70}.square.legal:has(.piece):after{width:83%;height:83%;background:transparent;border:4px solid #eaa862b0}.square.check{background:#d98177}.piece{position:relative;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:clamp(22px,5.9vw,56px);font-weight:400;line-height:1;z-index:1;-webkit-user-select:none;user-select:none}.piece.white{color:#fff9e9;text-shadow:0 2px 1px #202730,2px 0 1px #202730,-2px 0 1px #202730,0 -2px 1px #202730,0 3px 4px #0009}.piece.black{color:#263442;text-shadow:0 1px 1px #dce6e3,1px 0 1px #dce6e3,-1px 0 1px #dce6e3,0 -1px 1px #dce6e3}.side-panel{padding:36px 0 0}.side-panel h1{font-size:clamp(1.4rem,2vw,2rem);line-height:1.2;margin:.2em 0 .5em}.side-panel #feedback{min-height:1.5em;color:#f4bf76}.game-actions{display:grid;gap:8px}.move-history{margin-top:30px;border-top:1px solid #3b4a55;color:#b7c2c6}.move-history h2{color:#edf1f2;font-size:.95rem;margin-top:20px}.move-history p{line-height:1.7;max-height:160px;overflow:auto}.promotion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#0a1118bd;display:grid;place-items:center;padding:16px}.promotion-panel{background:#263440;padding:22px;border:1px solid #65717b;border-radius:18px;display:grid;gap:8px;min-width:min(95vw,310px);box-shadow:0 20px 60px #0008}.promotion-panel h2{margin:0 0 6px}@media (max-width:760px){.game{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 12px 30px}.topbar{margin-bottom:3px}.play-area{width:min(100%,510px)}.board{width:min(100%,calc(100dvh - 220px));margin:auto}.side-panel{width:min(100%,510px);padding:10px 0 0}.side-panel h1{margin:0 0 4px}.game-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.game-actions button{font-size:.85rem;min-height:44px;padding:7px}.move-history{margin-top:16px}.opponent-card,.player-card{height:48px}.avatar{width:35px;height:35px}.piece{font-size:clamp(22px,8vw,55px)}}@media (max-width:380px){.piece{font-size:clamp(20px,8vw,32px)}.game{padding-left:8px;padding-right:8px}.board{border-width:3px}}.piece-visual{display:flex;align-items:center;justify-content:center;width:92%;height:92%;font-size:0;line-height:0;transform:var(--piece-transform,none);transform-origin:50% 72%;pointer-events:none}.piece-visual img{display:block;width:100%;height:100%;object-fit:contain}.piece-visual[data-side=w] img{filter:drop-shadow(0 1px 1px #17263490)}.piece-visual[data-side=b] img{filter:invert(1) drop-shadow(0 0 1px #f4ead6cc) drop-shadow(0 1px 1px #f2e7d288)}.piece-visual[data-piece-state=moving],.piece-visual[data-piece-state=landing],.piece-visual[data-piece-state=checked],.piece-visual[data-piece-state=defeated],.piece-visual[data-piece-state=celebrating],.piece-visual[data-piece-state=promoting]{position:relative;z-index:5;will-change:transform}.piece-visual[data-piece-state=captured]{position:relative;z-index:5;will-change:transform,opacity;pointer-events:none}.game.rush .opponent-card,.game.rush .player-card{height:auto;min-height:48px}.rush-clock{display:block;font-variant-numeric:tabular-nums;font-weight:800;font-size:1.15rem;line-height:1.15;letter-spacing:.02em;color:#e6edf0}.rush-clock.active{color:#f4bf76}.rush-clock.low{color:#f6c177}.rush-clock.critical{color:#f28b82}.rush-survived{margin:0 0 6px;color:#c2cacc;font-weight:700;font-size:.9rem}.rush-select{max-width:640px;margin:auto;padding:28px 18px 60px}.rush-select h1{font-size:clamp(2rem,7vw,3rem);margin:.1em 0;letter-spacing:-.03em}.rush-select header p:last-child{color:#c6ced1;line-height:1.5;max-width:520px}.rush-stages{display:grid;gap:10px;margin:22px 0}.rush-stage{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #67737b;background:#273440;color:#f5f6f6;border-radius:13px;min-height:54px;padding:10px 16px;font:inherit;font-weight:700}.rush-stage.current{border-color:#f4bf76;box-shadow:0 0 0 2px #f4bf7660}.rush-stage.done{border-color:#7fae7c}.rush-stage.locked{opacity:.55;background:#1e2833;color:#8b98a0;cursor:not-allowed}.rush-stage-meta{font-weight:600;color:#bdc8cb;font-size:.85rem}.rush-result-card{margin:6px 0 2px;padding:10px 12px;border:1px solid #52616b;border-radius:12px;background:#1f2b36}.rush-result-title{margin:0 0 2px;font-weight:800;color:#f4bf76;font-size:1.05rem}.rush-result-line{margin:0;color:#dfe6e8;font-weight:700}.rush-result-next{margin:4px 0 0;color:#bce5bb;font-weight:700;font-size:.9rem}.rush-result-mate{margin:4px 0 0;color:#dfe6e8;font-weight:700;font-size:.85rem;line-height:1.3}.rush-result-mate strong{color:#f4bf76}.game.rush .side-panel #feedback:empty{display:none}@media (prefers-reduced-motion:no-preference){.rush-result-card{animation:rushIn .18s ease-out}}@keyframes rushIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.rush-select-actions{display:flex;gap:10px;flex-wrap:wrap}.rush-select-actions button{border:1px solid #67737b;background:#273440;color:#f5f6f6;border-radius:13px;min-height:46px;padding:10px 16px;font:inherit;font-weight:700}.rush-select-actions button:hover{background:#354858}.rush-select-actions button.primary{background:#f4bf76;border-color:#f4bf76;color:#18202b}.rush-cta{display:grid;gap:2px;text-align:center}.rush-cta strong{font-size:1.05rem;letter-spacing:.02em}.rush-cta small{font-weight:600;font-size:.78rem;opacity:.92}.rush-primary{margin:4px 0 14px}.rush-primary button{width:100%;min-height:52px;border:1px solid #f4bf76;background:#f4bf76;color:#18202b;border-radius:13px;font:inherit;font-weight:800;font-size:1rem}.rush-stage-name{font-size:1.1rem}.rush-stage.recommended{border-color:#f4bf76;box-shadow:0 0 0 2px #f4bf7650}.rush-stage.challenge .rush-stage-meta{color:#c9a86a}