@font-face{font-family:Manrope;src:url(/assets/Manrope.ttf);font-display:swap}*{box-sizing:border-box}body{margin:0;background:#262522;color:#f3f0e8;font:15px Manrope,system-ui,sans-serif}main{max-width:1460px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:64px;height:64px;border-radius:50%}h1{font-size:30px;margin:0;font-weight:850;letter-spacing:-1px}p{margin:6px 0;color:#c8c5bd;line-height:1.5}.clock{text-align:right;display:flex;flex-direction:column;gap:5px}.clock strong{font-size:22px;letter-spacing:1px;font-variant-numeric:tabular-nums}.clock span{color:#aba79e;font-size:11px}#connection{padding:8px 12px;border-left:3px solid #81b64c;color:#c8c5bd;background:#302e2b;margin-bottom:16px}.arena{display:grid;grid-template-columns:minmax(400px,1fr) 350px;gap:28px}.board-area{min-width:0}.teams{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;font-size:16px}.teams b{background:#49463f;border-radius:4px;padding:2px 6px;margin-left:6px}#turn{color:#b6d68e;font-size:14px}#board{width:100%;aspect-ratio:1;max-height:calc(100vh - 260px);margin:auto;max-width:calc(100vh - 260px);position:relative}.cg-wrap cg-board{background-color:#eeeed2;background-image:conic-gradient(#769656 25%,#eeeed2 0 50%,#769656 0 75%,#eeeed2 0);background-size:25% 25%;box-shadow:0 12px 30px #0004;border-radius:3px}.cg-wrap coords{color:#eeeed2;font-weight:700}.cg-wrap coords.ranks{color:#262522}cg-board square.last-move{background:#f6e35c88}cg-board square.check{background:radial-gradient(ellipse at center,#e54840 0%,#e5484000 80%)}.moves{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px}.moves span{color:#c8c5bd}a{color:#b6d68e}aside{display:flex;flex-direction:column;gap:16px;padding-top:40px}.voting,.chatbox,.rankings>div{background:#302e2b;border:1px solid #45423c;border-radius:14px;padding:20px}.eyebrow{color:#b5b0a5;text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:800}#timer{font-size:26px;font-weight:800;margin:10px 0;font-variant-numeric:tabular-nums}.track{height:6px;background:#46433d;border-radius:9px;overflow:hidden}#progress{height:100%;width:0;background:#81b64c}#votes{list-style:none;padding:0;margin:12px 0}#votes li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #45423c;padding:7px 0;font-weight:700}.command{border-top:1px solid #4c4840;padding-top:14px;font-size:13px}.command strong{font-size:13px}.command code{background:#454239;padding:4px 7px;border-radius:4px;color:#f3f0e8}.command p{margin-bottom:13px}small{font-size:11px;color:#b4b0a5}h2{font-size:16px;margin:0 0 14px}.chatbox{flex:1;min-height:190px}#chat{max-height:240px;overflow:hidden}.chat-line{margin:0 0 8px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.chat-line b{color:#b6d68e;margin-right:6px}.chat-line.system{color:#c4b99c}.chat-note{font-size:11px}.rankings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:28px}.rankings ol{padding-left:22px}.rankings li{padding:5px 0;color:#ccc7ba}.rankings li b{float:right;color:#b6d68e}.rules{margin:24px 0;max-width:900px;color:#c8c5bd}.rules summary{cursor:pointer;font-weight:700}footer{font-size:11px;color:#99958d;margin:20px 0}.overlay main{padding:22px 30px;max-width:none;height:100vh}.overlay header{margin-bottom:9px}.overlay #connection{display:none}.overlay .rankings,.overlay .rules,.overlay footer,.overlay #pgn,.overlay .chat-note{display:none}.overlay .arena{grid-template-columns:minmax(0,1fr) 320px;gap:26px}.overlay #board{max-height:calc(100vh - 180px);max-width:calc(100vh - 180px)}.overlay aside{padding-top:40px}.overlay #chat{max-height:130px}.overlay .brand img{width:52px;height:52px}.overlay h1{font-size:26px}.overlay header p{font-size:12px}.overlay #timer{font-size:23px}.overlay .voting,.overlay .chatbox{padding:16px}.overlay .command{font-size:11px}.vertical main{padding:26px 28px}.vertical header{align-items:flex-start}.vertical .clock strong{font-size:20px}.vertical .clock span{max-width:200px}.vertical .arena{display:flex;flex-direction:column;gap:18px}.vertical #board{max-height:none;max-width:none;width:100%;aspect-ratio:1}.vertical .teams{font-size:18px;padding:16px 0}.vertical #turn{font-size:17px}.vertical .moves{font-size:16px}.vertical aside{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.vertical .voting,.vertical .chatbox{padding:17px}.vertical #timer{font-size:24px}.vertical .command{font-size:13px}.vertical .command strong{font-size:13px}.vertical .command small{font-size:11px}.vertical #chat{max-height:190px}.vertical .chat-line{font-size:14px}.vertical #votes{max-height:108px;overflow:hidden}@media(max-width:760px){body:not(.overlay) main{padding:18px 14px}body:not(.overlay) header{align-items:flex-start;gap:12px}body:not(.overlay) .brand img{width:46px;height:46px}body:not(.overlay) h1{font-size:23px}body:not(.overlay) .brand p{font-size:12px}body:not(.overlay) .clock strong{font-size:14px}body:not(.overlay) .clock span{font-size:9px;max-width:140px}body:not(.overlay) .arena{display:flex;flex-direction:column;gap:8px}body:not(.overlay) #board{max-height:none;max-width:none}body:not(.overlay) aside{padding:0}body:not(.overlay) .teams{font-size:13px}body:not(.overlay) #turn{font-size:11px}body:not(.overlay) .rankings{grid-template-columns:1fr}body:not(.overlay) #chat{max-height:300px;overflow-y:auto}}
.overlay aside{height:calc(100vh - 145px)}.overlay #votes{max-height:90px;overflow:hidden}.overlay .chatbox{min-height:100px;overflow:hidden}.vertical aside{height:auto}.vertical #votes{max-height:70px}.vertical .command{padding-top:9px}.vertical .command p{margin-bottom:8px}.vertical .command small{font-size:13px}
.overlay .command{font-size:15px;line-height:1.45}.overlay .command strong{font-size:16px}.overlay .command code{font-size:15px}.overlay .command small{font-size:13px;line-height:1.5}.overlay .command p{margin:8px 0 12px}.vertical .command{font-size:15px}.vertical .command strong{font-size:15px}