#setup{position:absolute;inset:0;z-index:5;overflow:auto;overscroll-behavior:contain;background:#faf0da;color:#272021;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 23px max(20px,env(safe-area-inset-bottom));isolation:isolate;color-scheme:light}
#setup::before{content:"";position:absolute;inset:0;background:url(sketch-street.jpg) center 52%/cover;opacity:.82;z-index:-2;pointer-events:none}
#setup::after{content:"";position:absolute;inset:0;background:linear-gradient(#fcf2dfed,#fcf2df12 37%,#fcf2df22 53%,#fcf2dfee 76%,#fcf2df);z-index:-1;pointer-events:none}
#setup[data-page=title]::after{background:linear-gradient(#fcf2dfed,#fcf2df06 48%,#fcf2df22 72%,#fcf2dfee)}
.start-mast{display:flex;justify-content:space-between;align-items:center;gap:10px;font:900 11px ui-monospace,monospace;letter-spacing:.12em}
.start-brand{display:flex;align-items:center;gap:9px}.start-brand b{display:grid;place-items:center;width:25px;height:25px;background:#262021;color:#fff1d8;transform:rotate(-7deg);font-size:14px}
#startSound{min-height:40px;background:#fff7e4;border:1.5px solid #312524;padding:0 10px;border-radius:5px;color:#272021}
.start-view{flex:1;display:flex;flex-direction:column;min-height:0}
.title-view{text-align:center;align-items:center}
.title-view h1{font-size:clamp(51px,13vw,73px);line-height:.99;letter-spacing:-.115em;margin:clamp(38px,10vh,100px) 10px 0 0;font-weight:1000;transform:rotate(-5deg);text-shadow:2px 3px #ffb991}
.title-view .title-line{font-size:13px;font-weight:850;margin:22px 0 0;background:#fff3db;padding:3px 9px;transform:rotate(2deg)}
.title-cta{width:min(100%,360px);margin:auto auto 0;padding-top:24px}.title-cta p{font:800 10px ui-monospace,monospace;letter-spacing:.18em;margin:13px 0 0}
.start-action{display:flex;justify-content:center;align-items:center;gap:12px;min-height:54px;width:100%;border:2px solid #2f2424;border-radius:7px 5px 8px 4px;background:#ffca7d;color:#2d2220;box-shadow:3px 4px #302324;font-size:18px;font-weight:950;letter-spacing:.04em}
.start-action:active{transform:translate(2px,2px);box-shadow:1px 2px #302324}
.start-action.edit-active{background:#c9bdf0}.edit-mark{font:900 11px ui-monospace,monospace;letter-spacing:.1em;border:1.5px solid #39284c;padding:4px 6px;transform:rotate(-7deg);border-radius:3px}
.start-card{background:#fff4dedf;border:2px solid #342826;border-radius:12px 7px 14px 6px;box-shadow:4px 5px #48333135;padding:14px;margin:auto 0 0}
.start-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px}
.start-card h2{font-size:26px;letter-spacing:-.055em;line-height:1.1;margin:0}.start-step{font:900 10px ui-monospace,monospace;letter-spacing:.14em;color:#725548;margin:0 0 5px}
.start-back,.start-setting{min-height:43px;background:#fff8e7;border:1.5px solid #5b4841;border-radius:5px;color:#352b28;padding:0 9px;font-size:12px;font-weight:850;white-space:nowrap}
.level-list{display:grid;gap:6px}.level{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;min-height:44px;padding:5px 11px;text-align:left;border:1.5px solid #46352d;border-radius:6px 5px 7px 5px;background:#fff9eb;color:#2c2423;font-weight:950;letter-spacing:.04em}
.level small{font-size:10px;font-weight:800;color:#604c43;letter-spacing:0}.level .level-sign{font-size:17px}.level[data-level=sweet] .level-sign,.selected-level[data-theme=sweet] .level-sign{color:#a04467}.level[data-level=inferno] .level-sign,.selected-level[data-theme=inferno] .level-sign{color:#9d4332}
.selected-level{position:relative;z-index:2;margin:0 0 12px;background:#ffdfaa;box-shadow:2px 2px #46352d}.selected-level small{border:1px solid #705039;border-radius:4px;padding:2px 6px;color:#563921}
#operationHeading:focus{outline:none}
.start-status{font-size:11px;font-weight:850;margin:10px 0 0;color:#614c44}
.start-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.start-mode{position:relative;min-width:0;cursor:pointer}.start-mode input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.start-mode span{display:grid;justify-items:center;align-content:center;min-height:59px;background:#fffaf0;border:1.5px solid #7c675d;border-radius:5px;color:#352724;font-size:10px;font-weight:850;white-space:nowrap}
.start-mode span b{font-size:22px;line-height:1.05}.start-mode input:checked+span{background:#ffdfaa;border-color:#2e2220;box-shadow:inset 0 0 0 1px #2e2220}
#editOperations .start-mode input:checked+span{background:#d8cbf4}#setup input:focus-visible+span,#setup button:focus-visible{outline:3px solid #a34b32;outline-offset:2px}
.start-setting{width:100%;margin:10px 0 0;text-align:left;display:flex;align-items:center;justify-content:space-between}.start-setting span{color:#675376;font-size:10px}
#editPanel{background:#f0e7fb;border:1px dashed #856c94;border-radius:6px;padding:8px;margin-top:6px}.edit-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850;min-height:30px;margin-bottom:3px}.edit-toggle input{width:17px;height:17px;accent-color:#6c4da0}
#setup .start-action{margin-top:12px}.start-mode .cleared{font-size:9px;color:#396841}.stage-note{color:var(--accent)}
@media(max-width:350px){#setup{padding-inline:14px}.start-card{padding:10px}.start-mode span{font-size:9px}.start-card h2{font-size:23px}}

.level-sign img{display:block;object-fit:contain}.level-sign>.level-sign{display:grid;place-items:center}

.selected-level{pointer-events:none}