@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#eff5e9;background:#0b100f}*{box-sizing:border-box}body{margin:0;overflow:hidden}#arena{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:32px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center}.brand{color:#a3ff65;font-size:26px;font-weight:800;text-decoration:none;display:flex;gap:15px;align-items:center}.brand span{font-size:12px;letter-spacing:2px;color:#e4eddf;border-left:1px solid #48503f;padding-left:15px}.badge{font-size:10px;letter-spacing:2px;border:1px solid #394535;border-radius:30px;padding:12px 16px;background:#101b16}.badge i{display:inline-block;width:6px;height:6px;background:#a3ff65;border-radius:50%;margin-right:8px}main{position:absolute;left:9%;top:24%;max-width:650px}.eyebrow,small,label{font-size:10px;letter-spacing:2px;color:#a3ff65}h1{font-size:clamp(52px,6.3vw,94px);line-height:1.04;letter-spacing:-6px;margin:24px 0}h1 em{font-style:normal;color:#a3ff65}p{font-size:15px;line-height:1.8;color:#99a698}form{margin-top:36px}label{display:block;color:#b7c0b0;margin-bottom:12px;font-size:9px}.entry{display:flex;gap:8px}input{min-width:0;background:#182119;border:1px solid #3e4b36;border-radius:9px;padding:18px;color:white;font:inherit;outline-color:#a3ff65}button{background:#a3ff65;color:#15200e;border:0;border-radius:9px;padding:18px 25px;font:700 13px Manrope,Arial;cursor:pointer}button:hover{background:#c3ff9e}button:disabled{opacity:.5}.tips{display:flex;gap:24px;margin-top:20px;font-size:10px;color:#788775}aside{position:fixed;right:4%;top:120px;width:200px;padding:20px;background:#101b16d9;border:1px solid #2b392a;border-radius:12px}aside small{font-size:8px}h3{margin:8px 0 20px;font-size:16px}ol{padding:0;list-style:none;font-size:12px}li{display:flex;justify-content:space-between;padding:8px 0;color:#bac9b5}footer{position:fixed;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;color:#62765f;font-size:9px;letter-spacing:2px}#hud{position:fixed;bottom:70px;left:4%;font-size:10px;letter-spacing:2px}#hud strong{font-size:32px;color:#a3ff65;margin:0 30px 0 12px}#death{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px;background:#101b16f5;border:1px solid #485c3a;border-radius:18px;min-width:320px}h2{font-size:38px;line-height:1.15}[hidden]{display:none!important}@media(max-width:700px){header{top:20px}.brand span{font-size:9px}.badge{font-size:7px;padding:10px}main{left:7%;right:7%;top:24%}h1{letter-spacing:-3px}aside{top:85px;right:5%;width:150px;padding:12px;max-height:120px;overflow:hidden}aside h3{margin:4px 0}body:has(#lobby:not([hidden])) aside{display:none}.entry{flex-direction:column}.tips{gap:14px;font-size:9px}footer{font-size:7px}p{font-size:13px}form{margin-top:24px}}

#effects{position:fixed;left:4%;top:110px;display:flex;flex-direction:column;gap:7px;pointer-events:none}#effects>strong{font-size:12px;color:#a3ff65;margin-bottom:5px}.effect{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:18px;padding:10px 12px;background:#101b16ed;border:1px solid var(--effect);border-radius:7px;font-size:9px;color:var(--effect);min-width:165px}.effect b{font-variant-numeric:tabular-nums}.effect i{position:absolute;bottom:0;left:0;height:2px;background:var(--effect)}@media(max-width:700px){#effects{top:85px;left:5%}.effect{min-width:135px;padding:7px;font-size:8px}#effects>strong{font-size:10px}}

