@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-007F,U+00A0-00FF,U+2000-206F}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-007F,U+00A0-00FF,U+2000-206F}@font-face{font-family:DotGothic16;src:url(/fonts/DotGothic16-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-family:Zpix;src:url(/fonts/Zpix.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+4E00-9FFF,U+FF00-FFEF}:root{--bg: #0F0F1B;--bg-alt: #1A1A2E;--bg-dim: #0A0A12;--fg: #F8F8F8;--fg-dim: #C0C0CC;--primary: #7CB342;--accent: #FFCB05;--danger: #E63946;--link: #69D2FF;--muted: #6C7A89;--unit: 4px;--font-display: "Press Start 2P", "DotGothic16", "Zpix", ui-monospace, monospace;--font-body: "VT323", "DotGothic16", "Zpix", ui-monospace, monospace}html[lang=ja]{--font-body: "DotGothic16", "VT323", ui-monospace, monospace}html[lang=zh]{--font-body: "Zpix", "VT323", ui-monospace, monospace}html[lang=en]{--font-body: "VT323", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:18px;line-height:1.6;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;text-rendering:optimizeSpeed}img,canvas,video{image-rendering:pixelated;max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.4;letter-spacing:0}h1{font-size:22px;margin:calc(var(--unit) * 6) 0 calc(var(--unit) * 4)}h2{font-size:18px;margin:calc(var(--unit) * 5) 0 calc(var(--unit) * 3)}h3{font-size:14px;margin:calc(var(--unit) * 4) 0 calc(var(--unit) * 2)}p,ul,ol{margin:0 0 calc(var(--unit) * 4)}ul,ol{padding-left:calc(var(--unit) * 6)}a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}a:hover{color:var(--accent)}code,pre{font-family:var(--font-display);font-size:.85em;background:var(--bg-dim);padding:2px 4px}pre{padding:calc(var(--unit) * 3);overflow-x:auto;border:2px solid var(--muted)}.pixel-box{background:var(--bg-alt);padding:calc(var(--unit) * 4);box-shadow:0 calc(var(--unit) * -1) 0 0 var(--fg),0 var(--unit) 0 0 var(--fg),calc(var(--unit) * -1) 0 0 0 var(--fg),var(--unit) 0 0 0 var(--fg);margin-block:calc(var(--unit) * 4)}#crt{position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.site-header{background:var(--bg-dim);border-bottom:4px solid var(--muted);padding:calc(var(--unit) * 4) calc(var(--unit) * 6);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--unit) * 4)}.site-header .brand{font-family:var(--font-display);font-size:14px;color:var(--primary);text-decoration:none;letter-spacing:0}.site-header .brand:hover{color:var(--accent)}.site-header nav{display:flex;gap:calc(var(--unit) * 4);flex-wrap:wrap;flex:1 1 auto}.site-header nav a{font-family:var(--font-display);font-size:11px;text-decoration:none;color:var(--fg-dim)}.site-header nav a:hover{color:var(--accent)}.site-header .header-actions{display:flex;align-items:center;gap:calc(var(--unit) * 2)}main{max-width:960px;margin:0 auto;padding:calc(var(--unit) * 8) calc(var(--unit) * 6)}.site-footer{background:var(--bg-dim);border-top:4px solid var(--muted);padding:calc(var(--unit) * 6);margin-top:calc(var(--unit) * 12);text-align:center;font-size:14px;color:var(--fg-dim)}.site-footer a{color:var(--fg-dim)}.site-footer a:hover{color:var(--accent)}@media (min-width: 1280px){.with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:calc(var(--unit) * 8)}}.btn{display:inline-block;font-family:var(--font-display);font-size:12px;padding:calc(var(--unit) * 3) calc(var(--unit) * 5);border:0;background:var(--primary);color:var(--bg);cursor:pointer;text-decoration:none;box-shadow:0 calc(var(--unit) * -1) 0 0 var(--fg),0 var(--unit) 0 0 var(--bg-dim),calc(var(--unit) * -1) 0 0 0 var(--fg),var(--unit) 0 0 0 var(--bg-dim)}.btn:hover{background:var(--accent);color:var(--bg)}.btn:active{transform:translateY(2px)}.btn:disabled{background:var(--muted);color:var(--fg-dim);cursor:not-allowed;box-shadow:0 calc(var(--unit) * -1) 0 0 var(--muted),0 var(--unit) 0 0 var(--bg-dim),calc(var(--unit) * -1) 0 0 0 var(--muted),var(--unit) 0 0 0 var(--bg-dim)}.btn-secondary{background:var(--bg-alt);color:var(--fg)}.btn-secondary:hover{background:var(--muted);color:var(--fg)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:10px;padding:4px 10px;background:var(--muted);color:var(--bg)}.pill.ready{background:var(--primary)}.pill.busy{background:var(--accent);color:var(--bg)}.pill.error{background:var(--danger);color:var(--fg)}.pill:before{content:"";width:8px;height:8px;background:currentColor;flex:0 0 8px}.dropzone{border:4px dashed var(--muted);background:var(--bg-alt);padding:calc(var(--unit) * 12) calc(var(--unit) * 6);text-align:center;cursor:pointer;transition:border-color .1s linear,background .1s linear}.dropzone.is-hover{border-color:var(--primary);background:#7cb34214}.dropzone .icon{font-family:var(--font-display);font-size:32px;color:var(--primary);display:block;margin-bottom:calc(var(--unit) * 3)}.dropzone p{margin:calc(var(--unit) * 2) 0 0;font-size:16px;color:var(--fg-dim)}.dropzone input[type=file]{display:none}.progress{--filled: 0;position:relative;width:100%;height:24px;background:var(--bg-dim);border:2px solid var(--muted);overflow:hidden}.progress:after{content:"";position:absolute;inset:2px;width:calc(var(--filled, 0) * 1%);background:linear-gradient(90deg,var(--primary) 0 8px,transparent 8px 12px);background-size:12px 100%;background-repeat:repeat-x;transition:width .2s linear}.progress.indeterminate:after{width:100%;animation:progress-stripes 1.2s linear infinite}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:24px 0}}.banner{padding:calc(var(--unit) * 3) calc(var(--unit) * 5);font-size:14px;margin:calc(var(--unit) * 3) 0;border-left:6px solid var(--accent);background:#ffcb051a}.banner.error{border-color:var(--danger);background:#e639461f}.banner.info{border-color:var(--link);background:#69d2ff1a}.options{display:grid;gap:calc(var(--unit) * 3);margin:calc(var(--unit) * 6) 0}.options label{display:flex;align-items:center;gap:calc(var(--unit) * 3);cursor:pointer}.options input[type=checkbox]{appearance:none;width:16px;height:16px;background:var(--bg-dim);border:2px solid var(--muted);cursor:pointer;flex:0 0 16px}.options input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.lang-switcher{display:inline-flex;gap:2px}.lang-switcher a{font-family:var(--font-display);font-size:11px;padding:4px 8px;text-decoration:none;background:var(--bg-alt);color:var(--fg-dim)}.lang-switcher a[aria-current=true]{background:var(--primary);color:var(--bg)}.lang-switcher a:hover{background:var(--accent);color:var(--bg)}.ad-slot{display:block;margin:calc(var(--unit) * 6) auto;text-align:center;min-height:90px}.ad-slot.sidebar{min-height:600px}.camera-table{width:100%;border-collapse:collapse;font-size:14px;margin:calc(var(--unit) * 4) 0}.camera-table th,.camera-table td{text-align:left;padding:calc(var(--unit) * 2) calc(var(--unit) * 3);border-bottom:2px solid var(--muted)}.camera-table th{font-family:var(--font-display);font-size:11px;background:var(--bg-dim);color:var(--accent)}