:root{--bg:#171c1a;--panel:#202723;--line:#354039;--text:#eeeade;--muted:#a3aea4;--accent:#c8d99c;--light:#e3ddca;--dark:#819580}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.header{max-width:1280px;margin:auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:600;letter-spacing:-.6px}.brand-icon{font-family:Georgia,serif;font-size:40px;color:var(--accent);line-height:1}.brand small{display:block;color:var(--muted);font:9px/1.8 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2px}.header-right{display:flex;gap:32px;align-items:center}.quiet-note{font-size:13px;color:var(--muted)}main{max-width:1280px;margin:auto;padding:48px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:64px;line-height:1.06;letter-spacing:-2px;margin:18px 0}h2{font:400 29px/1.2 Georgia,serif;letter-spacing:-.5px}h3{font-size:15px;font-weight:500}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.primary,.secondary{width:100%;padding:15px 20px;border-radius:8px;border:1px solid transparent;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px}.primary{background:var(--accent);color:#232c22}.primary:hover{background:#d9e8b5}.secondary{background:transparent;border-color:var(--line);justify-content:center}.secondary:hover{background:#303a32}.text-button{border:0;background:none;padding:9px 0;font-size:13px;color:var(--muted)}.text-button:hover{color:var(--accent)}label,legend{display:block;font-size:13px;margin:24px 0 10px}input:not([type=radio]),select{width:100%;color:var(--text);background:#171e19;border:1px solid #445145;border-radius:8px;padding:13px 14px;font-size:16px}input:not([type=radio]):focus,select:focus{border-color:var(--accent)}fieldset{border:0;padding:0;margin:0;min-width:0}.login-layout{min-height:580px;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:70px}.login-intro h1{font-size:78px}.login-intro p{color:var(--muted);margin-top:24px;font-size:17px;line-height:1.8}.decor-pieces{font-family:Georgia,serif;font-size:104px;margin-top:28px;letter-spacing:4px;color:var(--light)}.decor-pieces span{color:var(--dark);font-size:80px}.login-panel h2{margin:18px 0 12px;font-size:36px}.login-panel .primary{margin-top:28px}.login-foot{color:var(--muted);font-size:11px;margin-top:20px;text-align:center}.home-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.intro-note{color:var(--muted);padding-bottom:20px;font-size:14px;line-height:1.8}.home-grid{display:grid;grid-template-columns:360px 1fr;gap:48px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{font-size:10px;letter-spacing:1px;border:1px solid var(--line);border-radius:5px;padding:4px 8px;color:var(--muted)}.color-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-choice{margin:0;position:relative}.color-choice input{position:absolute;opacity:0}.color-choice span{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--line);border-radius:9px;padding:14px 5px;cursor:pointer;font-size:14px}.color-choice b{font:42px/1.3 Georgia,serif}.color-choice small{font-size:10px;color:var(--muted)}.color-choice input:checked+span{background:#303b2e;border-color:var(--accent)}.color-choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.level-description{font-size:12px;color:var(--muted);margin:12px 0 24px;min-height:36px}.save-note{margin-top:20px;color:var(--muted);font-size:11px;text-align:center}.status-dot{display:inline-block;border-radius:50%;width:5px;height:5px;background:var(--accent);margin:0 6px 2px 0}.history>.section-top{padding:5px 0 24px;border-bottom:1px solid var(--line)}.history h2{font-size:26px}.count{font:13px sans-serif;color:var(--muted);margin-left:5px}.filters{display:flex;gap:5px}.filters button{background:transparent;color:var(--muted);border:0;border-radius:5px;padding:7px 9px;font-size:11px;white-space:nowrap}.filters button.active{background:#303a31;color:var(--accent)}.game-card{display:flex;align-items:center;gap:15px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:22px 0}.game-card:hover .game-title{color:var(--accent)}.game-piece{width:47px;height:51px;display:grid;place-items:center;background:#28312a;border-radius:9px;font:36px Georgia,serif;flex-shrink:0}.game-info{flex:1}.game-title{display:block;font-size:15px}.game-details{display:block;font-size:11px;color:var(--muted);margin-top:5px}.game-result{font-size:11px;text-align:right;color:var(--muted)}.game-result.ongoing{color:var(--accent)}.game-arrow{font-size:20px;color:var(--muted);margin-left:8px}.empty{text-align:center;padding:75px 20px;color:var(--muted);font-size:13px}.empty span{display:block;font:54px Georgia,serif;color:#647260;margin-bottom:15px}.empty strong{display:block;color:var(--text);font-weight:400;font-size:17px;margin-bottom:8px}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.game-heading>.muted{font-size:12px}.play-layout{display:grid;grid-template-columns:minmax(0,600px) minmax(260px,1fr);gap:40px;align-items:start;justify-content:center}.board-column{min-width:0}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;border:6px solid #303b30;border-radius:5px;overflow:hidden;width:100%;box-shadow:0 18px 50px #0003}.square{border:0;border-radius:0;background:var(--light);padding:0;position:relative;aspect-ratio:1;display:grid;place-items:center;color:#314033;user-select:none;touch-action:manipulation}.square.dark{background:var(--dark)}.square img{width:88%;height:88%;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 1px #0002)}.square.last{background:#d1d294}.square.dark.last{background:#a2b473}.square.selected{background:#e1dc79;box-shadow:inset 0 0 0 3px #77883d}.square.target:after{content:"";position:absolute;width:23%;height:23%;background:#1d342d40;border-radius:50%;z-index:2;pointer-events:none}.square.target:has(img):after{width:86%;height:86%;border:5px solid #243e354b;background:transparent}.square.in-check{background:#cc8a74}.coordinate{position:absolute;font:600 10px/1 sans-serif;z-index:3;pointer-events:none}.rank{top:4px;left:4px}.file{bottom:3px;right:4px}.dark .coordinate{color:#f0ebd7}.player-line{display:flex;justify-content:space-between;align-items:center;padding:0 2px 14px}.player-line:last-child{padding-top:14px}.player-line>div{display:flex;gap:11px;align-items:center}.avatar{height:37px;width:37px;background:#303a31;border-radius:7px;display:grid;place-items:center;font:29px Georgia,serif}.avatar.human{background:#c8ceb7;color:#233025}.player-line b{display:block;font-size:14px;font-weight:500}.player-line small{display:block;color:var(--muted);font-size:11px}.saved{font-size:11px;color:var(--accent)}.game-sidebar{padding-top:0}.turn-panel h2{margin:14px 0 12px}.turn-panel p{font-size:13px}.turn-panel button{margin-top:20px;font-size:13px}.moves-panel{margin-top:16px;padding:22px}.moves-panel .muted{font-size:11px}.moves{height:230px;overflow-y:auto;margin:20px 0 12px;scrollbar-color:#53614f transparent}.move-row{display:grid;grid-template-columns:32px 1fr 1fr;gap:4px;padding:3px 0;align-items:center}.move-row:nth-child(odd){background:#ffffff03}.move-row>span{font-size:12px;color:var(--muted);padding-left:6px}.move-row button{font-family:ui-monospace,monospace;text-align:left;padding:7px 9px;border:0;border-radius:4px;background:transparent;font-size:14px}.move-row button.current{background:#3a4933;color:var(--accent)}.moves-empty{color:var(--muted);font-size:13px;padding:20px 0}.replay-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.replay-controls button{background:none;border:0;font-size:21px;width:36px;height:36px;color:var(--muted)}.replay-controls span{font-size:11px;color:var(--muted)}.game-actions{display:flex;gap:18px;flex-wrap:wrap;padding:12px 4px}.game-actions .text-button{font-size:11px}.game-actions button{margin-left:auto}.aside-note{font-size:11px;color:var(--muted);line-height:1.8;padding:8px 4px}footer{max-width:1184px;margin:30px auto 0;border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;color:#819080;font-size:11px}.footer-star{color:var(--accent);margin-left:9px;font-size:17px}.notice{background:#493a29;border:1px solid #816343;padding:12px 18px;border-radius:8px;margin-bottom:20px;font-size:13px}.loading{padding:100px;text-align:center;color:var(--muted)}dialog{max-width:440px;width:calc(100% - 32px);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:28px}dialog::backdrop{background:#080e0bc7}dialog p{margin:15px 0 24px;font-size:13px}.dialog-actions{display:flex;gap:12px}.dialog-actions button{font-size:12px;padding:12px}.dialog-actions .primary{width:auto}#promotion-options{display:flex;gap:8px;margin-bottom:15px}#promotion-options button{background:var(--light);border:0;border-radius:8px;flex:1;padding:8px}#promotion-options img{width:100%;display:block}@media(min-width:1400px){main{padding-top:60px}.login-layout{min-height:620px}}@media(max-width:1000px){.header{padding:24px 28px}main{padding:36px 28px}.home-grid{grid-template-columns:320px 1fr;gap:28px}.history>.section-top{align-items:flex-start;flex-direction:column;gap:15px}.play-layout{gap:24px;grid-template-columns:minmax(0,1fr) 280px}footer{margin:25px 28px 0}.login-layout{gap:30px;grid-template-columns:1fr 360px}.login-intro h1{font-size:64px}.game-sidebar .panel{padding:22px}}@media(max-width:740px){.header{padding:18px 20px}.brand{font-size:20px}.brand-icon{font-size:34px}.quiet-note{display:none}main{padding:28px 20px}h1{font-size:48px;letter-spacing:-1.4px}.home-intro{margin-bottom:25px}.intro-note{display:none}.home-grid{grid-template-columns:1fr;gap:35px}.new-game{padding:24px}.history>.section-top{flex-direction:row;align-items:center}.history h2{font-size:23px}.filters{gap:0}.filters button{padding:7px;font-size:10px}.play-layout{grid-template-columns:1fr;gap:16px}.board-column{max-width:600px;width:100%;margin:auto}.game-sidebar{display:grid;grid-template-columns:1fr;gap:14px}.game-sidebar .panel{padding:20px}.turn-panel h2{font-size:26px;margin:8px 0}.moves-panel{margin:0}.moves{height:160px;margin-top:14px}.game-actions{padding:0;gap:20px}.aside-note{padding:0}.game-heading{margin-bottom:15px}.game-heading>.muted{font-size:10px}.board{border-width:4px}.coordinate{font-size:9px}.player-line{padding-bottom:10px}.player-line:last-child{padding-top:10px}.login-layout{grid-template-columns:1fr;gap:25px;min-height:0}.login-intro h1{font-size:53px}.login-intro p,.decor-pieces{display:none}.login-panel{padding:24px}.login-panel h2{font-size:30px}.login-panel>.eyebrow{display:none}.login-panel h2{margin-top:0}footer{margin:20px 20px 0;padding-bottom:calc(25px + env(safe-area-inset-bottom))}.empty{padding:40px 15px}.game-card{gap:10px}.game-piece{width:40px}.game-arrow{margin-left:0}.game-details{font-size:10px}.game-title{font-size:14px}.loading{padding:70px 0}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}.status-dot{box-shadow:0 0 8px #c8d99c55}}