@import url('/static/fonts.css');
.download-button{display:inline-block;background:#77e4ce;color:#112c2b;border-radius:9px;padding:10px 14px;margin:8px;text-decoration:none;font-weight:650;font-size:13px}
:root{color-scheme:dark;--bg:#0c141d;--panel:#15222f;--line:#273747;--muted:#9aaebd;--text:#edf4f4;--teal:#77e4ce;--orange:#ffba85;--red:#ff9393}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 'Segoe UI',system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#233544;border:1px solid #3a5060;color:var(--text);padding:11px 17px;border-radius:10px;transition:transform .18s,background .18s}button:hover{background:#304a5a;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{background:var(--teal);border-color:var(--teal);color:#112c2b;font-weight:700}.primary:hover{background:#a1f5e4}.danger{color:var(--red);border-color:#753f46;background:#321f2a}.text-button{border:0;background:none;padding:8px 0;color:var(--muted)}input,select,textarea{display:block;width:100%;background:#0e1a25;color:var(--text);padding:12px;border:1px solid #344b5e;border-radius:9px;outline:none}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}label{display:block;color:var(--muted);font-size:13px;letter-spacing:.02em;margin-bottom:16px}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.8vw,68px);line-height:1.08;letter-spacing:-.05em;font-weight:650}h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:6px 0 0}h3{font-size:21px;letter-spacing:-.02em;margin-bottom:14px}p{color:var(--muted)}em{font-style:normal;color:var(--teal)}a{color:var(--teal);word-break:break-all}small,.fine{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted);margin-bottom:12px}.pill{display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.1em;background:#233c3d;color:var(--teal);padding:6px 10px;border-radius:100px}.wordmark{font-size:23px;font-weight:800;letter-spacing:-.05em;position:relative}.wordmark span{color:var(--teal)}.wordmark i{font-size:9px;color:var(--orange);margin-left:5px;vertical-align:top}.ambient{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at top right,#1d4c4326,transparent 60%);z-index:-1}.auth-shell{max-width:1250px;margin:0 auto;min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;padding:60px}.auth-story{position:relative}.auth-story .wordmark{margin-bottom:70px}.auth-story p{max-width:380px}.auth-panel{padding:40px;background:#14212df5;border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 100px #0005}.auth-panel h2{margin:25px 0 12px}.auth-panel form{margin-top:30px}.auth-panel .primary{width:100%;display:flex;justify-content:space-between}.auth-links{display:flex;justify-content:space-between;margin:12px 0}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}.chips span{border:1px solid var(--line);padding:7px 10px;border-radius:30px;color:var(--muted);font-size:11px}.orbit{position:absolute;right:-10px;bottom:80px;width:150px;height:150px;opacity:.6}.orbit-ring{position:absolute;inset:0;border:1px solid var(--teal);border-radius:50%;animation:orbit 10s linear infinite}.orbit-ring:after{content:'';background:var(--orange);width:10px;height:10px;position:absolute;left:8px;top:30px;border-radius:50%;box-shadow:0 0 20px var(--orange)}.orbit-ring.second{inset:28px;animation-direction:reverse}.orbit span{position:absolute;inset:0;display:grid;place-items:center;font-size:35px;color:var(--teal)}@keyframes orbit{to{transform:rotate(360deg)}}#shell{display:grid;grid-template-columns:215px 1fr;min-height:100vh}aside{background:#101b26;border-right:1px solid var(--line);padding:30px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}aside .eyebrow{font-size:8px;margin:12px 0 45px}nav{display:grid;gap:9px}nav button{text-align:left;background:none;border:1px solid transparent;color:var(--muted);font-size:17px}nav button span{font-size:13px;margin-left:10px}nav button.selected{background:#203d3e;color:var(--teal);border-color:#315351}.sidebar-bottom{margin-top:auto;font-size:11px}.sidebar-bottom p{margin:16px 0 5px}.main-content{padding:35px 42px;max-width:1600px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}header .eyebrow{margin:0}.profile-chip{display:flex;gap:12px;align-items:center;border-radius:30px;padding:7px 15px;font-size:13px}.profile-chip span:first-child{font-size:25px}.page{animation:enter .3s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{border:1px solid #315052;background:linear-gradient(120deg,#1d3638,#142432);padding:40px;border-radius:20px;display:flex;justify-content:space-between;gap:30px;overflow:hidden}.hero h1{font-size:clamp(32px,4vw,54px);margin:24px 0 15px}.hero p{max-width:430px}.hero-target{position:relative;width:260px;height:260px;min-width:160px;align-self:center}.hero-target div{position:absolute;border:1px solid #77e4ce66;border-radius:50%;inset:10px}.hero-target div:nth-child(2){inset:45px}.hero-target div:nth-child(3){inset:80px;background:#77e4ce22}.hero-target b{position:absolute;inset:0;display:grid;place-items:center;color:var(--orange);font-size:40px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{filter:drop-shadow(0 0 18px #ffba85);transform:scale(1.08)}}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.kpi{padding:21px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.kpi span{font-size:12px;color:var(--muted)}.kpi strong{display:block;font-size:31px;font-weight:650;letter-spacing:-.04em}.kpi small{color:var(--teal)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:16px;margin-bottom:20px;min-width:0}.accent-card{background:#1e3032}ol{padding-left:22px;color:var(--muted)}li{margin-bottom:14px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button-row label{flex:1;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.room-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.room-bar strong{font-size:28px;letter-spacing:.12em;margin-left:15px}.arena-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.arena-top{display:flex;justify-content:space-between;align-items:center}.arena-top strong{font-variant-numeric:tabular-nums;font-size:44px;letter-spacing:-.05em;color:var(--orange)}.arena canvas{display:block;width:auto;max-width:100%;height:440px;margin:auto;border-radius:8px;touch-action:manipulation}.canvas-wrap{position:relative;background:#0e1a24;border-radius:12px;margin:18px 0;overflow:hidden}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:800;background:#101a24cc;color:var(--teal);text-shadow:0 0 60px #77e4ce66;pointer-events:none}.countdown.flash{animation:count .3s ease-out}@keyframes count{from{transform:scale(1.25);opacity:.5}to{transform:scale(1);opacity:1}}#game-feedback{color:var(--muted);font-size:13px;margin-bottom:18px}.player{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.player-avatar{font-size:29px;background:#203341;border-radius:12px;padding:5px 8px}.player strong{display:block;font-size:14px}.player small{font-size:11px}.player .score{margin-left:auto;color:var(--teal);font-size:28px;font-weight:650}.profile-editor{display:grid;grid-template-columns:1fr 1fr;gap:35px}.avatar-picker{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 20px}.avatar-picker button{font-size:25px;padding:8px}.avatar-picker button.active{border-color:var(--teal);background:#264c47}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}td,th{padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:11px;font-weight:500}td button{font-size:11px;padding:6px 9px;margin-right:6px}canvas{max-width:100%}#offline-canvas{display:block;height:440px;margin:15px auto;touch-action:manipulation}#offline-timer{font-size:50px;color:var(--orange)}.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.target-card{text-align:center}.target-card canvas{height:230px;background:#101a24;border-radius:10px}.mail{border:1px solid var(--line);border-radius:10px;padding:15px;margin:12px 0}.mail strong{display:block}footer{display:flex;justify-content:space-between;color:#6a8090;font-size:9px;letter-spacing:.1em;margin-top:30px}#toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:420px;background:#26443f;border:1px solid var(--teal);padding:15px 20px;border-radius:12px;box-shadow:0 15px 60px #0008;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}.error{color:var(--red);font-size:13px;white-space:pre-wrap}.badge-offline{color:var(--orange)}.recent-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.recent-row span{color:var(--muted)}@media(max-width:1100px){.main-content{padding:25px}.arena-grid{grid-template-columns:minmax(0,1fr) 250px}.hero-target{width:180px;height:180px}.auth-shell{gap:40px;padding:35px}.orbit{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.target-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){#shell{display:block}aside{position:relative;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}aside .wordmark{font-size:19px}aside .eyebrow,.sidebar-bottom p{display:none}nav{display:flex;overflow-x:auto;margin-top:15px;gap:5px}nav button{font-size:13px;padding:8px;white-space:nowrap}nav button span{font-size:11px;margin-left:4px}.sidebar-bottom{position:absolute;right:18px;top:15px;display:flex;align-items:center;gap:10px}.sidebar-bottom .pill{font-size:8px;padding:5px 7px}.sidebar-bottom button{font-size:10px}.main-content{padding:22px 16px}header{margin-bottom:22px}h2{font-size:25px}.hero{padding:25px}.hero-target{display:none}.hero h1{font-size:38px}.two-col,.arena-grid,.profile-editor{grid-template-columns:1fr}.card{padding:20px}.arena canvas{height:390px}.target-grid{grid-template-columns:1fr 1fr;gap:12px}.target-card{padding:15px}.target-card canvas{height:160px}.room-bar{align-items:flex-start;gap:12px}.room-bar strong{display:block;font-size:25px;margin:0}.room-bar .button-row{justify-content:flex-end}.room-bar button{font-size:11px}.auth-shell{display:block;padding:22px;max-width:550px}.auth-story h1{font-size:40px}.auth-story .wordmark{margin:0 0 35px}.auth-story .chips,.auth-story p{display:none}.auth-story{margin-bottom:30px}.auth-panel{padding:25px}footer{gap:20px}.kpi{padding:16px}.kpi strong{font-size:26px}.form-grid{gap:0 10px}.profile-chip{max-width:150px;overflow:hidden}.players-card{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}