@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:block;src:url(press-start-2p-latin.1651c03f.woff2)format("woff2")}@font-face{font-family:DotGothic16;font-style:normal;font-weight:400;font-display:block;src:url(dotgothic16-ja.b2cd7103.woff2)format("woff2");unicode-range:U+30??,U+4E00-9FFF,U+FF01-FF60}@font-face{font-family:DotGothic16 Text;font-style:normal;font-weight:400;font-display:block;src:url(dotgothic16-ja.b2cd7103.woff2)format("woff2");unicode-range:U+20-7E,U+30??,U+4E00-9FFF,U+FF01-FF60}:root{--bg:#0b0f1f;--panel:#151c38;--ink:#e8f0ff;--dim:#8d9bd4;--edge:#05070f;--go:#2f6fe0;--good:#3ddc6b;--bad:#e8384f;--count:#ffd23f;--unit:4px;--pixel:"Press Start 2P", "DotGothic16", ui-monospace, "Courier New", monospace}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--pixel);text-transform:uppercase;-webkit-font-smoothing:none;font-smooth:never;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}#intro{background:var(--panel);border:var(--unit) solid var(--edge);max-width:560px;box-shadow:8px 8px 0 var(--edge);margin:16px;padding:24px 20px;position:relative}#intro-title{color:var(--count);text-shadow:4px 4px 0 var(--edge);margin:0 0 12px;font-size:32px;line-height:1.2}#intro-tagline{color:var(--go);text-shadow:2px 2px 0 var(--edge);margin:0 0 24px;font-size:10px;line-height:1.6}#intro-copy p{color:#c3cdf5;text-transform:none;margin:0 0 16px;font-size:8px;line-height:2}#intro-preview{border:var(--unit) solid var(--edge);width:100%;max-width:320px;height:auto;image-rendering:pixelated;background:#10152b;margin:16px auto 0;display:block}#intro-safety{color:var(--count);text-transform:none;background:var(--bg);border:var(--unit) solid var(--count);box-shadow:4px 4px 0 var(--edge);margin:24px 4px 0 0;padding:12px;font-size:8px;line-height:1.8}#intro-start{width:100%;min-height:52px;font-family:var(--pixel);text-transform:uppercase;color:var(--ink);text-shadow:2px 2px #0000008c;background:var(--go);border:var(--unit) solid var(--edge);box-shadow:inset 0 var(--unit) 0 #ffffff52, inset var(--unit) 0 0 #ffffff2e, inset 0 calc(var(--unit) * -1) 0 #0000006b, inset calc(var(--unit) * -1) 0 0 #00000047, 0 var(--unit) 0 var(--edge);cursor:pointer;white-space:nowrap;border-radius:0;margin:20px 0 12px;padding:0 16px;font-size:12px;line-height:1;transition:none;display:block}#intro-start:active:not(:disabled){transform:translateY(var(--unit));box-shadow:inset 0 var(--unit) 0 #fff3, inset 0 calc(var(--unit) * -1) 0 #0000006b}#intro-start:focus-visible{outline:var(--unit) solid var(--count);outline-offset:var(--unit)}#intro-start:disabled{color:#6b76a8;text-shadow:none;cursor:wait;background:#2b3152}#intro-status{min-height:24px;color:var(--dim);text-transform:none;margin:0;font-size:8px;line-height:1.6}#intro-status.error{color:var(--bad)}#intro-lang{color:var(--dim);gap:6px;font-size:8px;display:flex;position:absolute;top:24px;right:20px}#intro-lang a{color:var(--count);text-underline-offset:3px;text-decoration:underline}#intro-lang a[aria-current=true]{color:var(--ink);text-decoration:none}.footer-links{color:var(--dim);flex-wrap:wrap;gap:8px 12px;margin-top:16px;font-size:8px;display:flex}.footer-links a,.page-back{color:var(--count);text-underline-offset:3px;text-decoration:underline}.footer-links a:focus-visible,.page-back:focus-visible,#intro-lang a:focus-visible{outline:2px solid var(--count);outline-offset:2px}#stage{width:100%;max-width:1280px;padding:16px}.canvas-wrapper{aspect-ratio:4/3;border:var(--unit) solid var(--edge);outline:var(--unit) solid var(--panel);background:#000;width:100%;max-width:calc(133.333vh - 128px);margin:0 auto;position:relative}.canvas-wrapper canvas,.canvas-wrapper video{width:100%;height:100%;position:absolute;inset:0}#hint{text-align:center;color:var(--dim);margin:20px 0 0;font-size:8px;line-height:1.6}.look{background:var(--bg);border:2px solid var(--edge);min-width:0;margin:8px 0 0;padding:12px}.look[hidden]{display:none}#tabs{gap:8px;margin-top:16px;display:flex}.tab{min-width:0;font-family:var(--pixel);text-align:left;text-transform:uppercase;color:var(--ink);background:var(--bg);border:var(--unit) solid var(--edge);cursor:pointer;overflow-wrap:break-word;border-radius:0;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:4px;margin:0;padding:8px 4px;font-size:8px;line-height:1.4;display:flex;box-shadow:inset 0 2px #ffffff1f,inset 0 -2px #00000059}.tab[aria-selected=true]{border-color:var(--count)}.tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.tab-label{color:var(--dim)}.tab-value{align-items:center;gap:4px;min-width:0;display:flex}.tab-swatch{border:2px solid var(--edge);flex:none;width:16px;height:16px}.tab-head{flex:none;width:24px;height:24px;display:block}.look-row{flex-wrap:wrap;gap:12px;display:flex}.look-grid{contain:inline-size;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--dim) var(--bg);grid-template-rows:repeat(2,auto);grid-auto-flow:column;justify-content:start;padding:4px 4px 12px;display:grid;overflow-x:auto}.look-grid>.look-opt{scroll-snap-align:start}.look-grid::-webkit-scrollbar{background:var(--bg);height:8px}.look-grid::-webkit-scrollbar-track{background:var(--bg);border-radius:0}.look-grid::-webkit-scrollbar-thumb{background:var(--dim);border-radius:0}.look-hint{color:var(--dim);margin:4px 0 0;font-size:8px}.look-opt{font-family:var(--pixel);color:var(--ink);background:var(--bg);border:var(--unit) solid var(--edge);cursor:pointer;border-radius:0;margin:0;padding:0;font-size:8px}.look-opt[aria-checked=true]{border-color:var(--count);box-shadow:4px 4px 0 var(--edge);transform:translate(-2px,-2px)}.look-swatch[aria-checked=true]{box-shadow:4px 4px 0 var(--edge), var(--glow)}.look-opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.look-swatch{width:40px;height:40px}.look-head{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:84px;padding:4px 4px 6px;line-height:1.3;display:flex}.look-speed{padding:8px 10px;line-height:1.4}.look-head canvas{width:56px;height:56px;display:block}@media (width<=420px){#intro-lang{justify-content:flex-end;margin-bottom:12px;position:static}#tabs{flex-wrap:wrap}.tab{flex:40%}.look-row{gap:8px}.look-swatch{width:36px;height:36px}}.page{max-width:640px}.page [data-lang][hidden]{display:none}.page-back{margin:0 0 16px;font-size:8px;display:inline-block}.page-bottom{margin:24px 0 0;display:block}.page-updated{color:var(--dim);text-transform:none;margin:0 0 24px;font-size:8px;line-height:1.8}.page h2{color:var(--go);text-shadow:2px 2px 0 var(--edge);text-transform:none;margin:24px 0 8px;font-size:10px;line-height:1.6}.page p,.page li{color:#c3cdf5;text-transform:none;font-size:8px;line-height:1.8}.page p{margin:0 0 12px}.page ul{margin:0 0 12px;padding-left:20px}.page li{margin-bottom:8px}.page a{color:var(--count);text-underline-offset:3px}.page #intro-title,.page #intro-tagline{text-transform:uppercase}html[lang=ja] #intro-tagline{font-size:16px}html[lang=ja] #intro-copy p,html[lang=ja] #intro-safety,html[lang=ja] #intro-status,html[lang=ja] .footer-links,html[lang=ja] #hint,html[lang=ja] .look-hint,html[lang=ja] .look-opt,html[lang=ja] .tab,html[lang=ja] .page-back,html[lang=ja] .page-updated,html[lang=ja] .page p,html[lang=ja] .page li{font-size:12px;line-height:1.6}html[lang=ja] #intro-copy p,html[lang=ja] #intro-safety,html[lang=ja] #intro-status,html[lang=ja] .footer-links,html[lang=ja] #hint,html[lang=ja] .page-back,html[lang=ja] .page-updated,html[lang=ja] .page h2,html[lang=ja] .page p:not(#intro-title):not(#intro-tagline),html[lang=ja] .page li{font-family:"DotGothic16 Text", var(--pixel)}html[lang=ja] .look-head{min-width:96px}html[lang=ja] #intro-start,html[lang=ja] .page h2{font-size:16px}html[lang=ja] .tab-label,html[lang=ja] .tab-value{line-height:1.4}
/*# sourceMappingURL=repo.0e831faa.css.map */