:root{color-scheme:light;--paper: #f2ede3;--paper-shadow: #e4dccd;--panel: #fbf7ef;--panel-muted: #f0e7d9;--stage: #262c33;--stage-soft: #313843;--line: #d4c8b6;--text: #22262b;--muted: #71695d;--stage-text: #f6f1e6;--cube-red: #c94c42;--cube-blue: #3f6ea8;--cube-yellow: #d2b14a;--cube-green: #5d8d5a;--button-fill: #d8ccbb;--button-fill-border: #c9bba6;--button-fill-hover: #d0c2ad;--shadow: 0 14px 32px rgba(54, 43, 26, .08);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg,var(--paper) 0%,#ece4d7 100%);color:var(--text)}button{font:inherit;appearance:none;-webkit-appearance:none}.app-shell{position:relative;min-height:100vh}.page-frame{position:relative;z-index:1;width:min(100%,54rem);margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 1rem) .75rem calc(env(safe-area-inset-bottom,0px) + 1.2rem)}.topbar,.stage-card,.bottom-panel{box-shadow:var(--shadow)}.topbar{padding:1rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--panel)}.topbar-row,.section-heading,.stats-cluster{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.content-shell{display:grid;gap:1rem;margin-top:0}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cube-red)}.topbar-title,.hero-title,.section-heading h2{margin:0}.topbar-title{font-size:1rem;font-weight:700;color:var(--text)}.hero-title{font-size:clamp(1.8rem,5vw,2.5rem)}.hero-copy,.lesson-copy,.support-line,.empty-records{margin:0;color:var(--muted);line-height:1.5}.stats-cluster{flex-wrap:wrap;justify-content:flex-end}.stat-pill{min-width:5.3rem;padding:.7rem .85rem;border-radius:1rem;background:var(--panel-muted);text-align:right}.stat-label{display:block;margin-bottom:.25rem;font-size:.72rem;color:var(--muted)}.mode-strip,.size-grid,.puzzle-grid,.button-grid,.compact-grid,.stage-footer,.move-pad-grid,.move-pad-row{display:grid;gap:.55rem}.mode-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-pill,.size-chip,.puzzle-chip,.primary-button,.secondary-button{border:0;border-radius:1rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.mode-pill,.size-chip,.puzzle-chip,.secondary-button{padding:.82rem 1rem;background:var(--panel-muted);color:var(--text)}.mode-pill-active{background:var(--cube-blue);color:var(--stage-text);font-weight:700}.size-chip{padding:.66rem .72rem;border-radius:.9rem;font-size:.94rem}.puzzle-chip{padding:.66rem .72rem;border-radius:.9rem;font-size:.92rem}.size-chip-active,.puzzle-chip-active{background:var(--cube-yellow);color:var(--text);font-weight:700}.stage-card{padding:.8rem;border:1px solid #20252c;border-radius:1.75rem;background:linear-gradient(180deg,var(--stage) 0%,var(--stage-soft) 100%);color:var(--stage-text)}.stage-header{display:grid;gap:.45rem}.stage-wrap{margin-top:.8rem}.touch-surface{position:relative;width:min(100%,27.5rem);margin:0 auto;aspect-ratio:1;border-radius:1.45rem;background:#1c2026;border:1px solid rgba(246,241,230,.08);overflow:hidden;touch-action:none}.cube-canvas{display:block;width:100%;height:100%}.stage-footer{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.85rem}.stage-footer span{padding:.78rem .82rem;border-radius:1rem;background:#f6f1e614;text-align:center}.bottom-panel{display:grid;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:1.75rem;background:var(--panel)}.control-block{padding:.85rem;border-radius:1.3rem;background:#f0e7d9b8}.collapsible-block{padding:0;overflow:hidden}.collapse-summary{padding:1rem;cursor:pointer;list-style:none;font-weight:700;color:var(--text)}.collapse-summary::-webkit-details-marker{display:none}.collapse-content{padding:0 1rem 1rem}.section-heading{margin-bottom:.85rem}.size-grid,.puzzle-grid,.button-grid,.move-pad-row{grid-template-columns:repeat(2,minmax(0,1fr))}.move-pad-grid{gap:.75rem}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.9rem}.primary-button,.secondary-button{min-height:2.5rem;padding:.72rem .9rem;background:var(--button-fill);color:var(--text);border:1px solid var(--button-fill-border);font-weight:700;box-shadow:inset 0 -1px #22262b14}.move-pad-button{min-height:2.3rem}.button-span{grid-column:1 / -1}.record-list{display:grid;gap:.65rem;padding:0;margin:.9rem 0 0;list-style:none}.record-row{padding:.85rem .95rem;border-radius:1rem;background:#fbf7efe6}.support-line{margin-top:.45rem}.mode-pill:hover,.size-chip:hover,.puzzle-chip:hover,.move-pad-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);background:var(--button-fill-hover)}@media(min-width:860px){.page-frame{padding:calc(env(safe-area-inset-top,0px) + 1.1rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1.4rem)}.stage-card{padding:1rem}.stage-wrap,.stage-footer{margin-top:1rem}.stage-footer span{padding:.85rem 1rem}.content-shell{grid-template-columns:minmax(0,1.04fr) minmax(20rem,.96fr);align-items:start}.bottom-panel{position:sticky;top:1rem}}