:root{--ink:#10151c;--ink-2:#161d26;--panel:#f8f1e4;--panel-2:#efe0c5;--text:#f6efe4;--muted:#aeb6bf;--paper-text:#17202a;--green:#2f6f5e;--green-dark:#1d4d42;--amber:#d89a32;--amber-dark:#8a5a19;--blue:#4f8fb8;--red:#c84f4a;--line:#ffffff1f;--paper-line:#1b243024;--shadow:0 28px 90px #00000057;--radius:8px}*{box-sizing:border-box}html{background:#10151c;background:var(--ink)}body,html{min-height:100%}body{background:linear-gradient(135deg,#2f6f5e2e 0 25%,#0000 25% 50%,#d89a321f 50% 75%,#0000 75%) 0 0 /96px 96px,#10151c;background:linear-gradient(135deg,#2f6f5e2e 0 25%,#0000 25% 50%,#d89a321f 50% 75%,#0000 75%) 0 0 /96px 96px,var(--ink);color:#f6efe4;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,input{font:inherit}button{border:0}h1,h2,h3,p{margin:0}input{background:#fffaf1;border:1px solid #1b243024;border:1px solid var(--paper-line);border-radius:8px;border-radius:var(--radius);color:#17202a;color:var(--paper-text);min-height:46px;outline:none;padding:12px 14px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}input:focus{border-color:#2f6f5e;border-color:var(--green);box-shadow:0 0 0 3px #2f6f5e29}label{grid-gap:7px;color:#17202ac7;display:grid;font-size:14px;font-weight:700;gap:7px}.button{align-items:center;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:11px 16px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.action-tile:hover:not(:disabled),.button:hover:not(:disabled),.game-row:hover{transform:translateY(-1px)}.action-tile:disabled,.button:disabled{cursor:wait;opacity:.58}.primary{background:#2f6f5e;background:var(--green);box-shadow:0 12px 26px #2f6f5e38;color:#fff}.primary:hover:not(:disabled){background:#1d4d42;background:var(--green-dark)}.ghost{background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--line);color:#f6efe4;color:var(--text)}.auth-card .ghost,.history-panel .ghost,.join-panel .ghost,.side-panel .ghost{background:#17202a0f;border-color:#1b243024;border-color:var(--paper-line);color:#17202a;color:var(--paper-text)}.subtle{background:#fffaf1b8;border:1px solid #1b243024;border:1px solid var(--paper-line);color:#17202a;color:var(--paper-text)}.full-width{width:100%}.eyebrow{color:#d89a32;color:var(--amber);font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.muted{color:#aeb6bf;color:var(--muted)}.notice{border-radius:8px;border-radius:var(--radius);font-weight:800;padding:12px 14px}.notice.error{background:#c84f4a21;border:1px solid #c84f4a59;color:#ffe3dd}.auth-card .notice.error,.history-panel .notice.error,.side-panel .notice.error{color:#762621}.auth-page{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,1fr) 420px;margin:0 auto;min-height:100vh;padding:48px 0;width:min(1120px,calc(100% - 40px))}.auth-visual{display:flex;flex-direction:column;justify-content:space-between;min-height:560px;padding:32px 0}.app-header h1,.auth-visual h1,.game-topbar h1{font-size:54px;line-height:1;max-width:720px}.auth-copy{color:#d5d0c4;font-size:18px;line-height:1.6;margin-top:18px;max-width:500px}.showcase-board{border:10px solid #f8f1e424;border-radius:8px;border-radius:var(--radius);box-shadow:0 28px 90px #00000057;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:360px;overflow:hidden;transform:rotate(-2deg);width:360px}.showcase-board span{color:#191f25;display:grid;font-size:38px;line-height:1;place-items:center}.showcase-board span.light{background:#efe0c5}.showcase-board span.dark{background:#2f6f5e}.auth-card,.history-panel,.join-panel,.side-panel{background:#f8f1e4;background:var(--panel);border:1px solid #ffffff2e;border-radius:8px;border-radius:var(--radius);box-shadow:0 28px 90px #00000057;box-shadow:var(--shadow);color:#17202a;color:var(--paper-text)}.auth-card{padding:28px}.panel-heading{margin-bottom:22px}.history-panel h2,.join-panel h2,.panel-heading h2,.side-panel h2{color:#17202a;color:var(--paper-text);font-size:26px;line-height:1.15}.stacked-form{grid-gap:16px;display:grid;gap:16px}.stacked-form+.button{margin-top:12px}.app-shell,.game-page{margin:0 auto;padding:36px 0;width:min(1180px,calc(100% - 40px))}.app-header,.game-topbar,.header-actions,.section-title{align-items:center;display:flex;gap:18px;justify-content:space-between}.app-header{margin-bottom:28px}.header-actions{justify-content:flex-end}.connection-pill,.stat-pill{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius);color:#f6efe4;color:var(--text);display:inline-flex;font-weight:800;gap:8px;min-height:44px;padding:10px 14px;text-transform:capitalize}.stat-pill span{color:#d89a32;color:var(--amber);font-size:20px}.connection-pill.connected{background:#2f6f5e33;border-color:#2f6f5e80;color:#ddf7ed}.connection-pill.disconnected{background:#c84f4a29;border-color:#c84f4a80;color:#ffe3dd}.lobby-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.action-tile,.join-panel{border-radius:8px;border-radius:var(--radius);min-height:188px;padding:22px}.action-tile{grid-gap:10px;align-content:end;border:1px solid #ffffff2e;box-shadow:0 28px 90px #00000057;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:grid;gap:10px;overflow:hidden;position:relative;text-align:left}.action-tile:before{background:linear-gradient(90deg,#0000 49%,currentColor 49% 51%,#0000 51%),linear-gradient(0deg,#0000 49%,currentColor 49% 51%,#0000 51%);background-size:46px 46px;content:"";inset:16px;opacity:.18;position:absolute}.action-tile>*{position:relative}.action-tile strong{font-size:28px}.action-tile span:last-child{color:#ffffffc7;line-height:1.45;max-width:360px}.tile-kicker{color:#f8ddb0;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.action-tile.solo{background:linear-gradient(135deg,#2f6f5e,#173a35)}.action-tile.versus{background:linear-gradient(135deg,#8a5a19,#5b3423)}.join-panel{grid-gap:18px;display:grid;gap:18px;grid-column:span 2}.join-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 120px}.history-panel{margin-top:18px;padding:22px}.section-title{margin-bottom:16px}.section-title.compact{margin-bottom:10px}.empty-state{background:#fffaf18c;border:1px dashed #1b243024;border:1px dashed var(--paper-line);border-radius:8px;border-radius:var(--radius);color:#17202aad;padding:18px}.empty-state.small{padding:12px}.game-list{grid-gap:10px;display:grid;gap:10px}.game-row{grid-gap:14px;align-items:center;background:#fffaf1b3;border:1px solid #1b243024;border:1px solid var(--paper-line);border-radius:8px;border-radius:var(--radius);color:#17202a;color:var(--paper-text);cursor:pointer;display:grid;gap:14px;grid-template-columns:12px minmax(0,1fr) auto auto;padding:14px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.game-row:hover{background:#fffaf1;border-color:#2f6f5e6b}.game-meta,.game-row small,.game-row strong{display:block}.game-meta small,.game-row small{color:#17202a94;font-size:13px;margin-top:3px}.game-meta{min-width:128px;text-align:right}.game-meta em{font-style:normal;font-weight:900;text-transform:capitalize}.status-dot{background:#d89a32;background:var(--amber);border-radius:999px;height:10px;width:10px}.status-dot.in_progress{background:#2f6f5e;background:var(--green)}.status-dot.finished{background:#4f8fb8;background:var(--blue)}.copy-chip{background:#fff;border:1px solid #1b243024;border:1px solid var(--paper-line);border-radius:8px;border-radius:var(--radius);color:#17202a;color:var(--paper-text);cursor:pointer;font-size:12px;font-weight:900;min-height:32px;padding:6px 10px}.game-topbar{margin-bottom:20px}.match-title{min-width:0;text-align:center}.match-title h1{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.game-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 360px}.board-zone{grid-gap:10px;display:grid;gap:10px}.board-frame{background:linear-gradient(135deg,#322319,#161d26);border-radius:8px;border-radius:var(--radius);box-shadow:0 28px 90px #00000057;box-shadow:var(--shadow);margin:0 auto;max-width:100%;padding:12px;width:fit-content}.player-strip{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius);display:flex;gap:12px;justify-content:space-between;margin:0 auto;min-height:52px;padding:12px 14px;width:min(100%,560px)}.player-strip span{color:#aeb6bf;color:var(--muted);font-size:13px;font-weight:800}.player-strip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chess-board{--square-size:64px;border-radius:6px;display:grid;grid-template-columns:repeat(8,var(--square-size));grid-template-rows:repeat(8,var(--square-size));overflow:hidden}.square{color:#171717;cursor:pointer;display:grid;height:var(--square-size);padding:0;place-items:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--square-size)}.square.light{background:#ead8b6}.square.dark{background:#2f6f5e}.square.selected{box-shadow:inset 0 0 0 4px #d89a32;box-shadow:inset 0 0 0 4px var(--amber)}.square.last-move{box-shadow:inset 0 0 0 4px #4f8fb8c7}.square.selected.last-move{box-shadow:inset 0 0 0 4px #d89a32;box-shadow:inset 0 0 0 4px var(--amber)}.square.legal:after{background:#10151c47;border-radius:999px;content:"";height:18px;position:absolute;width:18px}.piece{color:#10151c;font-family:Times New Roman,serif;font-size:44px;line-height:1;position:relative;text-shadow:0 2px 0 #ffffff38;z-index:1}.coord{color:#10151c8a;font-size:10px;font-weight:900;pointer-events:none;position:absolute;z-index:2}.file-label{bottom:3px;right:5px}.rank-label{left:5px;top:3px}.side-panel{padding:20px}.turn-card{border-bottom:1px solid #1b243024;border-bottom:1px solid var(--paper-line);margin-bottom:16px;padding-bottom:16px}.turn-card h2{margin-bottom:8px}.turn-ready{color:#1d4d42;color:var(--green-dark);font-weight:900}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.info-grid div{background:#fffaf19e;border:1px solid #1b243024;border:1px solid var(--paper-line);border-radius:8px;border-radius:var(--radius);padding:12px}.game-id-box span,.info-grid span{color:#17202a94;display:block;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.info-grid strong{text-transform:capitalize}.game-id-box{grid-gap:10px;border-bottom:1px solid #1b243024;border-bottom:1px solid var(--paper-line);border-top:1px solid #1b243024;border-top:1px solid var(--paper-line);display:grid;gap:10px;margin-bottom:16px;padding:16px 0}.game-id-box code{color:#17202a;color:var(--paper-text);font-size:13px;overflow-wrap:anywhere}.moves-panel{padding-top:2px}.moves{grid-gap:8px;display:grid;gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}.move-row{grid-gap:10px;align-items:center;background:#fffaf1b3;border:1px solid #1b243024;border:1px solid var(--paper-line);border-radius:8px;border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:34px 1fr auto;padding:10px}.move-row span{color:#17202a8a;font-weight:900}.move-row em{color:#17202a94;font-size:12px;font-style:normal}@media (max-width:980px){.auth-page,.game-layout{grid-template-columns:1fr}.auth-visual{gap:28px;min-height:auto;padding-bottom:0}.showcase-board{height:280px;width:280px}.side-panel{margin:0 auto;width:min(100%,560px)}}@media (max-width:700px){body{background:linear-gradient(135deg,#2f6f5e24 0 25%,#0000 25% 50%,#d89a321a 50% 75%,#0000 75%) 0 0 /72px 72px,#10151c;background:linear-gradient(135deg,#2f6f5e24 0 25%,#0000 25% 50%,#d89a321a 50% 75%,#0000 75%) 0 0 /72px 72px,var(--ink)}.app-shell,.auth-page,.game-page{padding:22px 0;width:min(100% - 24px,620px)}.app-header h1,.auth-visual h1{font-size:38px}.auth-copy{font-size:16px}.app-header,.game-topbar,.section-title{align-items:stretch;flex-direction:column}.header-actions{justify-content:stretch}.header-actions>*{flex:1 1}.join-panel,.lobby-grid{grid-template-columns:1fr}.join-panel{grid-column:span 1}.join-row{grid-template-columns:1fr}.game-row{grid-template-columns:12px minmax(0,1fr)}.copy-chip,.game-meta{grid-column:2;justify-self:start;text-align:left}.match-title{text-align:left}.board-frame{padding:8px}.chess-board{--square-size:42px}.piece{font-size:30px}.coord{font-size:9px}.info-grid{grid-template-columns:1fr}}@media (max-width:380px){.chess-board{--square-size:34px}.board-frame{padding:6px}.piece{font-size:26px}}