:root{color-scheme:dark;--bg-top: #13203d;--bg-bottom: #050915;--panel: rgba(10, 19, 36, .84);--panel-border: rgba(255, 255, 255, .08);--text: #f3f7ff;--muted: #9eb4cf;--accent: #45deb0;--accent-2: #3ba8ff;--warning: #ffd65a;--danger: #ff7d8d;--shadow: 0 18px 60px rgba(0, 0, 0, .34);--up: linear-gradient(135deg, #37dfcf, #1a7991);--right: linear-gradient(135deg, #ffd663, #f4942f);--down: linear-gradient(135deg, #b685ff, #6a55ff);--left: linear-gradient(135deg, #ff907e, #dd4d72);--gem: #66f5ec;--time: #ffd86a;--fever: #ff8c69;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}body[data-mode=rush]{--bg-top: #2a163d;--bg-bottom: #0a0818;--accent: #ffcb4d;--accent-2: #ff7f66;--shadow: 0 24px 70px rgba(0, 0, 0, .42)}body[data-mode=endless]{--bg-top: #122b2f;--bg-bottom: #051116;--accent: #59f0d0;--accent-2: #5fb0ff;--shadow: 0 24px 70px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text);background:radial-gradient(circle at top,color-mix(in srgb,var(--accent) 18%,transparent),transparent 28%),radial-gradient(circle at right,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 24%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-shell{width:min(100%,460px);margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));display:grid;gap:12px}.hero-panel,.guide-panel,.hud-panel,.board-panel,.control-panel,.tips-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-panel,.guide-panel,.hud-panel,.board-panel,.tips-panel{padding:16px}.control-panel{padding:12px}.hero-top,.board-head,.meter-label,.mission-row,.control-panel,.tips-panel{display:flex;gap:10px}.hero-top,.board-head,.meter-label{justify-content:space-between;align-items:center}.eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:color-mix(in srgb,var(--accent) 68%,white);font-size:12px;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:12px;font-size:clamp(28px,8vw,36px);line-height:1.05}h2{font-size:18px}h3{font-size:15px}.hero-desc,.status-text,.tip-card p,.board-head p{color:var(--muted);line-height:1.5}.hero-desc{margin-top:8px}.guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.guide-intro,.guide-copy p,.guide-note{color:var(--muted);line-height:1.5}.guide-intro{margin-top:8px}.guide-steps{display:grid;gap:10px;margin-top:14px}.guide-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:12px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.guide-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#061018;font-weight:900}.guide-copy strong{display:block;margin-bottom:4px;font-size:14px}.guide-note{margin-top:12px;font-size:13px}.hint-btn{flex:0 0 auto;min-height:46px;padding-inline:16px}.icon-btn,.mode-btn,.primary-btn,.secondary-btn{border:0;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.icon-btn,.mode-btn,.secondary-btn{background:#ffffff14;color:var(--text)}.icon-btn{padding:10px 12px;border-radius:14px;white-space:nowrap}.subtle-help-btn{min-width:38px;min-height:38px;padding:0;background:#ffffff0a;color:var(--muted);font-size:18px;font-weight:900}.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.difficulty-panel,.size-panel,.seed-panel{margin-top:14px;padding:12px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.difficulty-head{display:flex;flex-direction:column;gap:4px}.difficulty-head strong{font-size:14px}.difficulty-desc{color:var(--muted);font-size:13px;line-height:1.5}.difficulty-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.size-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.seed-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.seed-mode-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.06));color:color-mix(in srgb,var(--accent) 72%,white);font-size:12px;font-weight:800}.seed-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.seed-code-card{min-width:0;padding:12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.seed-code-label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.seed-code-value{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.seed-input-row{margin-top:12px}.seed-input{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0f;color:var(--text);font:inherit;outline:none}.seed-input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.seed-input:focus{border-color:color-mix(in srgb,var(--accent) 44%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.seed-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.seed-btn{flex:1 1 calc(33.333% - 8px);min-width:92px;min-height:46px;padding:12px 10px;border-radius:16px;font-size:13px;font-weight:800}.share-actions{margin-top:8px}.share-btn{flex-basis:calc(50% - 8px)}.share-btn.is-copied{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.08));box-shadow:0 10px 24px #0000002e}.share-feedback{margin:10px 2px 0;font-size:12px;line-height:1.6}.share-feedback.is-hint{color:var(--muted)}.share-feedback.is-success{color:#9df2cb}.share-feedback.is-error{color:#ffc0c0}.seed-note{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}.share-modal-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px 14px;background:#040a12b8;backdrop-filter:blur(10px)}.share-modal{width:min(100%,396px);max-height:min(88vh,720px);overflow:auto;padding:12px;border-radius:20px;background:linear-gradient(180deg,#101928f5,#080d16fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 60px #0006}.share-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.share-modal-desc{margin-top:4px;color:var(--muted);line-height:1.45;font-size:13px}.share-close-btn{min-width:34px;min-height:34px;padding:0;border-radius:12px;font-size:14px;font-weight:900}.share-qr-card{display:flex;justify-content:center;align-items:center;min-height:218px;margin-top:8px}.share-qr-image{display:block;width:min(100%,184px);aspect-ratio:1;object-fit:contain;padding:8px;border-radius:14px;background:#eaf2ff;border:1px solid rgba(132,180,255,.46);box-shadow:0 12px 26px #050a1233}.share-qr-fallback{color:var(--text);font-size:13px;line-height:1.55;text-align:center}.share-link-block{margin-top:8px;padding:10px 12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.share-link-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.share-link-label{color:var(--muted);font-size:12px}.share-link-value{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.share-copy-icon{min-width:30px;min-height:30px;padding:0;border-radius:10px;font-size:14px;font-weight:900}.share-copy-icon.is-copied{color:#9df2cb;background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.08));border:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}.install-guide-modal{width:min(100%,360px)}.install-guide-steps{display:grid;gap:10px;margin-top:12px}.install-guide-step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.install-guide-step p{color:#dbe6f8;font-size:13px;line-height:1.55}.install-guide-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#061018;font-size:12px;font-weight:900}.difficulty-btn,.size-btn{border:0;border-radius:14px;padding:10px 12px;background:#ffffff14;color:var(--text);font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.difficulty-btn{flex:1 1 calc(33.333% - 8px);min-width:92px}.size-btn{min-width:0;font-size:13px}.mode-btn{border-radius:16px;padding:12px 10px;font-weight:700}.mode-btn.active,.difficulty-btn.active,.size-btn.active,.icon-btn.active,.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#061018;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 32%,transparent)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{padding:14px 12px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.stat-card span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:19px;line-height:1.15}.meter-block{margin-top:14px}.meter-label{font-size:13px;color:var(--muted);margin-bottom:8px}.meter-track{overflow:hidden;height:12px;border-radius:999px;background:#ffffff14}.meter-fill{height:100%;width:0;border-radius:inherit;transition:width .18s ease}.stage-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.fever-fill{background:linear-gradient(90deg,#ffcf53,#ff8b67 60%,#ff5f89)}.mission-row{margin-top:14px;flex-wrap:wrap}.mission-chip{flex:1 1 160px;min-height:46px;display:flex;align-items:center;padding:10px 12px;border-radius:16px;background:#ffffff0f;font-size:13px;color:var(--text)}.mission-chip.alt{color:var(--muted)}.status-text{margin-top:12px;min-height:42px;font-size:14px}.board-head{align-items:flex-start;margin-bottom:14px}.board-head>div{min-width:0}.board-frame{position:relative;padding:var(--board-frame-padding, 10px);border-radius:22px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.06);overflow:hidden}.board-frame.is-fever{box-shadow:inset 0 0 0 1px #ffffff1a,0 0 32px #ff8f642e}.board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--board-size, 7),minmax(0,1fr));gap:var(--cell-gap, 8px)}.cell{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;isolation:isolate;border:0;background:transparent;border-radius:var(--cell-radius, 18px);color:#fff;font-size:var(--cell-font-size, clamp(24px, 7vw, 34px));font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000038;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,outline-color .16s ease}.cell:before,.cell:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.cell:before{z-index:0;background:radial-gradient(circle at 24% 20%,rgba(255,255,255,.14),transparent 32%),linear-gradient(165deg,color-mix(in srgb,var(--cell-tint, var(--accent)) 28%,rgba(255,255,255,.08)),#0b121fe6 78%)}.cell:after{z-index:0;inset:1px;opacity:.8;background:linear-gradient(180deg,rgba(255,255,255,.11),transparent 36%),linear-gradient(180deg,transparent 62%,rgba(255,255,255,.03))}.cell:active{transform:scale(.97)}.cell:disabled{cursor:default}.cell.up{--cell-tint: #53cfc7;--arrow-color: #e4fffb}.cell.right{--cell-tint: #e8b84f;--arrow-color: #fff5dc}.cell.down{--cell-tint: #8b6ff2;--arrow-color: #f0e9ff}.cell.left{--cell-tint: #ec7f85;--arrow-color: #fff0f3}.cell-empty{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f}.cell-empty:before,.cell-empty:after{content:none}.cell-arrow{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;color:var(--arrow-color, #fff);text-shadow:0 0 14px color-mix(in srgb,var(--cell-tint, var(--accent)) 32%,transparent),0 8px 16px rgba(0,0,0,.18)}.path-order{position:absolute;left:var(--path-order-offset, 7px);bottom:var(--path-order-offset, 7px);z-index:2;min-width:var(--path-order-size, 22px);height:var(--path-order-size, 22px);padding:0 var(--path-order-padding, 6px);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--path-order-font-size, 11px);font-weight:900;color:#08111e;background:#ffffffeb}.cell-badge{position:absolute;top:var(--badge-offset, 7px);right:var(--badge-offset, 7px);z-index:2;min-width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 var(--badge-padding, 5px);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--badge-font-size, 11px);font-weight:800;line-height:1;color:#fffffff5;background:#070e1b8f;border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 12px #0000002e;backdrop-filter:blur(8px)}.cell.special-gem .cell-badge{background:color-mix(in srgb,var(--gem) 30%,rgba(7,14,27,.5))}.cell.special-time .cell-badge{background:color-mix(in srgb,var(--time) 36%,rgba(7,14,27,.5))}.cell.special-fever .cell-badge{background:color-mix(in srgb,var(--fever) 36%,rgba(7,14,27,.48))}.cell.preview{outline:var(--cell-outline-width, 3px) solid rgba(255,255,255,.94);outline-offset:calc(var(--cell-outline-width, 3px) * -1);box-shadow:0 0 0 4px #ffffff14,0 18px 32px #ffffff1f}.cell.preview.invalid{opacity:.62}.cell.preview.invalid .path-order{background:#ff9191f2}.cell.start{transform:scale(1.05);box-shadow:0 0 0 4px #ffffff14,0 0 24px color-mix(in srgb,var(--accent) 40%,transparent);animation:pulse-start 1.1s ease-in-out infinite}.cell.current{transform:scale(1.05);box-shadow:0 0 0 4px #ffffff14,0 0 30px color-mix(in srgb,var(--accent-2) 34%,transparent),inset 0 1px #ffffff38}.cell.clearing{animation:cell-explode-shell .72s cubic-bezier(.18,.82,.2,1) forwards;animation-delay:var(--clear-delay, 0ms);box-shadow:0 0 0 2px color-mix(in srgb,var(--cell-tint, var(--accent)) 34%,rgba(255,255,255,.12)),0 0 34px color-mix(in srgb,var(--cell-tint, var(--accent)) 48%,transparent),0 0 58px color-mix(in srgb,var(--cell-tint, var(--accent)) 34%,transparent),inset 0 0 22px color-mix(in srgb,var(--cell-tint, var(--accent)) 36%,transparent)}.cell.clearing .path-order{animation:path-resolve .5s cubic-bezier(.18,.82,.2,1) forwards;animation-delay:var(--clear-delay, 0ms)}.cell.clearing:before{animation:cell-surface-resolve .66s cubic-bezier(.18,.82,.2,1) forwards;animation-delay:var(--clear-delay, 0ms)}.cell.clearing:after{animation:cell-surface-flash .66s cubic-bezier(.18,.82,.2,1) forwards;animation-delay:var(--clear-delay, 0ms)}.cell.clearing .cell-arrow{animation:arrow-pop .72s cubic-bezier(.18,.82,.2,1) both;animation-delay:var(--clear-delay, 0ms)}.cell.clearing .cell-badge{animation:badge-resolve .58s cubic-bezier(.18,.82,.2,1) forwards;animation-delay:var(--clear-delay, 0ms)}.board.shake{animation:shake .25s ease}.fever-badge{position:static;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#ffcc52,#ff6e67 60%,#ff5d91);color:#1d0910;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 20px #ff71673d;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-2px) scale(.94);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.fever-badge.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.hidden{display:none}.particle-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.particle,.floating-text{position:absolute;left:0;top:0;transform:translate(-50%,-50%)}.particle{width:var(--particle-size, 10px);height:var(--particle-size, 10px);border-radius:999px;background:#fff;opacity:0;box-shadow:0 0 12px currentColor;animation:particle-fly var(--particle-duration, .72s) cubic-bezier(.2,.7,.2,1) forwards}.particle.shard{width:calc(var(--particle-size, 10px) * .72);height:calc(var(--particle-size, 10px) * 1.9);border-radius:4px;box-shadow:0 0 18px currentColor}.particle.ring{width:var(--particle-size, 10px);height:var(--particle-size, 10px);background:transparent;border:max(2px,calc(var(--particle-size, 10px) * .08)) solid currentColor;box-shadow:0 0 24px currentColor}.floating-text{font-size:clamp(20px,5vw,24px);font-weight:900;letter-spacing:.02em;white-space:nowrap;color:#fff;-webkit-text-stroke:.6px rgba(8,16,28,.42);text-shadow:0 10px 24px rgba(0,0,0,.44),0 2px 6px rgba(0,0,0,.36);animation:float-up .88s ease forwards}.floating-text.victory{color:#fff3c2;font-size:clamp(28px,7.6vw,38px);letter-spacing:.04em;text-shadow:0 16px 36px rgba(0,0,0,.5),0 0 26px rgba(255,204,94,.32)}.floating-text.victory-subtle{color:#aef9ef;font-size:clamp(16px,4.2vw,20px)}.floating-text.fever{color:#ffd45d;font-size:clamp(20px,5.4vw,24px)}.floating-text.mission{color:var(--gem)}.floating-text.failure{color:#ff9b7d}.floating-text.score{color:#f3f7fff5}.tips-panel{flex-direction:column}.tip-card{flex:1;padding:14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.tip-card h3{margin-bottom:8px}.tip-card.emphasis{background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.04))}.icon-btn:hover,.mode-btn:hover,.difficulty-btn:hover,.size-btn:hover,.primary-btn:hover,.secondary-btn:hover,.cell:hover{transform:translateY(-1px)}button:disabled:hover,.icon-btn:disabled:hover,.mode-btn:disabled:hover,.difficulty-btn:disabled:hover,.size-btn:disabled:hover,.primary-btn:disabled:hover,.secondary-btn:disabled:hover{transform:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse-start{0%,to{transform:scale(1.04)}50%{transform:scale(1.08)}}@keyframes path-resolve{0%{transform:scale(1);opacity:1;filter:saturate(1)}35%{transform:scale(1.14);opacity:1}to{transform:translateY(-8px) scale(.18);opacity:0;filter:saturate(1.9) brightness(1.15)}}@keyframes cell-explode-shell{0%{transform:scale(1)}28%{transform:scale(1.08)}to{transform:scale(.7)}}@keyframes cell-surface-resolve{0%{opacity:1;transform:scale(1);filter:saturate(1)}26%{opacity:1;transform:scale(1.08);filter:saturate(1.35) brightness(1.18)}64%{opacity:.92;transform:scale(.92);filter:saturate(1.55) brightness(1.34)}to{opacity:0;transform:scale(1.42);filter:saturate(2.2) brightness(1.55) blur(1px)}}@keyframes cell-surface-flash{0%{opacity:.12;transform:scale(.84)}36%{opacity:.98;transform:scale(1.18)}to{opacity:0;transform:scale(1.68)}}@keyframes arrow-pop{0%{transform:scale(1);opacity:1;filter:brightness(1)}32%{transform:scale(1.3);opacity:1;filter:brightness(1.35)}to{transform:translateY(-10px) scale(.16);opacity:0;filter:brightness(2) saturate(2)}}@keyframes badge-resolve{0%{transform:scale(1);opacity:1}to{transform:translateY(-8px) scale(.18);opacity:0}}@keyframes timer-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes particle-fly{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}@keyframes float-up{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}12%{opacity:1}to{transform:translate(-50%,calc(-50% - 34px)) scale(1.02);opacity:0}}@media(max-width:380px){.stats-grid,.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-btn{flex-basis:calc(50% - 8px)}.hero-top,.guide-head,.board-head,.control-panel,.seed-head,.share-modal-head{flex-direction:column;align-items:stretch}.seed-code-grid{grid-template-columns:minmax(0,1fr)}.seed-btn,.share-btn{flex-basis:calc(50% - 8px)}.share-qr-card{min-height:220px}.fever-badge{min-width:74px;height:30px;padding:0 10px;font-size:12px}}@media(min-width:768px){.app-shell{padding-top:22px}.board{gap:calc(var(--cell-gap, 8px) + 1px)}}.focus-app{width:min(100%,500px);gap:14px;padding-bottom:max(26px,env(safe-area-inset-bottom))}.panel-surface{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:16px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.focus-header,.focus-summary,.coach-panel,.quick-actions,.workbench-shell{position:relative;overflow:hidden}.focus-header:after,.focus-summary:after,.workbench-shell:after{content:"";position:absolute;inset:0 auto auto 0;width:42%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 46%,transparent),transparent)}.focus-brand,.summary-head,.coach-head,.workbench-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.focus-copy,.summary-copy{min-width:0}.focus-subtitle,.summary-note,.workbench-desc,.board-footnote{margin-top:8px;color:var(--muted);line-height:1.5}.focus-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.meta-chip,.workbench-state{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#ffffff0f;color:var(--text);font-size:12px;font-weight:800}.meta-chip.strong,.workbench-state{background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));color:color-mix(in srgb,var(--accent) 74%,white)}.install-chip-btn{border:0;cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.08)),color-mix(in srgb,var(--accent-2) 24%,rgba(255,255,255,.08)));color:#f3fbff;box-shadow:0 10px 20px #040b1429}.install-chip-btn:hover{transform:translateY(-1px)}.meta-chip.accent{background:color-mix(in srgb,var(--accent-2) 16%,rgba(255,255,255,.08));color:color-mix(in srgb,var(--accent-2) 74%,white)}.summary-title{margin-top:10px;font-size:clamp(20px,5.2vw,26px);line-height:1.3}.summary-stats-grid{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.mission-chip.subtle{color:color-mix(in srgb,var(--accent) 66%,white)}.coach-grid,.tips-grid,.workbench-stack{display:grid;gap:12px}.coach-grid{margin-top:14px}.coach-grid .guide-step{margin:0}.board-panel-focus{padding:16px}.board-status-shell{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:12px;min-height:64px;padding:10px 12px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.board-status-shell-top{margin-top:0;margin-bottom:12px}.board-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:28px;padding:0 10px;border-radius:999px;background:#ffffff14;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.04em}.board-status-badge.success{background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));color:color-mix(in srgb,var(--accent) 72%,white)}.board-status-badge.preview{background:#ffffff14;color:#bdd0e8}.board-status-badge.fever{background:color-mix(in srgb,var(--fever) 22%,rgba(255,255,255,.08));color:#ffd8af}.board-status-text{margin:0;color:#dbe6f8;font-size:14px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.board-footnote{margin-top:12px;font-size:13px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-actions .primary-btn,.quick-actions .secondary-btn{min-height:50px}.workbench-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.workbench-tab{min-height:46px;border:0;border-radius:16px;background:#ffffff14;color:var(--text);font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.workbench-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#061018;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 32%,transparent)}.workbench-tab:hover{transform:translateY(-1px)}.workbench-body{margin-top:14px;display:grid;gap:12px}.workbench-empty{margin-top:14px;color:var(--muted);line-height:1.6}.workbench-body .difficulty-panel,.workbench-body .size-panel,.workbench-body .seed-panel{margin-top:0}.empty-state-card{margin-top:14px;padding:14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.empty-state-card p{margin-top:8px;color:var(--muted);line-height:1.5}.empty-state-card .secondary-btn{margin-top:12px}@media(min-width:640px){.coach-grid,.tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.focus-brand,.coach-head,.workbench-head{flex-direction:column;align-items:stretch}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-grid .primary-btn{grid-column:span 2}}.focus-minimal-app{width:min(100%,480px);gap:8px;padding:max(8px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.minimal-header,.challenge-brief,.sticky-action-bar{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:12px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.minimal-header{display:grid;gap:10px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%),linear-gradient(180deg,#0f1b31f0,#080f1ce6)}.header-main,.header-actions,.header-badges,.header-chip-cluster,.drawer-head,.drawer-summary-row,.starter-actions{display:flex;gap:8px}.header-main,.drawer-head{justify-content:space-between;align-items:flex-start}.header-actions,.header-chip-cluster,.drawer-summary-row,.rule-pill-row,.starter-actions{flex-wrap:wrap}.header-badges{align-items:center;justify-content:space-between}.header-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.header-copy{min-width:0}.header-chip-cluster{min-width:0;flex:1 1 auto}.header-actions{flex:0 0 auto;justify-content:flex-end}.header-actions .icon-btn{width:38px;height:38px;padding:0;border-radius:12px}.minimal-title{font-size:clamp(22px,6.4vw,28px);line-height:1.1}.header-slogan{margin-top:4px;color:#eaf4ff;font-size:13px;font-weight:700;line-height:1.4}.challenge-brief{position:relative;display:grid;gap:10px;overflow:hidden;padding:12px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 34%),radial-gradient(circle at left center,color-mix(in srgb,var(--accent) 14%,transparent),transparent 30%),linear-gradient(180deg,#0d182bfa,#070e1bf0)}.challenge-brief:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 26%),linear-gradient(180deg,transparent,rgba(255,255,255,.02));pointer-events:none}.challenge-meter-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.challenge-meter-grid .meter-block{margin-top:0}.board-panel-minimal{padding:12px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 32%),linear-gradient(180deg,#0b1526f5,#080e1beb)}.minimal-board-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:8px}.board-header-copy{display:grid;min-width:0;gap:6px}.board-level-chip{display:inline-flex;align-items:center;width:fit-content;min-height:26px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.06));color:color-mix(in srgb,var(--accent) 78%,white);font-size:12px;font-weight:900;letter-spacing:.06em}.board-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.board-step{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 8px;border-radius:999px;background:#ffffff12;color:#f5fbff;font-size:10px;font-weight:800;white-space:nowrap}.board-corner-stack{display:grid;min-width:96px;justify-items:end;gap:6px}.board-timer-chip{display:inline-flex;align-items:center;justify-content:center;min-width:108px;min-height:34px;padding:0 9px;border-radius:12px;background:linear-gradient(135deg,#ffd566f0,#ff9073f0);color:#24110e;font-size:12px;font-weight:900;letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:0 14px 26px #ff796538}.board-timer-chip.urgent{animation:timer-urgent .8s ease-in-out infinite;box-shadow:0 0 0 3px #ff7d8d24,0 14px 30px #ff616142}.compact-status{margin-top:-2px;min-height:0}.board-insight-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:10px}.board-insight-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06)}.board-insight-copy{min-width:0}.board-insight-label,.board-insight-note{color:var(--muted)}.board-insight-label{display:block;font-size:12px;font-weight:700}.board-insight-value{display:block;text-align:right;font-size:clamp(15px,4.6vw,19px);line-height:1.2;white-space:nowrap}.board-insight-note{margin-top:2px;font-size:12px;line-height:1.35}.sticky-action-bar{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:10}.sticky-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sticky-action-grid .primary-btn,.sticky-action-grid .secondary-btn{min-height:40px;padding:8px 6px;border-radius:12px;font-size:13px;line-height:1.1}.board-status-shell{margin-top:8px}.board-status-text{font-size:13px;line-height:1.4}.board-frame{padding:var(--board-frame-padding, 8px);border-radius:20px}.install-guide-note{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.55}.drawer-backdrop{position:fixed;inset:0;z-index:21;background:#040a128f;backdrop-filter:blur(8px)}.bottom-drawer{position:fixed;inset:auto 0 0;z-index:22;display:flex;justify-content:center;padding:0 12px max(10px,env(safe-area-inset-bottom))}.drawer-sheet{width:min(100%,480px);max-height:min(78vh,720px);display:flex;flex-direction:column;overflow:hidden;padding:10px 14px 16px;border-radius:24px 24px 20px 20px;background:linear-gradient(180deg,#101928fa,#080d16fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 -12px 40px #00000061}.drawer-handle{width:52px;height:5px;margin:0 auto 12px;border-radius:999px;background:#ffffff2e}.drawer-desc{margin-top:4px;color:var(--muted);line-height:1.5}.drawer-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.drawer-tab{min-height:44px;border:0;border-radius:14px;background:#ffffff14;color:var(--text);font:inherit;font-weight:800;cursor:pointer}.drawer-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#061018;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 32%,transparent)}.drawer-body{margin-top:14px;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}.drawer-stack{display:grid;gap:12px}.drawer-body .difficulty-panel,.drawer-body .size-panel,.drawer-body .seed-panel{margin-top:0}.starter-backdrop{position:fixed;inset:0;z-index:24;background:#03070cbd;backdrop-filter:blur(6px)}.starter-overlay{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:18px 14px}.starter-card{width:min(100%,360px);padding:18px;border-radius:24px;background:linear-gradient(180deg,#111c2dfa,#090f18fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px #0000006b}.starter-card h2{margin-top:8px}.starter-steps{gap:10px;margin-top:14px}.starter-step{padding:12px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.starter-step strong{display:block;margin-bottom:4px}.starter-step p{color:var(--muted);line-height:1.5}.starter-actions{margin-top:14px}.starter-actions .primary-btn,.starter-actions .secondary-btn{flex:1;min-height:48px}@media(max-width:420px){.focus-minimal-app{padding-inline:8px}.minimal-header,.challenge-brief,.sticky-action-bar,.board-panel-minimal{padding-left:10px;padding-right:10px}.header-slogan{font-size:12px}.board-level-chip{padding:0 10px;font-size:11px}.board-steps{gap:4px}.board-step{min-height:26px;padding:0 6px;font-size:10px}.board-corner-stack{min-width:110px}.challenge-meter-grid{grid-template-columns:minmax(0,1fr)}.sticky-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.sticky-action-grid .primary-btn,.sticky-action-grid .secondary-btn{min-height:38px;padding:7px 4px;font-size:12px}.starter-actions{flex-direction:column}}@media(max-width:360px){.header-main{grid-template-columns:minmax(0,1fr) 82px}.minimal-title{font-size:22px}.header-slogan{font-size:12px}.minimal-board-head{grid-template-columns:minmax(0,1fr) 92px}.board-insight-card{grid-template-columns:minmax(0,1fr);align-items:start;gap:4px}.board-timer-chip{min-width:100px;min-height:34px;padding:0 8px;font-size:11px}.board-insight-value{text-align:left}}