:root{color-scheme:dark;--ink: #17120d;--panel: rgba(28, 24, 18, .88);--panel-strong: rgba(18, 15, 12, .94);--gold: #ffc531;--gold-deep: #d99308;--cream: #fff9e7;--cyan: #39d8e8;--red: #ff5a56;--line: rgba(255, 255, 255, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body,#app{min-height:100%;margin:0}body{overflow-x:hidden;background:linear-gradient(#0d0b09ad,#0d0b09d1),url(/assets/onikin-bg.png) center / cover fixed,#17120d;color:var(--cream);touch-action:manipulation}button,input{font:inherit}.app-shell{min-height:100svh;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));display:grid;place-items:center}.game-layout{width:min(1120px,100%);display:grid;grid-template-columns:minmax(180px,250px) minmax(300px,480px) minmax(180px,250px);gap:14px;align-items:stretch;min-width:0}.side-panel,.game-panel,.controls-panel{min-width:0;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 48px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.side-panel{border-radius:8px;padding:14px;display:grid;align-content:start;gap:12px}.brand{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.brand img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,197,49,.42)}.eyebrow{margin:0 0 3px;color:var(--gold);font-size:.78rem;font-weight:800}h1,h2,p{margin:0}h1{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1}h2{font-size:.95rem;letter-spacing:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{min-width:0;border:1px solid rgba(255,255,255,.12);background:#ffffff12;border-radius:8px;padding:9px}.stat span,.mini-label{display:block;color:#fff9e7b8;font-size:.72rem;font-weight:800}.stat strong{display:block;margin-top:4px;font-size:clamp(1.05rem,3vw,1.5rem);line-height:1;overflow-wrap:anywhere}.horn-meter{height:12px;overflow:hidden;border:1px solid rgba(255,197,49,.5);border-radius:8px;background:#00000047}.horn-meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffffff,var(--gold),var(--cyan));box-shadow:0 0 18px #ffc531a6;transition:width .18s ease-out}.mini-boards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-board{display:grid;gap:6px}.mini-board canvas{width:100%;aspect-ratio:1;border-radius:8px;background:#00000047;border:1px solid rgba(255,255,255,.12)}.leaderboard{display:grid;gap:8px}.leaderboard-list{display:grid;gap:6px;min-height:120px}.leader-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;background:#0003;font-size:.84rem}.leader-row b{color:var(--gold)}.muted{color:#fff9e7b8;font-size:.82rem}.game-panel{position:relative;border-radius:8px;padding:12px;display:grid;place-items:center}.board-wrap{position:relative;width:min(100%,calc((100svh - 220px)/2));min-width:280px;max-width:440px;aspect-ratio:1 / 2}.arcade-wrap{aspect-ratio:9 / 16}#board{width:100%;height:100%;display:block;border-radius:8px;border:2px solid rgba(255,197,49,.58);background:#0a0908d1;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 40px #00000070;touch-action:none}.burst{position:absolute;inset:0;pointer-events:none;background:url(/assets/line-burst.png) center / cover no-repeat;opacity:0;mix-blend-mode:screen}.burst.is-active{animation:burst .36s ease-out}@keyframes burst{0%{opacity:0;transform:scale(.86)}42%{opacity:.86}to{opacity:0;transform:scale(1.08)}}.overlay{position:absolute;inset:12px;display:none;place-items:center;padding:20px;border-radius:8px;background:#0c0a08d1;text-align:center}.overlay.is-visible{display:grid}.overlay-card{display:grid;gap:10px;justify-items:center}.overlay-card img{width:100px;height:100px;object-fit:cover;border-radius:8px}.overlay-card h2{font-size:1.35rem}.name-form{width:min(280px,100%);display:grid;grid-template-columns:1fr auto;gap:8px}.name-form input{min-width:0;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:11px 12px;background:#ffffff1a;color:var(--cream)}.primary,.control-btn{border:0;border-radius:8px;color:#1a1208;background:linear-gradient(180deg,#ffe073,var(--gold));font-weight:900;box-shadow:0 6px #986609;cursor:pointer}.primary{padding:11px 14px}.primary:active,.control-btn:active{transform:translateY(4px);box-shadow:0 2px #986609}.controls-panel{border-radius:8px;padding:14px;display:grid;align-content:start;gap:10px}.desktop-help{display:grid;gap:6px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:.8rem}.help-grid span{border-radius:8px;padding:7px;background:#ffffff14}.mobile-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.control-btn{min-height:58px;padding:0;display:grid;place-items:center;font-size:1.25rem;touch-action:manipulation;-webkit-user-select:none;user-select:none}.control-btn.wide{grid-column:span 2}.secondary{background:linear-gradient(180deg,#fff,#d8d4c7)}.danger{background:linear-gradient(180deg,#ff8b7d,var(--red))}.horn-btn{color:#fff9e7;background:linear-gradient(180deg,#2e2720,#0e0b09);box-shadow:0 6px #6f4705;border:1px solid rgba(255,197,49,.52)}@media(max-width:860px){.app-shell{display:block;padding:max(8px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom))}.game-layout{grid-template-columns:1fr;gap:8px}.side-panel{grid-template-columns:1fr;padding:10px}.brand{grid-template-columns:52px 1fr}.brand img{width:52px;height:52px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-boards,.leaderboard{display:none}.game-panel{padding:8px}.board-wrap{width:clamp(228px,68vw,280px);min-width:0}.controls-panel{padding:10px}.desktop-help{display:none}}@media(max-width:380px){.stat{padding:7px 5px}.stat span{font-size:.64rem}.stat strong{font-size:.95rem}.control-btn{min-height:52px;font-size:1.05rem}.board-wrap{width:clamp(220px,66vw,260px)}}