.arena{flex-direction:column;gap:0;min-height:100dvh;padding:12px;display:flex}@media (min-width:1024px){.arena{height:100dvh}}.a-top{border:1px solid var(--edge);background:var(--panel);border-bottom:0;border-radius:16px 16px 0 0;align-items:center;gap:14px;min-width:0;height:64px;padding:0 10px 0 14px;display:flex}.a-brand{flex:none;align-items:center;gap:10px;display:flex}.a-brand img{border-radius:8px}.a-brand b{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;font-size:14px}.a-sub{color:var(--ink-75);white-space:nowrap;font-size:13px;display:none}@media (min-width:1280px){.a-sub{display:block}}.ticker{flex:1;min-width:0;display:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 92%,#0000)}@media (min-width:900px){.ticker{display:block}}.ticker-in{gap:8px;width:max-content;animation:50s linear infinite ticker;display:flex}.ticker:hover .ticker-in{animation-play-state:paused}@keyframes ticker{0%,8%{transform:translate(0)}50%,58%{transform:translate(-30%)}to{transform:translate(0)}}.tick{border:1px solid var(--edge);background:var(--field);height:34px;font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.tick i{border-radius:9999px;width:18px;height:18px}.tick small{color:var(--muted);font-size:10px}.a-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.a-ca .ca-chip{height:40px}@media (max-width:520px){.a-ca{display:none}}.a-wallet{border:1px solid var(--edge-strong);background:var(--raised);height:40px;font-family:var(--font-display);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.a-wallet:hover{background:var(--raised-hover)}.a-wallet i{background:var(--buy);border-radius:9999px;width:8px;height:8px}.a-wallet i.bad{background:var(--sell)}.a-bar{border:1px solid var(--edge);background:var(--panel);scrollbar-width:none;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:6px 10px;display:flex;overflow-x:auto}.a-bar-l,.a-bar-r{align-items:center;gap:8px;display:none}@media (min-width:1024px){.a-bar-l,.a-bar-r{display:flex}}.a-mode{font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.a-mode i{border:2px solid var(--dim);border-radius:9999px;width:10px;height:10px}.a-mode i.on{border-color:var(--buy);background:var(--buy)}.a-mode.muted{color:var(--muted);border-left:1px solid var(--edge);padding-left:10px}.a-tabs{gap:6px;margin:0 auto;display:flex}.a-tabs button{border:1px solid var(--edge);background:var(--field);height:34px;color:var(--muted);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:700;display:inline-flex}.a-tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff}.a-pill{border:1px solid var(--edge);background:var(--field);height:32px;font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.a-pill small{font-size:10px}.a-main{border:1px solid var(--edge);background:var(--page);border-top:0;border-radius:0 0 16px 16px;flex:1;min-height:0;padding:8px 8px 72px}@media (min-width:1024px){.a-main{padding-bottom:8px;overflow:hidden}}.cols,.rooms,.boards{gap:8px;height:100%;min-height:0;display:grid}@media (min-width:1024px){.cols{grid-template-columns:repeat(3,minmax(0,1fr))}.rooms{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.boards{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.cols .col{display:none}.cols .col.show{display:flex}@media (min-width:1024px){.cols .col{display:flex}}.col{border:1px solid var(--edge);background:var(--panel);border-radius:14px;flex-direction:column;min-width:0;min-height:0;display:flex}.col-head{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.col-title{font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.col-body{scrollbar-width:thin;scrollbar-color:var(--edge) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px;display:flex;overflow-y:auto}.panel-card{border:1px solid var(--edge);background:var(--field);border-radius:12px;min-width:0;padding:14px}.a-dock{z-index:30;border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12141cf0;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}.a-dock button{border:1px solid var(--edge);background:var(--field);height:40px;color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.a-dock button.on{color:var(--accent);background:#1a2a4a;border-color:#2d4f8f}@media (min-width:1024px){.a-dock{display:none}}.runner-idle{justify-items:start;gap:10px;display:grid}.pv{pointer-events:none;opacity:.75;justify-self:stretch}.pf-reflex.pv{height:150px}.pf-echo.pv{justify-self:center;max-width:200px}.runner-idle p{color:var(--ink-75);margin:0;font-size:14px}.runner-idle small{color:var(--dim);font-size:12px}.runner-note{color:var(--muted);margin:0 0 8px;font-size:12px}.runner-note.ok{color:var(--grad)}.runner-note.bad{color:var(--sell)}.pf{gap:8px;display:grid}.pf-reflex{border:1px solid var(--edge);background:var(--raised);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;align-content:center;place-items:center;gap:6px;width:100%;height:210px;display:grid}.pf-reflex b{font-family:var(--font-display);letter-spacing:.08em;font-size:22px}.pf-reflex small{color:var(--muted);font-size:12px}.pf-reflex.go{background:var(--gold);color:#1a1300}.pf-reflex.go small{color:#4a3a0a}.pf-reflex.foul,.pf-reflex.miss{color:var(--sell);background:#3a1820}.pf-reflex.hit{color:var(--grad);background:#14301f}.pf-times{gap:6px;display:flex}.pf-times span{background:var(--raised);height:26px;font-family:var(--font-mono);color:var(--muted);border-radius:6px;flex:1;place-items:center;font-size:11px;display:grid}.pf-times span.ok{color:var(--grad)}.pf-times span.bad{color:var(--sell)}.pf-hud{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);justify-content:space-between;gap:8px;font-size:10px;font-weight:700;display:flex}.pf-hud b{color:var(--ink);margin-left:4px;font-size:13px}.pf-hud b.up{color:var(--grad)}.pf-hud b.down{color:var(--sell)}.pf-aim{aspect-ratio:1000/600;border:1px solid var(--edge);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 1px 1px,#ffffff14 1px,#0000 1px) 0 0/18px 18px,#151922;border-radius:12px;width:100%;position:relative;overflow:hidden}.pf-target{aspect-ratio:1;background:radial-gradient(circle, var(--sell) 0 30%, #151922 31% 45%, var(--ink) 46% 60%, #151922 61% 72%, var(--sell) 73% 100%);pointer-events:none;border-radius:9999px;animation:.14s ease-out tg-in;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #e5687a66}@keyframes tg-in{0%{transform:translate(-50%,-50%)scale(.5)}}.pf-flash{pointer-events:none;border-radius:9999px;width:18px;height:18px;animation:.4s ease-out forwards fl;position:absolute;transform:translate(-50%,-50%)}.pf-flash.hit{border:2px solid var(--grad)}.pf-flash.miss{border:2px solid var(--sell)}@keyframes fl{to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}.pf-echo{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:300px;margin:0 auto;display:grid}.pf-echo button{aspect-ratio:1;border:1px solid var(--edge);background:var(--raised);cursor:pointer;touch-action:manipulation;border-radius:12px;transition:background 80ms}.pf-echo button:disabled{cursor:default}.pf-echo button:not(:disabled):hover{background:var(--raised-hover)}.pf-echo button:not(:disabled):active{background:#2d4f8f}.pf-echo button.lit{background:var(--accent);box-shadow:0 0 22px #4f8cff88}.pf-echo button.wrong{background:var(--sell)}.runner-result{gap:10px;display:grid}.rr-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rr-score{font-family:var(--font-display);font-size:44px;line-height:1}.rr-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;display:grid}.rr-stats div{background:var(--raised);border-radius:8px;padding:8px 10px}.rr-stats dt{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);font-size:9.5px;font-weight:700}.rr-stats dd{font-family:var(--font-display);margin:2px 0 0;font-weight:700}.rr-badges{flex-wrap:wrap;gap:6px;margin:0;display:flex}.rr-acts{flex-wrap:wrap;gap:8px;display:flex}.board{gap:8px;display:grid}.board-empty{border:1px dashed var(--edge-strong);color:var(--muted);border-radius:12px;margin:0;padding:14px;font-size:13px}.board-mine{color:var(--ink-75);margin:0;font-size:13px}.entry{border:1px solid var(--edge);background:var(--field);border-radius:12px;gap:10px;padding:12px;display:grid}.entry.me{border-color:#2d4f8f}.entry-top{align-items:center;gap:10px;min-width:0;display:flex}.entry-rank{font-family:var(--font-display);color:var(--muted);width:28px;font-size:12px;font-weight:700}.entry-name{flex:1;min-width:0;display:grid}.entry-name b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry-name a{font-family:var(--font-mono);color:var(--dim);font-size:11px}.entry-top strong{font-family:var(--font-display);font-size:20px}.entry-facts{justify-content:space-between;gap:8px;display:flex}.entry-facts span{text-align:right;display:grid}.entry-facts span:first-child{text-align:left}.entry-facts b{font-family:var(--font-display);font-size:13px}.entry-facts small{font-family:var(--font-display);letter-spacing:.08em;color:var(--dim);font-size:9px;font-weight:700}.entry-motto{color:var(--ink-75);overflow-wrap:anywhere;margin:0;font-size:12px}.entry-badges{flex-wrap:wrap;gap:4px;margin:0;display:flex}.text-in{border:1px solid var(--edge);background:var(--panel);width:100%;height:38px;color:var(--ink);border-radius:8px;outline:none;min-width:0;margin-top:6px;padding:0 12px;font-size:14px}.text-in:focus{border-color:var(--accent)}.hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.hint.ok{color:var(--grad)}.hint.bad{color:var(--sell)}.hint a{color:var(--accent)}.code-line{background:var(--panel);font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:8px;margin-top:6px;padding:10px 12px;font-size:12px;display:block}.room-split{gap:8px;display:grid}@media (min-width:1280px){.room-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.swatches{gap:8px;margin:10px 0 4px;display:flex}.swatches button{cursor:pointer;border:2px solid #0000;border-radius:8px;width:28px;height:28px}.swatches button.on{border-color:#fff}.badge-grid{gap:6px;margin-top:8px;display:grid}.badge-grid div{border:1px solid var(--edge);opacity:.55;border-radius:8px;padding:8px 10px}.badge-grid div.got{opacity:1;border-color:#1f5a3c}.badge-grid b{font-family:var(--font-display);font-size:12px}.badge-grid small{color:var(--muted);font-size:11px;display:block}.history{gap:4px;margin:8px 0 10px;padding:0;list-style:none;display:grid}.history li{border-bottom:1px solid var(--edge);grid-template-columns:1fr auto 60px;gap:10px;padding:6px 0;font-size:13px;display:grid}.history b{font-family:var(--font-display)}.history small{text-align:right;color:var(--dim)}.danger{color:var(--sell)}