.trainer-shell{--edge-gap: clamp(14px, 2.7vh, 24px);--rail-width: clamp(220px, 25vw, 300px);--tile-gap: clamp(5px, 1.2vh, 10px);--cell-font-ratio: .42;width:100vw;height:100dvh;min-height:420px;display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);overflow:hidden;color:#182235;background:linear-gradient(180deg,#eaf8fff5,#f9fff3fa),#eaf8ff}.number-scale-standard{--cell-font-ratio: .32}.number-scale-large{--cell-font-ratio: .42}.number-scale-extra-large{--cell-font-ratio: .5}.board-zone{min-width:0;min-height:0;height:100%;display:grid;place-items:center;padding:var(--edge-gap)}.board-frame{width:min(100%,calc(100dvh - var(--edge-gap) * 2));aspect-ratio:1;display:grid}.schulte-board{display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));gap:var(--tile-gap);width:100%;height:100%}.schulte-cell{min-width:0;min-height:0;border:clamp(2px,.45vh,4px) solid #75c8ff;border-radius:8px;display:grid;place-items:center;color:#152033;background:#fff;font-size:min(calc((100dvh - var(--edge-gap) * 2 - var(--tile-gap) * (var(--grid-size) - 1)) / var(--grid-size) * var(--cell-font-ratio)),72px);font-weight:900;line-height:1;letter-spacing:0;touch-action:manipulation;transition:transform .12s ease,background-color .14s ease,border-color .14s ease,color .14s ease}.schulte-cell:nth-child(2n){border-color:#7dda9c}.schulte-cell:active{transform:translateY(4px)}.schulte-cell.is-correct{color:#073b20;background:#98e2af;border-color:#128246}.schulte-cell.is-error{color:#a8231f;background:#ffe8e3;border-color:#e5483f;animation:error-shake .18s ease-in-out 0s 2}.control-rail{height:100%;display:grid;align-items:center;padding:var(--edge-gap) clamp(14px,1.8vw,22px);border-left:2px solid rgba(90,126,160,.25);background:#ffffffc2}.control-stack{display:grid;gap:clamp(10px,2vh,16px)}.product-title{margin:0;font-size:clamp(20px,2.7vw,28px);line-height:1.15;font-weight:900;letter-spacing:0}.control-card{display:grid;gap:8px;padding:clamp(10px,1.6vh,14px);border:2px solid #d6e7f3;border-radius:8px;background:#ffffffe6}.control-label{color:#516172;font-size:13px;font-weight:900}.timer-value{font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1;letter-spacing:0}.control-select{width:100%;min-height:48px;border:2px solid #b9ddff;border-radius:8px;padding:10px 12px;color:#182235;background:#eef7ff;font-size:18px;font-weight:900}.primary-action,.secondary-action{min-height:54px;border:0;border-radius:8px;font-size:20px;font-weight:900;letter-spacing:0;touch-action:manipulation}.primary-action{color:#fff;background:#2563eb;box-shadow:0 5px #173f9b}.secondary-action{color:#473800;background:#ffdc5d;box-shadow:0 5px #c7a522}.primary-action:active,.secondary-action:active{transform:translateY(4px);box-shadow:0 1px #173f9b80}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#1822355c}.completion-dialog{width:min(360px,100%);padding:24px;border-radius:8px;background:#fff;box-shadow:0 24px 80px #1822353d;text-align:center}.completion-dialog h2{margin:0 0 10px;font-size:32px}.completion-dialog p{margin:0 0 18px;color:#516172;font-size:20px;font-weight:800}.dialog-actions{display:grid;gap:10px}@keyframes error-shake{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media(max-width:820px),(orientation:portrait){.trainer-shell{height:auto;min-height:100dvh;grid-template-columns:1fr;overflow:auto}.board-zone{height:min(100vw,680px)}.board-frame{width:min(calc(100vw - var(--edge-gap) * 2),680px)}.control-rail{border-left:0;border-top:2px solid rgba(90,126,160,.25)}.control-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.product-title,.timer-card{grid-column:1 / -1}}:root{color:#182235;background:#eaf8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}button,select{font:inherit}