:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark;--bg:#171d14;--panel:#293320;--ink:#f1f6d6;--muted:#c5ed62;--mint:#c5ed62;--line:#4d6438}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button{font:inherit;color:inherit;background:#293320;border:1px solid #4d6438;border-radius:9px;padding:12px 16px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,canvas:focus-visible{outline:3px solid #eac68e;outline-offset:3px}button:hover{border-color:var(--mint)}main{max-width:1440px;margin:auto;padding:0 24px}header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:13px;align-items:center}.brand img{object-fit:contain}.brand small,small,.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted)}h1{font-size:26px;margin:5px 0 0;letter-spacing:-1px}h1 span{color:var(--mint)}.header-actions{display:flex;align-items:center;gap:18px}.header-actions>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.arena-shell{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel)}.hud{display:flex;gap:38px;align-items:center;padding:15px 24px;height:74px}.hud strong{display:block;font-size:25px;margin-top:5px;font-variant-numeric:tabular-nums}.hud .best{margin-left:auto;text-align:right}.hud small{font-size:8px}.stage{height:calc(100dvh - 230px);min-height:400px;max-height:900px;position:relative;background:#171d14;overflow:hidden}#game{display:block;width:100%;height:100%;touch-action:none;outline:0}.arena-label{position:absolute;top:19px;left:22px;display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1px;color:#c5ed62;pointer-events:none}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}#shield-note{color:#f1f6d6;margin-left:12px}.standings{position:absolute;top:19px;right:20px;width:164px;pointer-events:none}.standings small{font-size:7px;letter-spacing:1px}.standings ol{list-style:none;margin:8px 0 0;padding:0}.standings li{display:flex;align-items:center;gap:8px;font-size:10px;padding:4px 0;color:#c5ed62}.standings li strong{font-weight:400;flex:1}.standings li b{font-weight:400;font-variant-numeric:tabular-nums}.standings .you{color:var(--mint)}.standings li i{width:5px;height:5px;border-radius:50%}.map{position:absolute;bottom:17px;left:17px;pointer-events:none;text-align:center}.map canvas{width:100px;height:100px;display:block}.map>span{display:block;font-size:6px;letter-spacing:.8px;color:#c5ed62;margin-top:5px}.map.warning>span{color:#f5af83}.feed{position:absolute;top:32%;left:15%;right:15%;text-align:center;pointer-events:none;font-size:18px;color:var(--mint);font-weight:bold;text-shadow:0 2px 8px #171d14}.steer-hint{position:absolute;bottom:22px;left:30%;right:25%;text-align:center;pointer-events:none;font-size:8px;letter-spacing:1px;color:#c5ed62}.boost{position:absolute;right:23px;bottom:24px;width:94px;height:94px;border-radius:50%;background:#293320e6;border:1px solid #c5ed626b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;user-select:none;-webkit-user-select:none;touch-action:none}.boost svg{width:22px;height:22px;fill:none;stroke:var(--mint);stroke-width:1.5}.boost span{font-size:10px;letter-spacing:1px;font-weight:bold}.boost small{font-size:5px;letter-spacing:.4px}.boost.active{background:#c5ed62;color:#171d14}.boost.active svg{stroke:#171d14}.boost.active small{color:#293320}.stick{position:absolute;width:90px;height:90px;border:1px solid #c5ed6266;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:#c5ed6208}.stick i{position:absolute;width:28px;height:28px;top:30px;left:30px;border-radius:50%;background:#c5ed6288;transform:translate(var(--sx,0px),var(--sy,0px))}.bottom-bar{display:flex;justify-content:space-between;padding:13px 21px;font-size:10px;color:var(--muted)}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;background:#171d14f5;overflow:auto;overscroll-behavior:contain}.menu{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:28px 6%;width:100%}.menu h2{font-size:clamp(40px,5.2vw,72px);letter-spacing:-2.8px;line-height:1;margin:17px 0}.menu h2 em{font-style:normal;color:var(--mint)}.menu p{font-size:13px;line-height:1.7;color:#c5ed62;max-width:480px}.menu fieldset{border:0;margin:17px 0;padding:0;min-width:0}.menu legend{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-bottom:8px}.levels,.skins{display:flex;gap:7px}.levels button{flex:1;padding:11px 5px;font-size:12px}.levels small{display:block;font-size:6px;letter-spacing:1px;margin-top:6px}.levels [aria-pressed=true]{border-color:var(--mint);background:#293320}.skins button{flex:1;padding:9px 3px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.skins i{width:9px;height:9px;border-radius:50%;background:var(--mint)}.skins button:nth-child(2) i{background:#f5af83}.skins button:nth-child(3) i{background:#c5ed62}.skins button:nth-child(4) i{background:#c5ed62}.skins [aria-pressed=true]{border-color:var(--mint);background:#293320}.primary{background:var(--mint);border-color:var(--mint);color:#293320;font-weight:bold;display:flex;justify-content:space-between;width:100%;min-height:48px;margin-top:17px}.secondary{width:100%;margin-top:9px;font-size:12px}.menu .howto{font-size:9px;line-height:1.65}.menu .record{font-size:8px;letter-spacing:1px;color:#c5ed62}.menu-art img{width:100%;border-radius:12px}.menu-art>span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:16px}footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:14px 0}.loading{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:#171d14}.loading img{object-fit:contain}.loading>span{font-size:11px;letter-spacing:5px}.loading>div{width:100px;height:2px;background:var(--mint);animation:load 1s ease-in-out infinite}.loading small{position:absolute;bottom:28px;font-size:10px;letter-spacing:.5px}@keyframes load{50%{transform:scaleX(.3);opacity:.4}}@media(max-width:650px){main{padding:0 7px}header{height:56px}.brand{gap:9px}.brand img{width:26px;height:32px}.brand small{font-size:7px;letter-spacing:1px}h1{font-size:22px}.header-actions>span{display:none}.header-actions button{min-height:44px;padding:9px 13px;font-size:12px}.hud{height:65px;gap:22px;padding:10px 13px}.hud strong{font-size:20px}.hud small{font-size:6px;letter-spacing:.8px}.hud .best{display:none}.stage{height:calc(100dvh - 177px);min-height:300px;max-height:none}.arena-label{top:13px;left:13px;font-size:6px;letter-spacing:.6px}#shield-note{display:block;position:absolute;top:16px;left:0;margin-left:0;white-space:nowrap}.standings{top:13px;right:12px;width:113px}.standings small{font-size:5px;letter-spacing:.6px}.standings li{font-size:8px;padding:3px 0;gap:5px}.standings ol{margin-top:6px}.map{bottom:13px;left:10px}.map canvas{width:76px;height:76px}.map>span{font-size:5px;max-width:80px;line-height:1.6}.boost{width:80px;height:80px;right:15px;bottom:18px}.steer-hint{font-size:6px;bottom:20px;left:28%;right:26%;line-height:1.7}.bottom-bar{font-size:8px;padding:10px 12px}.bottom-bar>span:last-child{display:none}.menu{display:block;padding:25px}.menu h2{font-size:43px;letter-spacing:-1.8px;margin:12px 0}.menu p{font-size:12px}.menu .howto{font-size:9px}.menu .record{font-size:7px}.menu-art{display:none}.menu fieldset{margin:14px 0}.eyebrow{font-size:7px;letter-spacing:1.1px}footer{font-size:8px;padding:9px 0}footer>span:last-child{display:none}.feed{font-size:15px;left:10%;right:10%}}@media(max-height:500px) and (min-width:651px){header{height:45px}.hud{height:52px;padding:8px 20px}.hud strong{font-size:18px}.stage{height:calc(100dvh - 145px);min-height:190px}.menu{padding:16px 5%;grid-template-columns:1.2fr 1fr}.menu h2{font-size:29px;margin:8px 0}.menu p{font-size:10px;margin:8px 0}.menu .howto,.menu-art>span{display:none}.menu fieldset{margin:9px 0}.levels button{padding:7px 4px}.skins button{padding:6px}.primary{margin-top:10px;min-height:42px}.boost{width:72px;height:72px;bottom:15px}.map canvas{width:70px;height:70px}.standings li{padding:2px 0}}@media(prefers-reduced-motion:reduce){.loading>div{animation:none}}
:root main{height:100dvh;display:flex;flex-direction:column}:root header,:root .hud,:root .bottom-bar,:root footer{flex-shrink:0}:root .arena-shell{flex:1;min-height:0;display:flex;flex-direction:column}:root .stage{flex:1;min-height:0;height:auto;max-height:none}:root .overlay{align-items:flex-start}:root .menu{margin-block:auto}.menu-copy{min-width:0}@media(max-width:650px){:root .menu{padding:22px}:root .menu h2{font-size:clamp(30px,9vw,39px)}}
:root .boost{transition:background .1s,border-color .1s,transform .1s;will-change:transform}:root .boost.active{transform:scale(.96)}:root button:active{filter:brightness(1.08)}:root .hud strong{font-variant-numeric:tabular-nums}:root #game{cursor:crosshair}:root .menu{animation:menu-in .16s ease-out}:root .stick{contain:layout paint;will-change:left,top}:root .stick i{will-change:transform}@keyframes menu-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){:root .menu{animation:none}:root .boost{transition:none}}
:root .stick{will-change:transform}:root #game,:root .boost{-webkit-touch-callout:none}
:root .stick{width:112px;height:112px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #c5ed6270;background:radial-gradient(circle,#c5ed620a 0 48%,#c5ed621a 49% 50%,#293320bb 51%);contain:layout;z-index:2;-webkit-touch-callout:none}:root .stick i{width:38px;height:38px;top:36px;left:36px;background:#c5ed62c9;border:1px solid #f1f6d6a6;pointer-events:none}:root .stick>span{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1px;color:#c5ed62;pointer-events:none}.menu #control-help{font-size:10px;line-height:1.5;margin:8px 0 0;color:#c5ed62}:root .touch-controls[data-controls=joystick] .map{top:53px;bottom:auto;left:12px}:root .touch-controls[data-controls=joystick] .map canvas{width:52px;height:52px}:root .touch-controls[data-controls=joystick] .map>span{display:none}:root .touch-controls .steer-hint{bottom:6px;left:12%;right:12%;font-size:6px}:root .touch-controls .boost{bottom:42px}:root .control-choice{margin:13px 0}@media(max-height:420px){:root .stick{width:94px;height:94px}:root .stick i{top:27px;left:27px}:root .touch-controls .boost{bottom:22px}:root .touch-controls[data-controls=joystick] .map{display:none}}

/* coil-arena: independent visual identity, shared studio only. */
:root{color-scheme:dark;--bg:#171d14;--panel:#293320;--line:#4d6438;--muted:#a9bf88;--text:#f1f6d6;--mint:#c5ed62;--gold:#c5ed62;--peach:#c5ed62;--cyan:#c5ed62;--accent:#c5ed62;--light:#293320;--dark:#4d6438}
body{background:#171d14;color:#f1f6d6;font-family:"Trebuchet MS", sans-serif}
h1,h2,h3{font-family:"Trebuchet MS", sans-serif}
button{border-radius:22px}
.overlay,.veil{background:#171d14ed;color:#f1f6d6;backdrop-filter:none}
.menu,.menu-card,.card,.panel{color:#f1f6d6}
.primary,.primary-button,.launch{background:#c5ed62;color:#171d14;border-color:#c5ed62}
.primary:hover,.primary-button:hover,.launch:hover{background:#c5ed62;filter:brightness(1.1)}
button[aria-pressed=true]{border-color:#c5ed62}