:root{--paper: #ffffff;--grid: #f4dcdb;--paper-in: #fbf3f3;--grid-in: #f1d6d5;--ink: #141414;--muted: #6b6b6b;--red: #e10600;--red-soft: #fff3f2;--lamp-off: #5a0f0c;--font-pixel: "Silkscreen", "Courier New", monospace;--font-body: "DotGothic16", "Hiragino Sans", "Noto Sans", system-ui, sans-serif;--line: 2.5px solid var(--ink);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,#cv:focus-visible{outline:3px solid var(--red);outline-offset:2px}.app{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:calc(16px + env(safe-area-inset-top,0px)) calc(64px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.titlebox{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--paper);border:var(--line);border-radius:12px;padding:6px 12px}.titlebox h1{margin:0;font-family:var(--font-pixel);font-weight:700;font-size:clamp(18px,5.4vw,24px);line-height:1;letter-spacing:1px;white-space:nowrap}.titlebox h1 span{color:var(--red)}.win{border:var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.win-bar{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 12px;border-bottom:var(--line)}.win-bar.red{background:var(--red);color:#fff}.win-bar.black{background:var(--ink);color:#fff;min-height:30px;border-bottom:0}.win-title{font-family:var(--font-pixel);font-size:12px;letter-spacing:1px;white-space:nowrap}.lights{display:flex;gap:6px}.lights i{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--lamp-off)}.lights i:nth-child(1){animation:l1 5s steps(1) infinite}.lights i:nth-child(2){animation:l2 5s steps(1) infinite}.lights i:nth-child(3){animation:l3 5s steps(1) infinite}.lights i:nth-child(4){animation:l4 5s steps(1) infinite}.lights i:nth-child(5){animation:l5 5s steps(1) infinite}@keyframes l1{0%{background:var(--lamp-off);box-shadow:none}12%,72%{background:#fff;box-shadow:0 0 8px 2px #ffd0cd}73%,to{background:var(--lamp-off);box-shadow:none}}@keyframes l2{0%,23%{background:var(--lamp-off);box-shadow:none}24%,72%{background:#fff;box-shadow:0 0 8px 2px #ffd0cd}73%,to{background:var(--lamp-off);box-shadow:none}}@keyframes l3{0%,35%{background:var(--lamp-off);box-shadow:none}36%,72%{background:#fff;box-shadow:0 0 8px 2px #ffd0cd}73%,to{background:var(--lamp-off);box-shadow:none}}@keyframes l4{0%,47%{background:var(--lamp-off);box-shadow:none}48%,72%{background:#fff;box-shadow:0 0 8px 2px #ffd0cd}73%,to{background:var(--lamp-off);box-shadow:none}}@keyframes l5{0%,59%{background:var(--lamp-off);box-shadow:none}60%,72%{background:#fff;box-shadow:0 0 8px 2px #ffd0cd}73%,to{background:var(--lamp-off);box-shadow:none}}.screen{position:relative;display:flex;justify-content:center;align-items:center;min-height:220px;padding:12px;background-color:var(--paper-in);background-image:linear-gradient(var(--grid-in) 1px,transparent 1px),linear-gradient(90deg,var(--grid-in) 1px,transparent 1px);background-size:16px 16px}#cv{display:block;touch-action:none;max-width:100%;cursor:grab;border-radius:8px;border:2px solid var(--ink)}#cv.dragging{cursor:grabbing}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:12px;background:var(--paper);border:2px solid var(--ink);border-radius:6px;padding:6px 10px}.status{min-height:42px;border-top:var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;color:var(--muted)}.status:before{content:"";flex:0 0 8px;height:8px;background:var(--red)}.status.tools{background:var(--ink);padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.status.tools:before{display:none}.toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);max-width:calc(100% - 32px);pointer-events:none;font-size:13px;background:var(--paper);border:2px solid var(--ink);border-radius:6px;padding:4px 10px}.tool{line-height:1.05;height:30px;border:1.5px solid #fff;border-radius:6px;background:#fff;color:var(--ink);font-family:var(--font-pixel);font-size:10px;min-width:0}.tool.danger{background:var(--red);border-color:var(--red);color:#fff}.tool:active{transform:translateY(1px)}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tab{height:30px;border:2px solid var(--ink);border-radius:7px;background:var(--paper);color:var(--ink);font-family:var(--font-pixel);font-weight:700;font-size:clamp(9px,2.4vw,10px);letter-spacing:0;padding:0 4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip}.tab[aria-selected=true]{background:var(--red);color:#fff}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:4px 0}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;height:20px;border:1.5px solid var(--muted);border-radius:4px;background:transparent;color:#fff;font-family:var(--font-pixel);font-size:9px;padding:0 6px}.chip[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--ink)}.tile.slots{gap:4px;padding:4px 6px;cursor:default}.tile.slots:active{transform:none}.slot-grid{display:grid;gap:4px}.slot{width:24px;height:22px;border:2px solid var(--ink);border-radius:5px;background:var(--paper);color:var(--ink);font-family:var(--font-pixel);font-weight:700;font-size:10px;padding:0}.slot[aria-pressed=true]{background:var(--red);color:#fff}.tiles{display:flex;gap:8px;overflow-x:auto;padding:10px;scroll-snap-type:x proximity}.tile{flex:0 0 auto;min-width:66px;height:78px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;scroll-snap-align:start}.tile canvas{width:54px;height:54px}.tile.wide canvas{width:104px;height:54px}.tile small{font-family:var(--font-pixel);font-size:8px;line-height:1.1;color:var(--ink);max-width:100px;text-align:center}.tile.on{border-color:var(--red);background:var(--red-soft)}.tile:active{transform:translateY(1px)}.tile.gacha{background:var(--red);color:#fff;font-family:var(--font-pixel);font-weight:700;font-size:10px;gap:6px}.capsule{width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);background:linear-gradient(180deg,#fff 50%,var(--ink) 50%)}.custom{display:flex;gap:6px;padding:10px;flex-wrap:wrap}.custom input{flex:1 1 150px;min-width:0;height:40px;border:2px solid var(--ink);border-radius:8px;padding:0 10px;font-family:var(--font-pixel);font-size:12px;text-transform:uppercase;background:var(--paper);color:var(--ink)}.custom select{height:40px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);font-family:var(--font-pixel);font-size:10px;padding:0 6px;color:var(--ink)}.custom button{height:40px;border:2px solid var(--ink);border-radius:8px;background:var(--red);color:#fff;font-family:var(--font-pixel);font-weight:700;font-size:11px;padding:0 14px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--paper);border-top:var(--line);padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px))}.dock-in{max-width:528px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.dock .btn{height:36px;font-size:11px}.btn{height:46px;border:var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-family:var(--font-pixel);font-weight:700;font-size:12px;letter-spacing:.5px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.btn.red{background:var(--red);color:#fff}.btn:active{transform:translateY(1px)}.btn svg{image-rendering:pixelated}.finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;overflow:auto}.finish-in{max-width:560px;margin:0 auto;min-height:100%;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.finish .win{flex:1;display:flex;flex-direction:column}.finish-body{flex:1;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;background-color:var(--paper-in);background-image:linear-gradient(var(--grid-in) 1px,transparent 1px),linear-gradient(90deg,var(--grid-in) 1px,transparent 1px);background-size:16px 16px}.finish h2{margin:0;font-family:var(--font-pixel);font-weight:700;font-size:18px;line-height:1.2;text-align:center}.finish h2 span{color:var(--red)}.finish img{display:block;max-width:100%;max-height:50vh;object-fit:contain;border:2px solid var(--ink);border-radius:8px;background:var(--paper)}.finish p{margin:0;font-size:13px;color:var(--muted);text-align:center}.finish .status-line{min-height:1.3em;color:var(--ink)}.close{width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font-family:var(--font-pixel);font-size:11px;line-height:1;padding:0}.finish-actions{display:flex;flex-direction:column;gap:10px}.finish-actions .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media (prefers-reduced-motion: reduce){.lights i{animation:none!important;background:#fff}}