@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#f4eddd;--ink-soft:#d8cfbd;--muted:#a3aa9d;--deep:#07100d;--frame:#0d1813;--frame-soft:#131f19e0;--panel:#0f1c167a;--line:#bf953b9e;--line-soft:#d3b2663d;--gold:#d5ad5b;--gold-bright:#f0d998;--olive:#526550;--olive-deep:#1d3328;--success:#83a56a;--danger:#df8e76}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--deep);margin:0;font-family:Manrope,system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.club-shell{background:radial-gradient(circle at 12% -8%,#4870516b,#0000 33%),radial-gradient(circle at 95% 96%,#51704a33,#0000 29%),linear-gradient(135deg,#08110d 0%,#0b1712 52%,#07100d 100%);min-height:100vh;padding:clamp(14px,3vw,42px);position:relative;overflow:hidden}.club-shell:before{z-index:0;pointer-events:none;content:"";opacity:.12;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(115deg,#ffffff08 0 1px,#0000 1px 5px);position:absolute;inset:0}.ambient-glow{filter:blur(110px);opacity:.14;pointer-events:none;border-radius:50%;width:390px;height:390px;position:absolute}.ambient-glow-one{background:#d49a3d;top:28%;left:-250px}.ambient-glow-two{background:#5ca67e;bottom:4%;right:-240px}.club-frame{z-index:1;border:1px solid var(--line);background:linear-gradient(150deg,#0f1b15f5,#08110de8);border-radius:23px;width:min(100%,1400px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 32px 90px #0000006b,inset 0 1px #ffffff0a}.topbar,.board-heading,.board-footer,.club-footer,.card-heading,.control-actions{justify-content:space-between;align-items:center;display:flex}.topbar{border-bottom:1px solid var(--line-soft);min-height:87px;padding:19px clamp(20px,4vw,39px)}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{width:42px;height:49px;color:var(--gold-bright);background:linear-gradient(145deg,#daaa4838,#daaa480a);border:1px solid #d9ab4e94;border-radius:14px 14px 10px 10px;place-items:center;display:grid;box-shadow:0 0 24px #d3a4431c}.brand-kicker,.eyebrow{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin:0 0 2px;font:500 10px/1.2 DM Mono,monospace}h1,h2,p{margin-top:0}h1,h2,.card-heading,.fen-dialog h2,.promotion-dialog h2{font-family:Cormorant Garamond,Georgia,serif}h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,39px);font-weight:600;line-height:.95}.brand-cog{color:#d9b35db8;margin-left:10px}.topbar-meta{color:var(--muted);font:11px DM Mono,monospace}.live-dot{background:#7eb470;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #7eb4701f}.game-layout{grid-template-columns:minmax(0,1fr) minmax(308px,.42fr);gap:clamp(28px,4vw,56px);padding:clamp(29px,4vw,48px) clamp(24px,5vw,58px) 35px;display:grid}.board-column{min-width:0}.board-heading{gap:18px;width:min(100%,830px);margin:0 auto 18px}h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(24px,2.25vw,33px);font-weight:600;line-height:.98}.icon-button{width:41px;height:41px;color:var(--muted);border:1px solid var(--line-soft);background:#1221199e;border-radius:10px;flex:none;place-items:center;display:grid}.icon-button:hover{color:var(--gold-bright);border-color:var(--line);background:#2e402dad}.board-wrap{background:linear-gradient(135deg,#e2b44bc7,#70511cb8);border:1px solid #cfa54ad6;border-radius:12px;width:min(100%,830px);margin:0 auto;padding:5px;position:relative;box-shadow:0 24px 54px #0000005e,0 0 0 1px #f5d78b14}.board-wrap>div{width:100%!important}.thinking-chip{color:var(--ink);white-space:nowrap;background:#070f0beb;border:1px solid #e1b34e73;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 23px #0000004d}.thinking-pulse{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1.3s infinite pulse;box-shadow:0 0 0 5px #d5ad5b24}@keyframes pulse{50%{opacity:.42}}.clock-strip{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(100%,830px);margin:15px auto 0;display:grid}.clock-display{min-width:0;color:var(--muted);background:#0e1b157a;border:1px solid #cfb57e29;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:9px 13px;transition:border-color .16s,background .16s,color .16s;display:flex}.clock-display.is-active{color:var(--ink);background:#4d5d3d47;border-color:#d5ad5ba3}.clock-display.is-expired{color:var(--danger);background:#74342838;border-color:#df8e76a6}.clock-name{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font:10px DM Mono,monospace;display:flex}.clock-display strong{color:inherit;letter-spacing:-.08em;font:600 22px/1 DM Mono,monospace}.clock-divider{color:#7e8a7b;letter-spacing:.12em;text-align:center;text-transform:uppercase;white-space:nowrap;font:9px DM Mono,monospace}.board-footer{width:min(100%,830px);margin:16px auto 0}.turn-indicator{color:var(--gold-bright);align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.turn-dot{background:var(--success);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #83a56a1f}.turn-indicator.is-check .turn-dot{background:var(--danger);box-shadow:0 0 0 4px #df8e7626}.move-count{color:#829085;font:11px DM Mono,monospace}.invalid-note,.timeout-note,.engine-warning{border-radius:9px;align-items:center;gap:8px;width:min(100%,830px);margin:13px auto 0;padding:10px 12px;font-size:12px;display:flex}.invalid-note{color:#f0b2a0;background:#91392a2e}.timeout-note{color:#f1c26f;background:#8b531c26;border:1px solid #d6a24247}.engine-warning{color:var(--gold-bright);background:#96691e1f;border:1px solid #d5ad5b3b}.engine-warning span{flex:1}.engine-warning button{color:var(--gold-bright);background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.side-panel{border-left:1px solid var(--line-soft);min-width:0;padding-left:clamp(22px,3vw,34px)}.control-card,.info-card,.side-note{background:0 0}.control-card,.info-card{border-bottom:1px solid var(--line-soft);padding:0 0 18px}.info-card,.side-note{padding-top:17px}.card-heading{color:var(--gold-bright);letter-spacing:-.02em;margin-bottom:16px;font-size:22px;font-weight:600}.card-heading svg{color:var(--gold)}.field-label{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;margin:13px 0 7px;font:10px DM Mono,monospace;display:block}.select-wrap{position:relative}select,.fen-dialog input{appearance:none;width:100%;color:var(--ink);background:#0f1d16d1;border:1px solid #d3b26657;border-radius:8px;outline:none;padding:10px 36px 10px 12px;font-size:12px}select:hover,.fen-dialog input:hover{border-color:#e6c06d9e}select:disabled{color:#899184;opacity:.75}.select-wrap svg{color:var(--gold);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.field-help{color:#78877a;margin:6px 0 0;font:10px/1.45 DM Mono,monospace}.color-choice{grid-template-columns:1fr 1fr;gap:7px;display:grid}.color-choice button{color:var(--muted);background:#0f1d16d1;border:1px solid #d3b26638;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 6px;font-size:11px;display:flex}.color-choice button:hover,.color-choice button.selected{color:var(--gold-bright);background:#58694147;border-color:#d5ad5bbf}.color-swatch,.player-dot{border-radius:50%;flex:none;display:inline-block}.color-swatch{border:1px solid #ffffff3d;width:10px;height:10px}.white-swatch,.light-dot{background:#ede1c7}.black-swatch{background:#1c211e}.dark-dot{background:#6f927b}.control-actions{gap:8px;margin-top:20px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.primary-button{color:#f8f2df;background:linear-gradient(#46654a,#2d4936);border:1px solid #5f815d;flex:1}.primary-button:hover{background:linear-gradient(#5d7d5d,#3d5c43);border-color:#8eaf76}.secondary-button{color:var(--gold-bright);background:0 0;border:1px solid #d5ad5ba6}.secondary-button:hover{background:#d5ad5b1a}.secondary-button:disabled{opacity:.35}.material-row{min-height:48px;color:var(--ink-soft);border-top:1px solid #d3b26624;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;font-size:12px;display:grid}.material-row>span:first-child{align-items:center;gap:8px;display:flex}.player-dot{width:7px;height:7px}.material-row strong{color:var(--ink);font:14px DM Mono,monospace}.captured-pieces{color:#d8cdb3;letter-spacing:-8px;white-space:nowrap;font-family:Georgia,serif;font-size:23px;overflow:hidden}.captured-pieces span{margin-right:7px}.captured-empty{color:#69766b}.history-card{min-height:170px}.history-list{border-top:1px solid #d3b26624;max-height:215px;overflow-y:auto}.history-row{border-bottom:1px solid #d3b26621;grid-template-columns:32px 1fr 1fr;gap:7px;padding:7px 0;font:13px DM Mono,monospace;display:grid}.move-number,.muted{color:#718076}.move-san{min-width:0;color:var(--ink-soft);border-radius:4px;padding:3px 7px;position:relative}.recent-move{color:#182118;background:#cfa43dc7}.empty-history{color:#718076;text-align:center;margin:24px 0 12px;font-size:12px}.side-note{color:var(--muted);align-items:center;gap:10px;font-size:11px;line-height:1.45;display:flex}.note-icon{width:29px;height:29px;color:var(--gold);background:#d5ad5b14;border:1px solid #d5ad5b33;border-radius:8px;flex:none;place-items:center;display:grid}.club-footer{border-top:1px solid var(--line-soft);color:#7f8d80;gap:20px;min-height:66px;padding:16px clamp(20px,4vw,42px);font:10px DM Mono,monospace}.club-footer span{align-items:center;gap:6px;display:flex}.footer-welcome{color:var(--gold);letter-spacing:.01em;font-family:Cormorant Garamond,Georgia,serif;font-size:17px}.promotion-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030805c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.promotion-dialog,.fen-dialog{background:linear-gradient(145deg,#1b2b22,#101d17);border:1px solid #d5ad5b78;border-radius:14px;width:min(100%,410px);padding:27px;box-shadow:0 24px 70px #0000008a}.promotion-dialog{text-align:center}.promotion-dialog h2,.fen-dialog h2{color:var(--ink);margin:0 0 7px;font-size:29px;font-weight:600;line-height:1}.promotion-dialog p:not(.eyebrow),.dialog-copy{color:var(--muted);font-size:12px;line-height:1.5}.promotion-options{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px;display:grid}.promotion-options button{color:var(--muted);background:#14231b;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 5px;display:flex}.promotion-options button:hover{color:var(--gold-bright);border-color:var(--gold)}.promotion-options span{color:#e4ddcc;font-size:32px;line-height:1}.promotion-options small{font-size:9px}.dialog-topline{justify-content:space-between;align-items:flex-start;display:flex}.dialog-close{width:31px;height:31px;color:var(--muted);background:0 0;border:1px solid #d5ad5b3d;border-radius:7px;place-items:center;display:grid}.dialog-close:hover{color:var(--gold-bright);border-color:var(--gold)}.fen-dialog .dialog-copy{margin-bottom:17px}.fen-dialog input{padding:12px;font:12px/1.35 DM Mono,monospace}.fen-error{color:#f0a996;margin:7px 0 0;font:10px/1.45 DM Mono,monospace}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:21px;display:flex}.dialog-actions .primary-button,.dialog-actions .secondary-button{flex:none}@media (max-width:1080px){.game-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.46fr);gap:28px;padding-inline:28px}.side-panel{padding-left:24px}}@media (max-width:900px){.club-shell{padding:12px}.club-frame{border-radius:18px}.game-layout{grid-template-columns:1fr;padding:31px clamp(18px,5vw,44px) 29px}.board-wrap,.board-heading,.board-footer,.clock-strip,.invalid-note,.timeout-note,.engine-warning{max-width:720px}.side-panel{border-top:1px solid var(--line-soft);border-left:0;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:0 24px;padding:25px 0 0;display:grid}.control-card{border-right:1px solid var(--line-soft);border-bottom:0;grid-row:span 2;padding-right:24px}.side-note{grid-column:2}}@media (max-width:620px){.topbar{min-height:74px;padding:16px 17px}.topbar-meta{display:none}.brand-mark{width:36px;height:42px}.brand-lockup{gap:10px}h1{font-size:29px}.brand-cog{margin-left:4px}.game-layout{padding-inline:16px}.board-heading{align-items:flex-start}.board-heading h2{max-width:260px;font-size:27px}.clock-strip{gap:6px}.clock-display{padding:8px 9px;display:block}.clock-display strong{margin-top:5px;font-size:17px;display:block}.clock-divider{letter-spacing:.04em;font-size:8px}.side-panel{flex-direction:column;gap:0;display:flex}.control-card{border-right:0;border-bottom:1px solid var(--line-soft);padding-right:0}.side-note{padding-bottom:2px}.club-footer{flex-direction:column;align-items:flex-start;gap:9px;padding-block:15px}.footer-welcome{font-size:16px}}@media (max-width:420px){.game-layout{padding-inline:11px}.board-heading h2{font-size:24px}.clock-name{font-size:9px}.clock-display strong{font-size:15px}.fen-dialog,.promotion-dialog{padding:22px 18px}}