.account-button{padding:10px 15px;font-size:11px;margin-left:auto;margin-right:16px}.account-summary{display:flex;flex-direction:column;gap:5px;margin-top:20px;font-size:12px}.account-summary span{font-size:10px;color:#99a698}.account-summary+form{margin-top:18px}dialog{background:#101b16;color:#eff5e9;border:1px solid #435c38;border-radius:18px;padding:30px;width:min(420px,90vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog h2{margin:14px 0 20px;font-size:30px}dialog input{display:block;width:100%;margin-bottom:18px}dialog label{margin-top:16px}dialog button{padding:12px 18px}#auth-tabs{display:flex;gap:8px}#auth-tabs button{background:#22301f;color:#bdd0b5}#auth-tabs button[aria-pressed=true]{background:#a3ff65;color:#15200e}.close-dialog{position:absolute;right:12px;top:12px;background:transparent;color:#adc19f;font-size:24px;padding:4px 10px}.password-hint{font-size:11px;margin:-8px 0 18px}#auth-error{font-size:12px;color:#ffac99}input[readonly]{color:#a3ff65}#profile-record{color:#a3ff65}#lobby{max-height:calc(100dvh - 150px);overflow-y:auto;top:18%}@media(max-width:700px){header .badge{display:none}.account-button{margin:0;font-size:9px;padding:9px}#lobby{top:18%;max-height:calc(100dvh - 130px)}#lobby h1{font-size:48px;margin:16px 0}#lobby form{margin-top:14px}}

.wallet{display:flex;flex-direction:column;gap:7px;margin:20px 0;color:#ffc761}.wallet span{font-size:11px;color:#99a698}#logout{margin:10px;background:#253622;color:#bdd0b5}#shop-dialog{width:min(1040px,95vw);padding:30px}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-right:22px}.shop-heading h2{margin:12px 0}.shop-heading>strong{white-space:nowrap;padding:13px 18px;border:1px solid #6b6336;border-radius:10px;color:#ffc761;background:#29291c;font-size:14px}.shop-explainer{font-size:12px;margin-bottom:22px}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px}.skin-stage{border:1px solid #344b37;border-radius:14px;background:radial-gradient(ellipse at center,#253d2b,#0d1712);overflow:hidden}.skin-stage canvas{display:block;width:100%;height:auto}.skin-detail{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0}.skin-detail h3{margin:4px 0;color:#eff5e9}.skin-detail p{font-size:11px;margin:3px 0}.skin-detail button{white-space:nowrap}.skin-catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skin-card{background:#18271c;border:1px solid #354a36;padding:8px;color:#eff5e9;text-align:left;border-radius:10px}.skin-card[aria-pressed=true]{border-color:#a3ff65;background:#263c22}.skin-card:hover{background:#293e25}.skin-card canvas{display:block;width:100%;height:auto}.skin-card strong{display:block;font-size:10px}.skin-card span{display:block;font-size:9px;color:#c3cfb9;margin-top:5px}.coin-goal{margin-top:20px;border-top:1px solid #32412f;padding-top:18px;display:flex;flex-direction:column;gap:10px;font-size:11px;color:#b7c6b0}.coin-goal progress{width:100%;height:8px;accent-color:#a3ff65}.coin-goal small{font-size:9px;color:#82967c;letter-spacing:0}#shop-message{font-size:12px;color:#ffc761;min-height:20px}@media(max-width:700px){#shop-dialog{padding:20px}.shop-heading{align-items:flex-start}.shop-heading h2{font-size:25px}.shop-heading>strong{font-size:11px;padding:9px}.shop-layout{grid-template-columns:1fr}.skin-catalog{grid-template-columns:repeat(3,1fr)}.skin-detail{flex-wrap:wrap}.shop-explainer{font-size:11px}}

.skin-catalog{max-height:440px;overflow-y:auto;align-content:start;padding-right:5px;scrollbar-color:#527745 #15221a;scrollbar-width:thin}.skin-stage{position:sticky;top:0}@media(max-width:700px){.skin-catalog{max-height:300px}.skin-stage{position:static}}

.catalog-panel{min-width:0}.catalog-panel label{font-size:9px}.catalog-panel select{width:100%;padding:10px 12px;background:#1b2c20;border:1px solid #435b3e;color:#e5f3df;border-radius:8px;font:inherit;font-size:12px;outline-color:#a3ff65}#catalog-count{font-size:10px;color:#9db093;margin:10px 0}.catalog-panel .skin-catalog{max-height:355px}@media(max-width:700px){.catalog-panel .skin-catalog{max-height:280px}}

#admin-panel{border-top:1px solid #354e33;margin-top:22px;padding-top:22px}#admin-panel select{width:100%;padding:12px;border:1px solid #435b3e;border-radius:8px;background:#1b2c20;color:#eff5e9}#admin-panel h3{margin:12px 0}#bot-status,#bot-message{font-size:11px;color:#b8cda9}

#auth-dialog.admin-view{width:min(1120px,96vw);padding:32px}#auth-dialog.admin-view #account-profile{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.settings-card{padding:22px;background:#15231a;border:1px solid #344c37;border-radius:14px}.settings-card small{font-size:9px;letter-spacing:1.5px}.settings-card h3{margin:15px 0;font-size:20px}.muted-label{font-size:10px;color:#9eb396;letter-spacing:1px}.account-overview #profile-record{font-size:38px;margin:10px 0 25px}.account-overview button{width:100%;margin:8px 0!important}.account-overview .wallet{margin:22px 0}.wallet span{line-height:1.6}.admin-sections{display:grid;gap:18px}#admin-panel{border:0;margin:0;padding:0}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.settings-fields input,.settings-fields select{margin:0!important;width:100%;min-width:0}.settings-fields label{font-size:9px;letter-spacing:1px}.settings-help{font-size:11px;line-height:1.7;color:#9db395;margin:0 0 12px}.field-help{display:block;font-size:10px;color:#879e7e;margin-top:7px}#arena-item-status{font-size:11px;color:#b8d6a6;margin:16px 0}.admin-actions{position:sticky;bottom:-32px;background:#101b16f5;padding:16px 0 0;margin-top:6px;display:flex;gap:16px;align-items:center;justify-content:space-between}.admin-actions p{flex:1;font-size:11px}.admin-actions button{white-space:nowrap;font-size:12px}#auth-dialog:not(.admin-view) .account-overview{border:0;background:transparent;padding:0}@media(max-width:800px){#auth-dialog.admin-view{padding:22px}#auth-dialog.admin-view #account-profile{grid-template-columns:1fr}.account-overview{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.account-overview small,.account-overview h3{grid-column:1/-1}.account-overview #profile-record{margin:0}.account-overview .wallet{margin:0}.admin-actions{bottom:-22px}.settings-card{padding:18px}}@media(max-width:470px){.settings-fields{grid-template-columns:1fr}.admin-actions{flex-direction:column;align-items:stretch;gap:4px}}

.account-overview{min-width:0}.account-overview #profile-record{width:100%;max-width:100%;line-height:1.2;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wallet strong,.account-summary span{overflow-wrap:anywhere}

.watch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.watch-actions button+button{background:#2a3d28;color:#cee0c7}#admin-watch-message{font-size:11px;color:#b4d5a6}#spectator-bar{position:fixed;left:50%;transform:translateX(-50%);top:94px;background:#132218ed;border:1px solid #5c7f45;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:16px;z-index:5;max-width:94vw}#spectator-bar>div{display:flex;flex-direction:column;gap:5px;min-width:110px}#spectator-bar small{font-size:8px}#spectator-name{font-size:13px}#spectator-bar label{margin:0;font-size:9px}#spectator-bar select{max-width:200px;background:#233721;color:#eef8e7;border:1px solid #5b7751;border-radius:6px;padding:8px;font:inherit;font-size:12px}#spectator-bar button{padding:11px;font-size:10px;white-space:nowrap}#spectator-status{font-size:10px;color:#b3cda7;max-width:160px}@media(max-width:700px){#spectator-bar{top:76px;flex-wrap:wrap;gap:10px;width:94vw}#spectator-bar>div{flex:1}#spectator-bar label{display:none}#spectator-bar select{max-width:135px}#spectator-status{max-width:none}}

#minimap{position:fixed;right:4%;bottom:48px;width:150px;margin:0;padding:8px;border:1px solid #324c34;background:#0d1912e8;border-radius:14px;pointer-events:none}#minimap svg{display:block;width:100%;height:auto}#minimap figcaption{text-align:center;font-size:8px;letter-spacing:1.8px;color:#a1ba93;margin:2px 0 5px}body:has(#minimap:not([hidden])) @media(max-width:700px){#minimap{width:110px;right:18px;bottom:163px;padding:5px}#minimap figcaption{font-size:6px;letter-spacing:1px}body:has(#minimap:not([hidden])) }

.shop-tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.shop-tabs button{background:#223421;color:#b7cdae;padding:12px 18px;font-size:12px}.shop-tabs button[aria-pressed=true]{background:#a3ff65;color:#14220e}.cash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cash-card{border:1px solid #3d5637;background:linear-gradient(150deg,#213320,#142119);border-radius:14px;padding:18px;display:flex;flex-direction:column;min-width:0}.cash-card canvas{width:100%;height:auto;display:block}.cash-coins{font-size:27px;color:#ffd47e;font-weight:800;padding:18px 0}.cash-card h3{font-size:15px;margin:12px 0 5px}.cash-card p{font-size:11px;line-height:1.6;flex:1;color:#9db494;margin:5px 0 18px}.cash-price{font-size:24px;color:#f3edcf;margin:8px 0 18px}.cash-card button{font-size:11px;padding:12px 10px}.premium-title{margin:32px 0 16px}.premium-title h3{font-size:25px;margin:8px 0}.premium-title p,.cash-history p,#cash-availability,#cash-message{font-size:12px;color:#a9c29e}.premium-title small{color:#f3c986}.cash-history{border-top:1px solid #344d32;margin-top:28px;padding-top:20px}#cash-orders{padding:0;list-style:none}#cash-orders li{gap:15px;border-bottom:1px solid #273d2b;padding:12px 0;font-size:11px}.cash-history strong{color:#d7eebf}#admin-store-prices label{letter-spacing:0;line-height:1.5}#admin-store-prices input{margin-top:8px!important}#admin-store-save{margin-top:18px}#admin-store-message{font-size:11px;color:#bddea6}@media(max-width:850px){.cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.cash-grid{grid-template-columns:1fr}.shop-tabs button{flex:1}.cash-price{font-size:25px}}