:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#10131f;--muted:#657084;--paper:#f5f7fb;--panel:#ffffffe6;--line:#10131f1f;--strong-line:#10131f33;--accent:#0f766e;--gold:#c47a18;--rose:#be123c;--blue:#2563eb;--violet:#7c3aed;--green-soft:#dcfce7;--blue-soft:#dbeafe;--rose-soft:#ffe4e6;--gold-soft:#fef3c7;--shadow:0 18px 52px #10131f21;--soft-shadow:0 10px 28px #10131f14}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:linear-gradient(#10131f08 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#10131f08 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#f5f7fb 0%,#eef7f4 42%,#fff7ed 100%);min-height:100%}body{min-height:100vh;color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:wait;opacity:.55}.app-shell{width:min(1360px,100% - 20px);min-height:100svh;padding:max(8px, env(safe-area-inset-top)) 0 max(10px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:8px;margin:0 auto;display:grid}.footer-credit{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);background:#10131f0d;border:1px solid #10131f1a;border-radius:8px;padding:7px 14px;position:relative}.footer-credit p{color:var(--muted);margin:0;font-size:.78rem;font-weight:700;line-height:1.4}.footer-credit p+p{margin-top:1px}.footer-credit a{color:var(--ink);border-bottom:1px solid #10131f52;font-weight:800;text-decoration:none;transition:color .14s,border-color .14s}.footer-credit a:hover{color:var(--gold);border-color:var(--gold)}.footer-credit .dot{color:var(--muted);margin:0 6px;display:inline-block}.topbar,.score-panel,.game-panel,.leaderboard-panel,.modal-card{background:linear-gradient(180deg, #fffffff5, #ffffffd6), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fffc}.topbar{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.brand,.top-actions,.language-switch,.icon-text-button,.lane-head,.game-head,.panel-head,.life-row,.control-deck,.modal-actions{align-items:center;display:flex}.brand{gap:11px;min-width:0}.brand-mark,.modal-icon{color:#fff;background:linear-gradient(135deg, #10131f, var(--accent) 52%, var(--gold));border-radius:8px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 30px #10131f29}svg{stroke-width:2.5px;width:18px;height:18px}.brand-mark svg,.modal-icon svg{width:23px;height:23px}.eyebrow,.metric span,.focus-label,.game-head span,.panel-head span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.eyebrow{color:var(--accent);margin:0 0 3px}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin:0;font-size:clamp(1.85rem,3.4vw,3.5rem);line-height:.9}.top-actions{flex:none;gap:8px}.language-switch{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:42px;padding:4px}.language-button{min-width:48px;min-height:34px;color:var(--muted);background:0 0;border-radius:7px;font-weight:900}.language-button.active{color:#fff;background:var(--ink)}.icon-text-button,.primary-button,.secondary-button,.icon-button,.category-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.icon-text-button,.secondary-button,.icon-button,.category-button{color:var(--ink);border:1px solid var(--line);background:#fff}.icon-text-button{padding:0 12px}.primary-button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--gold));padding:0 14px;box-shadow:0 12px 30px #0f766e2e}.secondary-button{padding:0 12px}.icon-button{width:42px;padding:0}.dashboard{grid-template-columns:minmax(235px,290px) minmax(0,1fr) minmax(280px,330px);gap:8px;height:calc(100svh - 128px);min-height:0;display:grid}.score-panel,.game-panel,.leaderboard-panel{border-radius:8px;min-width:0;padding:8px}.score-panel{grid-template-rows:auto auto minmax(0,1fr);gap:8px;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.metric{border:1px solid var(--line);min-width:0;box-shadow:var(--soft-shadow);background:#ffffffd1;border-radius:8px;padding:8px}.metric.primary{color:#fff;background:linear-gradient(135deg,#10131f,#0f766e);grid-column:1/-1}.metric.primary span{color:#ffffffb8}.metric strong{margin-top:5px;font-size:clamp(1rem,2vw,1.55rem);line-height:1;display:block}.metric.primary strong{font-size:clamp(2rem,4vw,3.1rem)}.focus-card,.feedback-card{border:1px solid var(--line);min-width:0;box-shadow:var(--soft-shadow);background:#ffffffd6;border-radius:8px;padding:11px}.focus-card h2{margin:8px 0;font-size:clamp(1.05rem,1.7vw,1.34rem);line-height:1.12}.focus-card p,.feedback-card p{color:var(--muted);margin:0;font-weight:760;line-height:1.35}.feedback-card{border-left:5px solid var(--accent);align-self:start}.feedback-card.good{border-left-color:var(--accent);background:color-mix(in srgb, var(--green-soft), white 38%)}.feedback-card.bad{border-left-color:var(--rose);background:color-mix(in srgb, var(--rose-soft), white 35%)}.feedback-card.combo{border-left-color:var(--gold);background:color-mix(in srgb, var(--gold-soft), white 26%)}.feedback-card span{color:#fff;background:var(--ink);border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.game-panel{grid-template-rows:auto minmax(0,1fr) auto auto;gap:7px;display:grid}.game-head{justify-content:space-between;gap:10px}.game-head strong{margin-top:3px;font-size:1.08rem;display:block}.life-row{gap:5px}.life{background:var(--rose);border-radius:6px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff80}.life.empty{background:#10131f1f}.ledger-board{background:linear-gradient(#10131ff0,#10131fe0),#10131f;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;height:100%;min-height:0;padding:7px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 48px #10131f2e}.ledger-board:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 41px,#ffffff0f 42px),linear-gradient(#0000,#ffffff0a);position:absolute;inset:58px 8px 70px}.lane{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:7px;grid-template-rows:auto minmax(0,1fr);min-width:0;transition:background .14s,border-color .14s,transform .14s;display:grid;position:relative;overflow:hidden}.lane.selected{background:#ffffff1c;border-color:#ffffff80;transform:translateY(-1px)}.lane-head{color:#fff;text-align:center;text-transform:uppercase;background:#ffffff17;justify-content:center;gap:7px;min-height:48px;padding:8px;font-size:clamp(.7rem,1vw,.82rem);font-weight:900}.lane-head svg{flex:none}.lane-stack{flex-direction:column-reverse;justify-content:flex-start;gap:6px;min-height:0;padding:8px 7px 10px;display:flex}.ledger-chip{color:#fff;text-align:center;overflow-wrap:anywhere;background:#ffffff21;border:1px solid #ffffff24;border-radius:7px;place-items:center;min-height:31px;padding:6px 7px;font-size:.68rem;font-weight:900;line-height:1.1;display:grid}.ledger-chip.good{background:#16a34a94}.ledger-chip.bad{background:#be123ca8}.falling-block{z-index:5;color:#fff;background:linear-gradient(135deg, #ffffff2e, transparent), linear-gradient(135deg, var(--blue), var(--accent));border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;width:calc(20% - 7.6px);min-height:98px;padding:10px;transition:left .12s;display:grid;position:absolute;top:62px;left:8px;box-shadow:0 18px 38px #00000047,inset 0 0 0 1px #fff3}.falling-block span,.falling-block small{text-transform:uppercase;background:#ffffff2b;border-radius:999px;justify-self:start;padding:4px 8px;font-size:.68rem;font-weight:900}.falling-block strong{overflow-wrap:anywhere;align-self:center;font-size:clamp(.76rem,1vw,.94rem);line-height:1.16}.falling-block small{justify-self:end}.control-deck{justify-content:center;gap:6px}.category-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.category-button{min-width:0;padding:0 8px;font-size:.76rem}.category-button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.leaderboard-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;display:grid}.panel-head{justify-content:space-between;gap:10px}.panel-head h2{margin:3px 0 0;font-size:1.35rem;line-height:1.08}.leaderboard-list{scrollbar-width:thin;align-content:start;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.leaderboard-item{border:1px solid var(--line);min-width:0;box-shadow:var(--soft-shadow);background:#ffffffd1;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.leaderboard-item>strong{color:var(--gold);font-size:.9rem}.leaderboard-item div{gap:3px;min-width:0;display:grid}.leaderboard-item span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.leaderboard-item small{color:var(--muted);font-weight:760;line-height:1.25}.leaderboard-item b{color:var(--accent);white-space:nowrap}.leaderboard-status,.score-status{min-height:20px;color:var(--muted);margin:0;font-size:.84rem;font-weight:800}.score-status.good,.leaderboard-status.good{color:var(--accent)}.score-status.bad,.leaderboard-status.bad{color:var(--rose)}.modal{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10131f6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{text-align:center;border-radius:8px;width:min(560px,100%);max-height:calc(100svh - 36px);padding:22px;position:relative;overflow:auto}.modal-close{z-index:2;position:absolute;top:10px;right:10px}.modal-icon{margin:0 auto 12px}.modal-card h2{margin-bottom:8px;font-size:1.62rem;line-height:1.05}#resultSummary{color:var(--muted);margin:0 0 16px;font-weight:800}.score-form{text-align:left;gap:8px;display:grid}.score-form label{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.score-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.score-input-row input{border:1px solid var(--line);min-width:0;height:42px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 12px;font-weight:850}.score-input-row input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c47a1824}.modal-actions{justify-content:center;gap:8px;margin-top:12px}@media (width<=1180px){.dashboard{grid-template-columns:minmax(0,1fr) minmax(300px,360px);height:auto;min-height:0}.score-panel{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:minmax(230px,.85fr) minmax(230px,1fr) minmax(230px,1fr)}.ledger-board{height:min(620px,100svh - 265px);min-height:470px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric.primary{grid-column:span 1}.metric.primary strong{font-size:1.55rem}}@media (width<=820px){.app-shell{gap:8px;width:calc(100% - 12px)}.topbar{grid-template-columns:1fr;align-items:stretch;display:grid}.top-actions{justify-content:space-between}.dashboard,.score-panel{grid-template-columns:1fr}.dashboard{height:auto}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card,.feedback-card{padding:11px}.ledger-board{gap:4px;height:min(62svh,520px);min-height:430px;padding:5px}.lane-head{justify-items:center;gap:3px;min-height:54px;padding:5px 2px;font-size:.58rem;display:grid}.falling-block{width:calc(20% - 6px);min-height:92px;padding:9px}.falling-block strong{font-size:.72rem}.category-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.category-button{min-height:48px;padding:0 3px;font-size:.58rem}}@media (width<=520px){.app-shell{width:calc(100% - 8px);padding-top:max(6px, env(safe-area-inset-top))}h1{font-size:1.62rem}.brand-mark{width:40px;height:40px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-board{height:min(58svh,480px);min-height:390px}.lane-head{min-height:48px;font-size:.52rem}.control-deck{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.primary-button,.secondary-button{min-width:0;padding:0 7px;font-size:.76rem}.leaderboard-item{grid-template-columns:34px minmax(0,1fr)}.leaderboard-item b{grid-column:2;justify-self:start}.score-input-row,.modal-actions{grid-template-columns:1fr;display:grid}.modal-card{padding:18px 14px 14px}.modal-close{top:8px;right:8px}}@media (height<=760px) and (width>=1181px){.app-shell{gap:6px;width:min(1280px,100% - 16px)}.dashboard{grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(260px,310px);height:calc(100svh - 120px)}.metric{padding:7px}.focus-card,.feedback-card{padding:9px}.leaderboard-item,.ledger-chip{padding:7px}}