[hidden]{display:none!important}body.at-start>header,body.at-start>main{display:none}#startup{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#0a2022;color:#f2e6c7;padding:26px 5% 22px;display:flex;flex-direction:column;align-items:center}#startup:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#081b25a6,#0c24244d 40%,#071b1def),url('assets/nyruneskogen.png') center/cover}#startup:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 45%,transparent 15%,#071b2166 75%)}.start-top{width:100%;display:flex;justify-content:space-between;color:#d2d8c7;font-size:10px;letter-spacing:2px}.start-title{text-align:center;margin:38px 0 0}.start-title .eyebrow{color:#d7c18c}.start-title h1{font:600 clamp(60px,8vw,116px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:1px;margin:9px 0;color:#f3dfae;text-shadow:0 4px 24px #0008}.start-title p{font-size:14px;color:#e0e7d7;letter-spacing:.5px}.start-stage{width:min(100%,1060px);display:grid;grid-template-columns:1fr 340px 1fr;align-items:center;flex:1;min-height:390px;gap:20px}.start-hero{margin:0;text-align:center;filter:drop-shadow(0 18px 15px #001514aa)}.hero-art{display:block;width:100%;aspect-ratio:3/4;background:url('assets/adventurer-walk.png') 33.333% 0/400% 200% no-repeat;animation:breathe 5s ease-in-out infinite}.hero-art.girl{background-image:url('assets/girl-walk.png');animation-delay:-2s}.start-hero figcaption{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#e9dfbb}.start-menu{padding:30px 24px;background:linear-gradient(140deg,#142e30f5,#0c2228f0);border:1px solid #c4a66a70;border-radius:12px;box-shadow:0 18px 60px #0005;text-align:center}.menu-rune{font:35px Georgia;color:#d8bf7c}.start-menu h2{font:32px 'Cormorant Garamond',Georgia;margin:10px 0}.start-menu p{font-size:12px;line-height:1.8;color:#bccdc3}.start-menu button{width:100%;margin:7px 0;padding:15px;border-radius:5px}.start-menu .secondary{background:#243d3e;border:1px solid #b9a16a70;color:#eee0bc}.start-menu button:disabled{opacity:.45;cursor:default}.start-foot{font-size:11px;color:#a5bbb0;text-align:center;line-height:1.7;margin:20px 0 0}.load-track{width:100%;accent-color:#d5bc7e;height:5px}.start-menu #load-status{font-size:11px;min-height:20px}.setup-panel{width:min(620px,100%);max-width:620px}.setup-panel h2{font:38px Georgia;margin:10px 0}.setup-panel fieldset{border:0;padding:0;margin:22px 0}.setup-panel legend,.setup-panel label.field-label{display:block;font-size:13px;font-weight:600;margin-bottom:10px;color:#ebdfbd}.hero-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-option{display:block;position:relative;text-align:center;border:1px solid #9e916155;border-radius:8px;background:#1a3338;cursor:pointer;padding:10px}.hero-option:has(input:checked){border-color:#ebcb85;box-shadow:inset 0 0 0 1px #ebcb85;background:#314440}.hero-option .hero-art{height:140px;width:105px;margin:auto;animation:none}.hero-option input{accent-color:#d5bb74}.setup-panel input[type=text],.setup-panel select{width:100%;padding:12px;border:1px solid #a4906055;background:#11272b;color:#f1e6c8;border-radius:5px}.operations{display:grid;grid-template-columns:1fr 1fr;gap:10px}.operations label{background:#20383b;padding:13px;border-radius:5px;font-size:14px;cursor:pointer}.operations input{accent-color:#d7bc78;margin-right:10px}.setup-panel .note{font-size:12px;line-height:1.6;color:#aebfb5}.setup-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.setup-error{color:#f4b797;font-size:13px}.setup-panel::backdrop{background:#031317d9;backdrop-filter:blur(6px)}@keyframes breathe{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.hero-art{animation:none}}@media(max-width:900px){#startup{padding:20px}.start-title{margin-top:30px}.start-top{font-size:8px;letter-spacing:1px}.start-stage{grid-template-columns:1fr 1fr;gap:10px;max-width:450px}.start-menu{grid-column:1/-1;grid-row:2;padding:20px;margin-top:18px}.start-hero{max-width:180px;width:100%;justify-self:center}.start-hero.right{grid-column:2;grid-row:1}.start-title p{font-size:12px}.start-title h1{font-size:68px}.start-stage{min-height:0}.start-hero figcaption{font-size:9px}.setup-panel{padding:20px}.setup-panel h2{font-size:30px}}