:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f9f5e9;background:#0d1513}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#233a2f 0,#0d1513 55%);min-height:100vh}header{height:75px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1010px)/2))}.brand{font-size:23px;font-weight:950;letter-spacing:-1px;color:white;text-decoration:none;display:flex;gap:10px;align-items:center}.brand:first-letter{color:#dbb76b}.gold{color:#d9b16b}.pill{font-size:10px;color:#a6ce9a;border:1px solid #396046;padding:9px 12px;border-radius:50px;letter-spacing:1.1px}main{max-width:1010px;margin:0 auto;padding:35px 24px 50px}.hero{text-align:center;padding:22px 0 26px}.eyebrow{color:#d6b674;letter-spacing:3px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(40px,8vw,69px);line-height:1.03;margin:17px 0;font-weight:900;letter-spacing:-2px}.hero em{color:#e2b965;font-style:normal}.hero p{color:#b0bcb3;font-size:14px;max-width:430px;margin:0 auto;line-height:1.65}.game-shell{margin:32px auto 0;max-width:620px;background:#17221e;border:1px solid #3d503e;border-radius:19px;box-shadow:0 22px 80px #0008;overflow:hidden}.topline{display:flex;justify-content:space-between;gap:12px;background:#23352a;padding:15px 23px;font-size:11px;font-weight:800;letter-spacing:1px;color:#e7d2a5}.demo{color:#a3c7a3;font-size:10px}#lobby,#game{padding:25px}#lobby h2{margin:0 0 23px;font-size:25px}label{display:block;font-size:12px;color:#bfc7bd;font-weight:700;margin:18px 0 15px}input,select{display:block;width:100%;margin-top:9px;border:1px solid #506252;border-radius:9px;background:#101a17;color:white;padding:14px;font-size:15px;outline:none}input:focus,select:focus{border-color:#d3af66}button{cursor:pointer;border:1px solid #64745b;border-radius:10px;padding:13px 16px;font-weight:800;background:#223327;color:#f9f5e9;font-size:13px}button:hover{filter:brightness(1.13)}button.primary{background:#deb96e;color:#192118;border-color:#e8cf8c}.primary{width:100%;margin-top:6px}.or{text-align:center;font-size:10px;letter-spacing:1.5px;color:#8ea096;font-weight:800;margin:29px 0 15px}.join-row{display:flex;gap:9px}.join-row input{margin:0;min-width:0;flex:1}.small,.hint{color:#94a59b;font-size:11px;line-height:1.55}.small{margin-top:20px}.matchbar,.players,.actions{display:flex;gap:10px;justify-content:space-between;align-items:center}.matchbar{background:#101a16;border:1px solid #394c39;border-radius:11px;padding:15px}.muted{font-size:10px;color:#95a89b;font-weight:700;letter-spacing:1px;margin-bottom:7px}.pot{text-align:right}.pot strong{color:#e3c077}.players{margin:21px 0}.player{font-weight:800;font-size:13px;max-width:43%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versus{color:#d2ac64;font-weight:900;font-size:12px}.status{text-align:center;border:1px solid #465a46;background:#25372a;padding:12px;border-radius:8px;font-weight:700;font-size:13px}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;max-width:550px;margin:16px auto;border:7px solid #ad7948;outline:2px solid #e5b87d;box-shadow:0 10px 20px #0007}.cell{border:0;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0;position:relative;min-width:0}.cell.light{background:#ead7aa}.cell.dark{background:#8b4d31}.cell.target:after{content:'';height:25%;width:25%;background:#e6c26e;border-radius:50%;box-shadow:0 0 0 5px #f6da8a44}.cell.selected{background:#478e61}.piece{width:77%;height:77%;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 3px #ffffff42,inset 0 0 0 7px #00000018,0 3px 4px #0008;font-size:clamp(15px,5vw,30px);position:relative}.piece.red{background:radial-gradient(circle at 30% 25%,#f26d5f,#ac332d 68%);border:2px solid #7f221c}.piece.ivory{background:radial-gradient(circle at 30% 25%,#fff8dc,#c7ad79 70%);border:2px solid #9e8355}.piece.king:before{content:'♛';color:#62461b;text-shadow:0 1px #f3e0a7}.piece.red.king:before{color:#ffe0a0}.hint{text-align:center}.actions{flex-wrap:wrap;margin-top:17px}.actions button{flex:1;white-space:nowrap}.actions .primary{margin:0;flex:2}.history{margin-top:27px;border-top:1px solid #3d503d;padding-top:13px}.history h3{font-size:13px}.history div{color:#9eafa3;font-size:12px;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:45px auto;max-width:820px}.features>div{border-top:1px solid #526148;padding:20px 7px}.features span{color:#d8b36e;font-size:12px;font-weight:900}.features b{display:block;margin-top:13px;font-size:15px}.features p{font-size:12px;line-height:1.6;color:#9daa9f}footer{text-align:center;color:#73897b;font-size:10px;letter-spacing:2px;padding:23px;border-top:1px solid #25342a}#notice{color:#e4bc7e;font-size:12px;text-align:center;padding:0 16px 18px;min-height:18px}@media(max-width:540px){header{padding:0 16px}.pill{font-size:8px}.brand{font-size:18px}main{padding:22px 12px}.game-shell{margin-top:22px}#lobby,#game{padding:16px}.board{border-width:5px}.features{gap:7px}.features b{font-size:12px}.features p{font-size:11px}.actions button{font-size:11px;padding:11px 8px}}

.mode-box{max-width:780px;margin:10px auto 20px;background:#182421;border:1px solid #355249;padding:20px;border-radius:18px}.mode-buttons{display:flex;gap:10px;flex-wrap:wrap}.mode-buttons button{flex:1;min-width:155px;padding:14px}.fee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.fee-output{background:#243b32;border-radius:10px;padding:17px;color:#f6e1a3;font-weight:700;line-height:1.8;margin-top:15px}#offlinePanel{max-width:600px;margin:auto}#offlineBoard{margin:15px auto}