@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P.woff2)format("woff2");font-display:swap}:root{--c0:#000;--c1:#1d2b53;--c2:#7e2553;--c3:#008751;--c4:#ab5236;--c5:#5f574f;--c6:#c2c3c7;--c7:#fff1e8;--c8:#ff004d;--c9:#ffa300;--c10:#ffec27;--c11:#00e436;--c12:#29adff;--c13:#83769c;--c14:#ff77a8;--c15:#fca;--bg:var(--c1);--fg:var(--c7);--font:"Press Start 2P", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font);margin:0;font-size:16px;line-height:1.6;transition:background .3s}@media (prefers-reduced-motion:reduce){html,body{transition:none}}main{max-width:640px;margin:0 auto;padding:16px}.screen{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}h1,h2,p,ul,ol{margin:0;font-weight:400}.logo{color:var(--c8);text-shadow:4px 4px 0 var(--c0);letter-spacing:2px;font-size:40px}.sub{color:var(--c10);font-size:20px}.sub.small{font-size:16px}.tag,.note,.status{color:var(--c6)}.day{color:var(--c12);font-size:20px}.band{color:var(--c9)}.start .streak{color:var(--c6)}.big{font-size:20px}.stamp{color:var(--c8);border:4px solid var(--c8);padding:8px 16px;font-size:28px;transform:rotate(-4deg)}@media (prefers-reduced-motion:reduce){.stamp{transform:none}}.status{min-height:1.6em}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn{font:inherit;color:var(--c7);background:var(--c2);cursor:pointer;min-width:48px;min-height:48px;box-shadow:inset -4px -4px 0 var(--c0), inset 4px 4px 0 var(--c14);border:0;padding:12px 16px;font-size:16px}.btn.primary{color:var(--c0);background:var(--c3);box-shadow:inset -4px -4px 0 var(--c0), inset 4px 4px 0 var(--c11);width:100%;max-width:360px;min-height:56px;padding:16px 24px;font-size:20px}.btn.band{background:var(--c2);box-shadow:inset -4px -4px 0 var(--c0), inset 4px 4px 0 var(--c6)}.row[hidden]{display:none}a.btn{text-align:center;text-decoration:none;display:inline-block}.btn:active{transform:translateY(2px)}.btn:focus-visible,.lot:focus-visible{outline:4px solid var(--c10);outline-offset:2px}.btn[aria-pressed=true]{background:var(--c5)}.practice{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.bands{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px;display:grid}.bands .btn{min-height:64px;padding:12px 8px}.start .explain,.start .streak{font-size:16px;line-height:1.7}.start .practice .note{font-size:16px}.lines{text-align:left;flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.rows{color:var(--c6);padding:0;list-style:none}.share{font-family:var(--font), "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;white-space:pre-wrap;min-height:1.6em;margin:0}.hud{justify-content:center;gap:20px;display:flex}.lbl{font-size:14px}.stat{flex-direction:column;gap:4px;min-width:0;display:flex}.lbl{color:var(--c6)}.val{white-space:nowrap;color:var(--c10);font-size:20px}.label{color:var(--c6)}.lot{image-rendering:pixelated;touch-action:none;outline-offset:4px;-webkit-user-select:none;user-select:none;display:block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lotscreen{position:relative}.stamp.over{left:50%;top:var(--stamp-top,50%);background:var(--c0);pointer-events:none;position:absolute;transform:translate(-50%,-50%)rotate(-6deg)}@media (prefers-reduced-motion:reduce){.stamp.over{transform:translate(-50%,-50%)}}.field{font:inherit;color:var(--c7);background:var(--c0);border:4px solid var(--c13);width:18ch;min-width:0;min-height:48px;padding:8px 12px;font-size:16px}.field:focus-visible{outline:4px solid var(--c10);outline-offset:2px}.rows{text-align:left;width:100%}.rows .empty{text-align:center}.board-table{background:var(--c1);width:100%;color:var(--c7);font-size:16px;line-height:1.5;display:block}.board-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.board-table caption{color:var(--c10);background:var(--c1);text-align:left;padding:12px 8px;font-size:16px;display:block}.board-table tbody{display:block}.board-table tr{border-top:2px solid var(--c13);grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:12px;padding:10px 8px;display:grid}.board-table td{min-width:0;padding:0;display:block}.board-table .rank{color:var(--c6);grid-area:1/1}.board-table .rank:not(:empty):before{content:"#"}.board-table .name{overflow-wrap:anywhere;grid-area:1/2/auto/4}.board-table td.moves{text-align:left;white-space:nowrap;grid-area:2/1/auto/3}.board-table td.moves:not(.dnf):after{content:" moves";color:var(--c6)}.board-table td.time{text-align:right;white-space:nowrap;grid-area:2/3}.board-table td.par{color:var(--c11)}.board-table td.over{color:var(--c9)}.board-table td.dnf{color:var(--c6)}.board-table .parmark{color:var(--c11);border:2px solid var(--c11);margin-left:4px;padding:0 4px;font-size:16px}.board-table tr.you{background:var(--c0);border-top:2px solid var(--c10);border-bottom:2px solid var(--c10);border-left:4px solid var(--c10)}.board-table .youtag{color:var(--c10)}.board-table tr.gap{text-align:center;color:var(--c6);border-top:0;display:block}.board-table tr.gap td{display:block}.dialog{background:var(--c0);border:4px solid var(--c8);flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.dialog[hidden]{display:none}.btn:disabled{opacity:.5;cursor:default}:root[data-period=dusk] .lbl,:root[data-period=dusk] .note,:root[data-period=dusk] .label{color:var(--c7)}.coach{color:var(--c9);opacity:0;min-height:1.4em;margin:0;transition:opacity .2s linear}.coach.on{opacity:1}@media (prefers-reduced-motion:reduce){.coach{transition:none}}.btn.primary.how{background:var(--c12);box-shadow:inset -4px -4px 0 var(--c0), inset 4px 4px 0 var(--c7)}.sheet{text-align:left;flex-direction:column;align-items:stretch;gap:16px;width:100%;font-size:16px;display:flex}.sheet-h{color:var(--c10);margin-top:8px;font-size:20px}.sheet-lines{flex-direction:column;gap:10px;padding:0;font-size:16px;line-height:1.6;list-style:none;display:flex}.sheet-lines li{padding-left:16px;position:relative}.sheet-lines li:before{content:"";background:var(--c9);width:6px;height:6px;position:absolute;top:.55em;left:0}.sheet-note{color:var(--c9);font-size:16px}.diagram{--u:44px;width:calc(var(--u) * 6);height:var(--u);background:var(--c5);border:4px solid var(--c0);box-sizing:content-box;align-self:center;position:relative}.diagram .cell{width:var(--u);border-right:2px solid var(--c0);height:100%;position:absolute;top:0}.diagram .cell:first-child{left:0}.diagram .cell:nth-child(2){left:var(--u)}.diagram .cell:nth-child(3){left:calc(var(--u) * 2)}.diagram .cell:nth-child(4){left:calc(var(--u) * 3)}.diagram .cell:nth-child(5){left:calc(var(--u) * 4)}.diagram .cell:nth-child(6){left:calc(var(--u) * 5);border-right:0}.diagram .car,.diagram .ghost{height:calc(var(--u) - 12px);width:calc(var(--u) * 2 - 8px);position:absolute;top:6px}.diagram .car{background:var(--c8);box-shadow:inset -4px -4px 0 var(--c2), inset 4px 4px 0 var(--c14);left:4px}.diagram .car:after{content:"";background:var(--c12);width:8px;height:calc(100% - 12px);position:absolute;top:6px;right:8px}.diagram .ghost{left:calc(var(--u) * 3 + 4px);border:4px dashed var(--c7)}.diagram .arrow{left:calc(var(--u) * 2 + 8px);border-left:24px solid var(--c10);border-top:10px solid #0000;border-bottom:10px solid #0000;position:absolute;top:calc(50% - 10px)}.sheetwrap{z-index:10;background:var(--c1);-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.sheetwrap[hidden]{display:none}.sheetwrap .inner{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:640px;margin:0 auto;padding:16px;display:flex}.tools{grid-template-columns:repeat(12,1fr);gap:8px;width:100%;max-width:360px;display:grid}.tools .btn{grid-column:span 6;padding:12px 4px}.tools .btn:nth-child(n+4){grid-column:span 3}.tools .btn:nth-child(3){grid-column:span 6}.tools .btn.owtex-return{grid-column:1/-1}.tools.solo{display:flex}.tools.solo .btn{flex:1;padding:12px 8px}.board>.row{grid-template-columns:1fr 1fr;width:100%;max-width:360px;display:grid}.board .field.date{order:-1;grid-column:1/3;width:100%}.start>.row{flex-direction:column;align-items:stretch;width:100%;max-width:360px}#app{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app canvas{touch-action:none;-webkit-touch-callout:none}#app .sheetwrap{touch-action:pan-y}#app input,#app textarea,#app .share{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#app{position:relative}.share-result{touch-action:manipulation;min-height:48px}.share-dialog{z-index:100;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));overscroll-behavior:contain;background:#080e20e8;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.share-card{border:3px solid var(--amber,#ffec27);background:var(--night,#1d2b53);width:min(100%,520px);min-height:min-content;color:var(--cream,#fff1e8);text-align:center;flex-direction:column;align-self:flex-start;gap:12px;padding:16px;display:flex}.share-card h2{font-size:20px}.share-back{align-self:flex-end}.share-preview{align-self:center;width:min(100%,45vh);height:auto;display:block}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-actions .btn{flex:160px;min-height:48px}.share-status{font-size:14px;line-height:1.5}.share-card textarea{resize:vertical;color:#1d2b53;-webkit-user-select:text;user-select:text;background:#fff1e8;width:100%;min-height:90px;padding:10px;font-family:monospace;font-size:14px;line-height:1.5}.nickname>.share-result{width:100%}#app .share-dialog canvas.share-preview{touch-action:pan-y}@media (max-height:500px) and (min-width:600px){.share-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;width:min(100%,760px);padding:12px;display:grid}.share-card h2{grid-area:1/1;align-self:center;margin:8px 0;font-size:20px}.share-card .share-back{grid-area:1/2;justify-self:end}.share-preview{grid-area:2/1/5;justify-self:center;width:min(100%,58vh)}.share-status{grid-area:2/2;margin:0}.share-actions{grid-area:3/2}.share-card textarea{grid-area:4/2;height:85px;min-height:70px}}.namestep{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:360px;display:flex}.namestep .field{width:100%;font-size:20px}.namestep .btn.skip{align-self:center;min-height:48px;font-size:16px}.rank-big{color:var(--c10);margin:8px 0;font-size:28px;line-height:1.3}.rank-big:empty{display:none}.result .actions{flex-direction:column;align-items:stretch;width:100%;max-width:360px}.result .actions .btn{width:100%;max-width:none}.topbar{justify-content:flex-end;width:100%;display:flex}.boardbtn{min-height:48px;padding:8px 16px}.boardsheet .inner{gap:12px}.boardsheet .rows{width:100%}.daynav{gap:8px;width:100%;max-width:360px;display:flex}.daynav .btn{flex:1;min-height:48px;padding:8px 4px}.boardsheet .rule{color:var(--c6)}.startline{max-width:360px}.postpanel{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;display:flex}.nickname .big{margin:0}