*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100dvh;overflow:hidden}body{color:#fff;background:#000;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.schulte{flex-direction:column;flex:1;gap:0;width:100%;max-width:520px;display:flex;overflow:hidden}.schulte-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.schulte-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.schulte-info-btn{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.schulte-info-btn:hover{color:#fff;border-color:#fff}.schulte-size-toggle{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#111;border:1px solid #333;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:none}.schulte-size-toggle:hover{color:#fff;border-color:#fff}.schulte-sizes{flex-wrap:wrap;gap:6px;display:flex}.schulte-size-btn{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#111;border:1px solid #333;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600;transition:all .15s}.schulte-size-btn:hover{color:#fff;border-color:#fff}.schulte-size-btn.active{color:#000;background:#fff;border-color:#fff}.schulte-reset{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#222;border:none;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:600;transition:all .15s}.schulte-reset:hover{color:#fff;background:#333}.schulte-grid-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;overflow:hidden}.schulte-grid{aspect-ratio:1;gap:8px;width:min(100%,100dvh - 180px);max-width:100%;display:grid;position:relative}.schulte-grid.finished .schulte-cell{pointer-events:none}.schulte-cell{color:#fff;font-size:var(--cell-font,clamp(.4rem, 3vw, 1.6rem));cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;font-weight:700;transition:all .12s;display:flex;overflow:hidden;box-shadow:0 1px 3px #ffffff0d}.schulte-cell:focus-visible{box-shadow:0 0 0 3px #ffffff4d}.schulte-cell:hover:not(:disabled){background:#2a2a2a;transform:scale(1.04)}.schulte-cell:active:not(:disabled){transform:scale(.95)}.schulte-cell:disabled{cursor:default;opacity:.25}.schulte-cell.used{color:#444;background:#111}.schulte-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#000000d9;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.schulte-overlay-content{flex-direction:column;align-items:center;gap:16px;display:flex}.schulte-overlay-time{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,5vw,2.4rem);font-weight:800}.schulte-overlay-btn{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:none;border-radius:10px;padding:10px 28px;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;transition:all .15s}.schulte-overlay-btn:hover{background:#ccc;transform:scale(1.05)}.schulte-overlay-btn:active{transform:scale(.95)}.schulte-stats{flex-shrink:0;justify-content:center;gap:28px;padding:8px 0 0;display:flex}.schulte-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.schulte-stat-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.schulte-stat-value{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(.7rem,2.5vw,1.375rem);font-weight:800;line-height:1.1}.schulte-info-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.schulte-info{scrollbar-width:thin;scrollbar-color:#333 transparent;background:#111;border:1px solid #333;border-radius:16px;width:100%;max-width:380px;max-height:80dvh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #00000080}.schulte-info::-webkit-scrollbar{width:4px}.schulte-info::-webkit-scrollbar-track{background:0 0}.schulte-info::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.schulte-info-title{color:#fff;margin-bottom:16px;font-size:18px;font-weight:700}.schulte-info-desc{color:#999;margin-bottom:16px;font-size:14px;line-height:1.6}.schulte-info-ref{color:#ccc;margin-bottom:10px;font-size:14px;font-weight:600}.schulte-info-table{border-collapse:collapse;width:100%;font-size:14px}.schulte-info-table tr+tr{border-top:1px solid #222}.schulte-info-table td{padding:6px 0}.schulte-info-table td.l{color:#fff;font-weight:600}.schulte-info-table td.r{text-align:right;color:#999}.schulte-info-source{color:#666;margin-top:12px;font-size:12px;line-height:1.6}.schulte-info-close{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:16px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .15s}.schulte-info-close:hover{background:#ccc}@media (width<=500px){.schulte-size-toggle{display:inline-block}.schulte-sizes{z-index:10;background:#111;border:1px solid #333;border-radius:10px;gap:6px;padding:8px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #0006}.schulte-sizes.open{display:flex}.schulte-toolbar{position:relative}}@media (width<=480px){.schulte-grid{gap:5px}.schulte-cell{border-radius:8px}}@media (width<=360px){.schulte-size-toggle{padding:4px 10px;font-size:12px}.schulte-grid{gap:4px}.schulte-cell{border-radius:6px}.schulte-reset{padding:4px 12px;font-size:12px}.schulte-stats{gap:14px}}@media (width<=300px){.schulte-grid{gap:3px}.schulte-cell{border-radius:4px}.schulte-reset{padding:2px 8px;font-size:10px}.schulte-stats{gap:8px;padding-top:4px}}@media (width<=260px){.schulte-grid{gap:2px}.schulte-cell{border-radius:3px}.schulte-reset{padding:1px 6px;font-size:9px}.schulte-stat-label{display:none}.schulte-stats{gap:6px}}@media (height<=420px){.schulte-grid{gap:4px;width:min(100%,100dvh - 130px)}.schulte-cell{border-radius:6px}.schulte-toolbar{gap:6px}.schulte-size-toggle,.schulte-size-btn{padding:3px 8px;font-size:11px}.schulte-reset{padding:3px 10px;font-size:11px}.schulte-stats{gap:14px;padding-top:4px}}@media (height<=360px){.schulte-grid{gap:3px;width:min(100%,100dvh - 100px)}.schulte-cell{border-radius:4px}.schulte-toolbar{gap:4px}.schulte-size-toggle,.schulte-size-btn{padding:2px 6px;font-size:10px}.schulte-reset{padding:2px 8px;font-size:10px}.schulte-stats{gap:10px;padding-top:2px}}.app{flex-direction:column;gap:0;height:100dvh;padding:24px 16px;display:flex;overflow:hidden}.app-header{text-align:center;flex-shrink:0;margin-bottom:8px}.app-title{color:#fff;letter-spacing:.02em;font-size:28px;font-weight:800}.app-subtitle{color:#888;margin-top:4px;font-size:14px}.app-main{flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex;overflow:hidden}@media (width<=360px){.app{padding:12px 8px}.app-title{font-size:18px}.app-subtitle{display:none}}@media (width<=300px){.app-header{display:none}.app{padding:8px 4px}}@media (height<=420px){.app-header{display:none}.app{padding:8px}}