@font-face{font-family:Arabic;src:url('/drawing-game/arabic-d7c65c17615b.woff')}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#080b0d;color:#e6e7df;font:14px Arabic,Tahoma,sans-serif;background-image:radial-gradient(ellipse at top,#28362c77,transparent 60%)}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:40px;padding:24px 5%;border-bottom:1px solid #ffffff15}header>a{font:bold 25px Arial}header span{color:#d65d48}nav{display:flex;gap:25px;color:#a6b1a3;font-size:12px}header>b{margin-inline-start:auto;font-size:10px;color:#858e81}main{max-width:1500px;margin:auto;padding:36px 30px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.heading small,.eyebrow{color:#b4c58c;letter-spacing:1px;font-size:11px}h1{font:900 clamp(42px,5vw,66px)/1 Georgia,serif;margin:14px 0;text-align:right}h1 em{font-weight:400;color:#d4bb75}p{color:#9fa99d;line-height:1.9}button,input,select{font:inherit;border:1px solid #ffffff24;border-radius:8px;background:#171e1c;color:#e4e8de;padding:10px 15px}button{cursor:pointer}button:hover{background:#2b352d}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dfc779;outline-offset:3px}.connection,.panel{background:#101714;border:1px solid #ffffff14;border-radius:13px;padding:20px}.connection{margin-bottom:22px}.connection form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.connection label{display:grid;gap:7px;font-size:10px;color:#a2ac9e}.connection input{direction:ltr;min-width:210px}.connection p{font-size:11px;margin:12px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;direction:ltr}.stage,aside{direction:rtl}.stage{overflow:hidden;border:1px solid #ffffff1c;border-radius:14px;background:#0b110e}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:18px;background:#121b16;border-bottom:1px solid #ffffff12}.stats div{display:grid;gap:7px;text-align:center}.stats small{font-size:9px;color:#92a18c}.stats b{font-size:17px;color:#e0d6b2}.battlefield{position:relative;background:#0c1511;isolation:isolate}canvas{width:100%;display:block;aspect-ratio:1}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(#060b09e8,#060b0980)}.overlay h2{font-size:clamp(24px,4vw,45px);color:#e9dca7;max-width:100%;overflow-wrap:anywhere;margin:14px}.overlay small{color:#bdcba4}.overlay p{max-width:430px}.overlay.countdown{background:#0003}.overlay.countdown h2{font:900 130px Georgia}.overlay.countdown p{display:none}.stage-foot{display:flex;justify-content:space-between;gap:15px;padding:14px;font-size:9px;color:#80947d}aside{display:flex;flex-direction:column;gap:18px}.panel h2{font-size:17px;margin:0 0 16px}.panel p,.panel>small{font-size:11px}.panel>small{display:block;color:#8e9f88;line-height:1.9}.panel>button{width:100%;margin-bottom:10px}.primary{background:#c7d59d;color:#15200d;font-weight:bold}.primary:hover{background:#e0eabf}.row{display:flex;gap:8px;margin-bottom:12px}.row button{flex:1;font-size:11px}.item{display:flex;gap:12px;margin:14px 0;align-items:center}.item i{font:26px Georgia;color:#d6c17a;width:30px;text-align:center}.item strong,.item small{display:block;font-size:11px}.item small{font-size:9px;color:#8e9f88;margin-top:4px}code{color:#e0d5a5;background:#ffffff08;padding:3px 7px;border-radius:4px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}#feed{list-style:none;padding:0;margin:0;min-height:120px}#feed li{padding:8px 0;border-bottom:1px solid #ffffff08;color:#acb7a0;font-size:12px}#roster{display:grid;grid-template-columns:repeat(3,1fr);max-height:310px;overflow:auto;gap:10px}.player{display:flex;align-items:center;gap:7px;min-width:0}.player img{width:32px;height:44px;object-fit:contain}.player span{font-size:10px;overflow-wrap:anywhere}.player small{display:block;font-size:9px;color:#8b9a7e}.player.dead{opacity:.4}#count{font-size:11px;color:#9faf8a}#demoBadge{position:absolute;bottom:12px;left:12px;background:#dabd72;color:#19200e;padding:6px 10px;border-radius:4px;font-size:10px}footer{text-align:center;font-size:10px;color:#687d68;padding:35px} @media(max-width:1000px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr}.panel:first-child{grid-column:1/-1}.battlefield{max-height:none}.connection input{min-width:140px}}@media(max-width:600px){main{padding:25px 12px}header{gap:20px}header>b{display:none}nav{font-size:10px;gap:12px}.heading>button{font-size:10px}aside,.bottom{display:flex;flex-direction:column}.stats{padding:12px 2px}.stats b{font-size:13px}.stats small{font-size:8px}.stage-foot{font-size:8px}.connection{padding:14px}.connection label{width:100%}.connection input{width:100%}#roster{grid-template-columns:repeat(2,1fr)}}
/* Obsidian, crimson and antique gold: the royal arena's own identity. */
body{background:#090b10;background-image:radial-gradient(ellipse at 15% 0,#32151e88,transparent 55%),radial-gradient(ellipse at 90% 55%,#1b28334d,transparent 55%)}header{background:#0b0d12bf}header span{color:#e44960}.heading small,.eyebrow{color:#b7975b}h1{letter-spacing:-2px}h1 em{color:#d9bd7b}.connection,.panel{background:linear-gradient(135deg,#17191f,#101219);border-color:#a7aab51a;box-shadow:0 10px 28px #0002}.connection{border-top:2px solid #973e50}.stage{border-color:#777b8c35;box-shadow:0 18px 65px #0005}.stats{background:linear-gradient(110deg,#21151c,#141923);border-bottom-color:#d5b97925}.stats small{color:#9ca1b2}.stats b{color:#e5d5ad}.stats div+div{border-inline-start:1px solid #ffffff0c}.primary{background:linear-gradient(120deg,#b8334c,#8a263e);color:#fff;border-color:#d24a61;box-shadow:0 5px 20px #a1213430}.primary:hover{background:#ca4059}button,input,select{background:#20232d;border-color:#c3c5d021}button:hover{background:#303440}.stage-foot{background:#12151d;color:#989cab}.overlay{background:radial-gradient(#0b0b13ed,#0a0b13a6)}.overlay.countdown{background:#08081050}.panel h2{border-bottom:1px solid #ffffff0b;padding-bottom:13px}.panel p{color:#a9abb8}.panel>small{color:#898e9f}.item{padding:6px 0}.item i{border:1px solid #b294563d;border-radius:8px;background:#b89b5710;padding:5px;width:40px;flex-shrink:0}.item small{color:#8e93a5}.row button{font-size:10px}.player{background:#ffffff04;border:1px solid #ffffff06;border-radius:7px;padding:6px}.player small{color:#8b91a1}#feed li{color:#b5b6c2}footer{color:#7c8090}

.heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.heading-actions button{white-space:nowrap}#soundToggle[aria-pressed="false"]{color:#9196a2}