@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#252c27;background:#e8e9e3;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #252c27;--muted: #7b827c;--line: #dedfd8;--green: #304c3d;--green-deep: #20392c;--lime: #d5e77a;--paper: #f8f8f3;--board-light: #ede9db;--board-dark: #6b8a70}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#e8e9e3}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;max-width:1440px;margin:0 auto;padding:0 58px;background:#f1f1eb;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:8px;background:repeating-linear-gradient(135deg,#304c3d 0,#304c3d 12px,#d5e77a 12px,#d5e77a 14px,#304c3d 14px,#304c3d 26px)}.topbar{height:91px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:700;letter-spacing:0}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--lime);background:var(--green);border-radius:50%;font-size:21px}.brand-period{color:#87a04b}.connection{display:flex;align-items:center;gap:9px;color:#69716b;font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:0}.connection-dot{width:8px;height:8px;border-radius:50%;background:#bd7865;box-shadow:0 0 0 3px #bd78651c}.connection-dot.online{background:#6f9c69;box-shadow:0 0 0 3px #6f9c6920}.game-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,1.16fr) minmax(310px,.72fr);gap:clamp(38px,7vw,112px);max-width:1100px;margin:55px auto 70px;align-items:center}.board-column{min-width:0;animation:arrive .55s ease-out both}.player-strip{min-height:58px;display:flex;align-items:center;gap:12px;padding:0 4px}.opponent-strip{margin-bottom:13px}.self-strip{margin-top:13px}.avatar{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:24px}.dark-avatar{color:#f1f1e9;background:var(--green)}.light-avatar{color:#344a38;background:#d9e2ba}.player-details{display:grid;gap:3px}.player-details strong{font-size:13px;font-weight:600}.player-details span{color:var(--muted);font-size:11px}.turn-marker{width:7px;height:7px;border-radius:50%;background:#82a34f;box-shadow:0 0 0 4px #82a34f1e;margin-left:auto}.captured{margin-left:auto;color:#687564;font-size:18px;line-height:1;min-height:20px;letter-spacing:0}.turn-marker+.captured{margin-left:2px}.board-frame{position:relative;background:#343e35;padding:8px;box-shadow:0 15px 32px #2532291e,0 2px 5px #25322916}.chessboard{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden}.square{position:relative;display:grid;place-items:center;border:0;padding:0;aspect-ratio:1;cursor:pointer}.light-square{background:var(--board-light)}.dark-square{background:var(--board-dark)}.square:hover{filter:brightness(1.08)}.piece{position:relative;z-index:2;display:block;font-family:DejaVu Sans,Segoe UI Symbol,serif;font-size:clamp(27px,5.5vw,63px);line-height:1;transform:translateY(-2%);-webkit-user-select:none;user-select:none;transition:transform .12s ease}.square:hover .piece{transform:translateY(-5%)}.white-piece{color:#fffdf2;text-shadow:0 2px 1px #27372b,1px 0 #27372b,-1px 0 #27372b,0 -1px #27372b}.black-piece{color:#29372f;text-shadow:0 1px 1px #eff1e8a3}.rank-label,.file-label{position:absolute;z-index:3;color:#3c5541;font:10px DM Mono,monospace;line-height:1}.rank-label{top:4px;left:4px}.file-label{right:5px;bottom:3px}.dark-square .rank-label,.dark-square .file-label{color:#e7ead9}.selected-square{background:#c4cc5e}.last-move.light-square{background:#dadd8e}.last-move.dark-square{background:#9eaa62}.checked-king{background:#c97463!important}.legal-target:after{content:"";position:absolute;width:24%;aspect-ratio:1;border-radius:50%;background:#29382e54;z-index:1}.capture-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:5px solid #26382a83;border-radius:50%;z-index:1}.game-result-overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:#17221de8;color:#f6f7ee;text-align:center;animation:arrive .28s ease-out both}.game-result-overlay .eyebrow{color:#c4ceb6}.game-result-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid currentColor;border-radius:50%;font:38px DejaVu Sans,Segoe UI Symbol,serif}.result-win .game-result-icon{color:#d7e986;box-shadow:0 0 24px #d7e98655}.result-loss .game-result-icon{color:#e78c79}.result-draw .game-result-icon{color:#a9d2c1}.game-result-overlay h2{margin:0;font:600 32px/1.1 Playfair Display,Georgia,serif}.game-result-overlay p{max-width:300px;margin:0;color:#ced6c8;font-size:13px;line-height:1.5}.result-points{margin-top:4px;color:#d7e986;font:11px DM Mono,monospace}.side-panel{align-self:stretch;display:flex;flex-direction:column;min-height:550px;padding:22px 0 0;animation:arrive .55s .09s ease-out both}.panel-heading{margin-bottom:30px}.eyebrow{display:block;color:#75806f;font:10px DM Mono,monospace;letter-spacing:1.35px}h1{margin:12px 0 9px;font:600 clamp(29px,3vw,40px)/1.1 "Playfair Display",Georgia,serif;letter-spacing:0;color:var(--ink)}.panel-heading p{margin:0;max-width:350px;color:#777e77;font-size:13px;line-height:1.65}.room-form label{display:block;margin-bottom:9px;color:#687267;font:10px DM Mono,monospace;letter-spacing:.7px}.room-form input{width:100%;height:45px;padding:0 13px;border:1px solid #d8dbd1;border-radius:2px;background:#fcfcf8;outline:none;color:var(--ink);font-size:13px}.room-form input:focus{border-color:#71896e;box-shadow:0 0 0 3px #71896e18}.room-form input::placeholder{color:#a2a69e}.form-divider{display:flex;align-items:center;gap:13px;margin:24px 0 15px;color:#8b9188;font:10px DM Mono,monospace;letter-spacing:.5px}.form-divider:before,.form-divider:after{content:"";height:1px;flex:1;background:#dedfd8}.primary-button,.secondary-button,.join-button{border:0;border-radius:2px;cursor:pointer;transition:background .16s ease,transform .16s ease}.primary-button{width:100%;min-height:49px;padding:0 15px;display:flex;align-items:center;gap:11px;color:#f5f5ec;background:var(--green);text-align:left;font-size:13px;font-weight:600}.primary-button:hover{background:var(--green-deep);transform:translateY(-1px)}.primary-button>span:first-child{color:var(--lime);font-size:19px}.button-arrow{margin-left:auto;font-size:17px}.join-form{margin-top:26px}.join-row{display:flex;gap:8px}.join-row input{min-width:0;font:13px DM Mono,monospace;letter-spacing:1.3px;text-transform:uppercase}.join-button{min-width:76px;color:var(--green);border:1px solid #c8d0c1;background:#edf1e7;font-size:12px;font-weight:600}.join-button:hover:not(:disabled){background:#e1e9d9}.join-button:disabled{cursor:not-allowed;opacity:.48}.bot-tier-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 11px}.bot-tier-select button{min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:7px 9px;border:1px solid #d8dbd1;border-radius:2px;background:#fcfcf8;cursor:pointer;text-align:left}.bot-tier-select button:hover{border-color:#71896e}.bot-tier-select button.bot-tier-active{border-color:var(--green);background:#e9eee4;box-shadow:inset 0 0 0 1px var(--green)}.bot-tier-select strong{font-size:12px}.bot-tier-select span{color:#75806f;font:10px DM Mono,monospace}.reward-result{margin:16px 0 0;padding:11px 12px;border-left:3px solid #8d9e60;background:#e9eee4;color:#475543;font-size:12px;line-height:1.5}.identity-note{margin:0 0 12px;color:#747e72;font-size:12px}.identity-note strong{color:var(--ink)}.error-message{margin:11px 0 0;color:#a34f43;font-size:12px;line-height:1.5}.privacy-note{display:flex;align-items:center;gap:8px;margin:22px 0 0;color:#81877f;font-size:11px}.privacy-note span{color:#8d9e60;font-size:15px}.panel-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:24px 0 2px;color:#858b81;border-top:1px solid var(--line);font-size:11px}.panel-footer span{color:#607b5f;font-size:16px}.room-tools{display:flex;flex-direction:column}.room-code-line{display:flex;align-items:center;justify-content:space-between;padding:3px 0 12px}.room-code-line strong{display:block;margin-top:6px;font:500 21px DM Mono,monospace;letter-spacing:2px}.icon-button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #d4d9ce;border-radius:50%;background:transparent;font-size:16px;cursor:pointer}.icon-button:hover{background:#e8ecdf}.invite-link{overflow:hidden;color:#7e857b;font:10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap;padding-bottom:12px}.secondary-button{min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #cfd6ca;background:#e9eee3;color:#344e3a;font-size:12px;font-weight:600}.secondary-button:hover{background:#e0e8d8}.secondary-button span{font-size:16px}.move-panel{margin-top:28px;border-top:1px solid var(--line)}.move-panel-title{display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px}.move-panel-title>span:last-child{color:#858b82;font:10px DM Mono,monospace}.move-list{max-height:184px;min-height:105px;overflow-y:auto;scrollbar-color:#c5ccbd transparent;scrollbar-width:thin}.move-row{display:grid;grid-template-columns:36px 1fr 1fr;min-height:30px;align-items:center;font-size:12px}.move-row:nth-child(odd){background:#e9eae3}.move-row span{padding:5px 8px}.move-number{color:#888e84;font:10px DM Mono,monospace}.empty-moves{height:89px;display:grid;place-items:center;color:#8a9086;font:italic 13px Playfair Display,Georgia,serif}.rematch-button{margin-top:18px}.page-footer{position:relative;z-index:1;min-height:65px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8c9289;font:9px DM Mono,monospace;letter-spacing:.7px}.page-footer span:last-child{color:#74806f}.promotion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#18251dc2}.promotion-dialog{width:min(360px,100%);padding:25px;background:var(--paper);box-shadow:0 20px 70px #1118}.promotion-dialog h2{margin:7px 0 20px;font:600 23px Playfair Display,Georgia,serif}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.promotion-options button{aspect-ratio:1;border:1px solid #d7dbd0;background:#eef0e8;cursor:pointer;font-size:43px}.promotion-options button:hover{background:#e0e8d4}@keyframes arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1250px){.game-layout{margin-top:66px;margin-bottom:78px}}@media(max-width:850px){.app-shell{padding:0 28px}.game-layout{grid-template-columns:minmax(340px,1fr) minmax(270px,.8fr);gap:34px;margin-top:42px}.side-panel{min-height:500px}}@media(max-width:680px){.app-shell{padding:0 17px}.topbar{height:72px}.brand{font-size:17px}.connection{font-size:9px}.game-layout{grid-template-columns:minmax(0,1fr);gap:29px;width:min(100%,500px);margin:25px auto 40px}.board-column{width:100%}.piece{font-size:clamp(30px,10vw,55px)}.side-panel{min-height:auto;padding-top:0}.panel-heading{margin-bottom:23px}h1{font-size:32px}.panel-footer{margin-top:25px}.page-footer{min-height:58px;font-size:7px;letter-spacing:0;gap:8px}.page-footer span:last-child{text-align:right}}