:root{font-family:system-ui,sans-serif;font-size:16px;color:#fff5df;background:#0b1223;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1050px;margin:auto}#home{padding:24px 16px;line-height:1.5}h1{font-size:1.6rem;margin:0 0 12px}.plain-note{color:#b9c5d8;font-size:.9rem}.toolbar,.boards{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.boards button{flex:1;min-width:200px;padding:22px}button,select{font:inherit;min-height:44px;border:1px solid #7a91b2;border-radius:9px;background:#202d46;color:inherit;padding:8px 10px;cursor:pointer}button:focus-visible,select:focus-visible,#board:focus-visible{outline:3px solid #ffb563;outline-offset:-3px}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{background:#705037}#run{height:100dvh;padding:8px 8px 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:6px}header{min-width:0}header h1{font-size:.875rem;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{display:flex;gap:8px;align-items:center}.topbar output{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#board{height:100%;width:100%;min-height:0;background:#101a30;border:1px solid #536981;border-radius:12px;overflow:hidden;touch-action:none}#board canvas{display:block}output{display:block;line-height:1.45;font-variant-numeric:tabular-nums}ol{padding-left:1.5rem}li{margin:.5rem 0;color:#bac9de}li.done{color:#b6f0a5}footer{display:flex;gap:8px;padding:4px 0 max(8px,env(safe-area-inset-bottom));background:#0b1223}footer button{flex:1;min-width:0;touch-action:none;user-select:none;-webkit-user-select:none;font-size:.9rem}#charge{display:block;font-variant-numeric:tabular-nums;font-size:.8em}#status{color:#ffcf91;height:1.5em;line-height:1.5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}dialog{background:#142039;color:inherit;border:1px solid #7a91b2;border-radius:14px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:560px;padding:16px;overflow:auto;overflow-wrap:anywhere}dialog::backdrop{background:#050a15d9}dialog select{max-width:100%}dialog p{line-height:1.5}h2{font-size:1.2rem;margin:0}#recovery{border:1px solid #ffb563;padding:12px;border-radius:10px}#recovery button{margin:4px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:400px){.topbar{flex-wrap:wrap}.topbar output{flex:1 0 100%}.topbar button{flex:1}}

#status{height:auto;min-height:1.5em;white-space:normal;overflow:visible}#goal{margin:0;font-size:.8rem;line-height:1.35;color:#b6f0a5}#plunger{position:relative}#plunger::after{content:"";position:absolute;left:6px;bottom:3px;width:calc((100% - 12px) * var(--charge,0));height:3px;background:#ffb563;border-radius:2px;pointer-events:none}
.hero{position:relative;border-radius:18px;overflow:hidden;border:1px solid #765928;background:#101526;isolation:isolate}.hero>img{display:block;width:100%;height:auto;min-height:220px;object-fit:cover}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;background:linear-gradient(90deg,#0b0c1ef0,#0b0c1e80 42%,#0b0c1e00 75%)}.hero-copy h1{max-width:55%;font-size:clamp(1.5rem,4.5vw,2.6rem);line-height:1.05;text-wrap:balance}.hero-copy p{max-width:50%;color:#ffdc98;margin:8px 0;line-height:1.35}#home-intro{max-width:66ch;color:#c4d1e7}#home-notice{color:#ffcf91;white-space:normal;overflow-wrap:anywhere}.boards button{background:linear-gradient(135deg,#211936,#143340);border-color:#ab8750;font-weight:650}.boards button:nth-child(2){background:linear-gradient(135deg,#371b36,#222048)}#sheet-content{padding:12px 0}#sheet-content button{margin:3px;max-width:100%}#sheet-content label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 16px}#sheet-content label span{font-weight:650}.collection-option{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;width:calc(33.333% - 8px);min-width:100px;gap:8px;overflow-wrap:anywhere}.collection-option img,.keepsake img{object-fit:contain;flex:none}.keepsake{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #40516c;border-radius:10px}.keepsake img{width:80px;height:80px}#retry-art{border-color:#ffc857}@media(max-width:500px){.hero-copy{position:relative;background:#0d1425e8;padding:16px}.hero-copy h1,.hero-copy p{max-width:100%}.hero>img{min-height:0}.collection-option{width:calc(50% - 8px)}}

footer button,#hold-label{overflow-wrap:anywhere;word-break:normal}