:root{font-family:Manrope,system-ui,sans-serif;color:#e7e7f1;background:#071019;font-synthesis:none;color-scheme:dark;--gold:#d8ba79;--muted:#9cabbf;--panel:#111d2c;--line:#ffffff16}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button{font:inherit;cursor:pointer;border:1px solid #829cbd3b;color:inherit;background:#1c2b40;border-radius:12px;padding:12px 16px;transition:background .15s,transform .15s}button:hover{background:#2b4160}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:default;opacity:.4;transform:none}button.primary{background:#d2b574;color:#172131;border-color:#ead8af;font-weight:800}button.primary:hover{background:#e6cd96}button.ghost{background:transparent}h1,h2,h3,p{margin:0}h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif}h1{font-size:clamp(44px,7vw,82px);line-height:.93;letter-spacing:-2px}h2{font-size:36px;font-weight:600}h3{font-size:24px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:800;color:var(--gold)}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}#game{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#game canvas{display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui button,#ui input{pointer-events:auto}.screen{pointer-events:auto;position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 72% 15%,#263a5255,transparent 55%),linear-gradient(145deg,#071018f5,#0c1524f5);padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.menu-shell{max-width:1060px;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;color:var(--muted)}.brand svg{width:32px;height:32px;color:var(--gold)}.currency{padding:8px 13px;background:#ffffff08;border:1px solid var(--line);border-radius:20px;font-size:12px;color:var(--gold)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;min-height:270px;margin-bottom:24px}.hero p{max-width:430px;margin-top:20px;line-height:1.8;font-size:13px;color:#b4c1d0}.hero h1 span{color:var(--gold)}.sky-art{height:270px;width:100%;color:#b8cdee;filter:drop-shadow(0 0 30px #98c8ff22)}.actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.actions button{min-width:140px}.panel{background:linear-gradient(150deg,#172438bd,#101b2bbc);border:1px solid #97a6c321;border-radius:18px;padding:20px;margin-bottom:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.section-head p{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.loadout-card{position:relative;min-width:0;display:flex;gap:12px;align-items:center;text-align:left;padding:15px;background:#0d1725}.loadout-card.selected{border-color:#d8ba7988;background:#d8ba7910}.loadout-card .icon{flex-shrink:0;width:42px;height:42px;color:var(--gold);background:#ffffff06;border-radius:10px;display:grid;place-items:center;font-size:26px}.loadout-card strong{display:block;font-size:12px;margin-bottom:5px}.loadout-card small{display:block;font-size:10px;color:var(--muted);line-height:1.5}.loadout-card .check{position:absolute;right:8px;top:5px;color:var(--gold);font-size:12px}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.pill{padding:8px 12px;font-size:11px;border-radius:30px}.pill.selected{border-color:var(--gold);background:#d8ba7918}.footer-note{text-align:center;color:#728398;font-size:10px;padding:8px 0 14px;line-height:1.8}.hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;max-width:560px;margin:auto;display:flex;gap:10px;align-items:start}.hud-main{flex:1;min-width:0;padding:10px 13px;background:#08121ee0;border:1px solid #a7bcdb22;border-radius:14px;backdrop-filter:blur(10px)}.hud-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px;gap:8px}.hp-track,.xp-track{height:7px;border-radius:8px;background:#ffffff12;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#bf5973,#e18fa0);transition:width .2s}.xp-track{height:3px;margin-top:6px}.xp-fill{height:100%;background:#91c5ef}.hud-bottom{display:flex;justify-content:space-between;margin-top:7px;font-size:10px;color:#aabed3}.pause-btn{padding:11px 13px;background:#08121ee0;border-radius:13px}.consumables{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:16px;display:flex;flex-direction:column;gap:8px}.consumable{width:56px;height:56px;padding:4px;background:#101c2bdd;font-size:23px;border-color:#bcd1ec40}.consumable small{display:block;font-size:8px;color:#c1cde0}.run-help{position:absolute;bottom:18px;left:16px;color:#b7c9da8c;font-size:10px;max-width:160px;line-height:1.5;pointer-events:none}.modal-backdrop{pointer-events:auto;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#040b14ae;backdrop-filter:blur(9px)}.modal{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;padding:26px;background:linear-gradient(145deg,#1a2940,#0d1828);border:1px solid #d8ba7955;border-radius:20px;box-shadow:0 20px 100px #0008}.modal .eyebrow{margin-bottom:8px}.modal>p{margin-top:8px}.modal .choices{display:grid;gap:9px;margin-top:20px}.choice{width:100%;text-align:left;padding:15px;display:flex;gap:14px;align-items:center}.choice .choice-symbol{font-size:26px;color:var(--gold);width:32px;flex-shrink:0;text-align:center}.choice strong{font-size:13px;display:block}.choice p{font-size:11px;line-height:1.65;color:#acbdd1;margin-top:5px}.choice small{font-size:10px;color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.stat{padding:12px;background:#ffffff05;border-radius:10px;min-width:0}.stat span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.stat strong{font-size:18px}.toast{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#192b3df5;border:1px solid #d8ba7960;border-radius:12px;font-size:12px;text-align:center;max-width:90%;width:max-content;box-shadow:0 5px 25px #0004}.spell-summary{margin-top:15px;border-top:1px solid var(--line);padding-top:15px;display:grid;gap:10px}.spell-summary article{font-size:11px;line-height:1.7;color:#aebfd0}.spell-summary strong{color:#e9e7ed}.hidden{display:none!important}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.meta-card{padding:15px;background:#ffffff05;border:1px solid var(--line);border-radius:12px}.meta-card strong{font-size:12px}.meta-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0}.meta-card button{font-size:11px;padding:8px 12px}.menu-tabs{display:flex;gap:8px;margin-bottom:18px}.menu-tabs button{font-size:12px;padding:9px 15px}.menu-tabs .active{background:#d8ba7918;border-color:#d8ba7988}.goal{position:absolute;top:112px;left:50%;transform:translateX(-50%);font-size:10px;color:#bfd1e5;background:#08121eb0;padding:6px 12px;border-radius:20px;white-space:nowrap}.fusion-btn{position:absolute;top:148px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--gold);padding:8px 12px;background:#15233be8}.empty{font-size:12px;color:var(--muted);line-height:1.8;padding:12px}.close-row{margin-top:20px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:640px){.screen{padding:18px 14px max(18px,env(safe-area-inset-bottom))}.topline{margin-bottom:16px}.hero{gap:0;min-height:0;margin-bottom:22px;grid-template-columns:1fr}.hero>div{z-index:1}.sky-art{position:absolute;right:-70px;top:34px;width:270px;height:270px;opacity:.35;pointer-events:none}.hero h1{font-size:58px;max-width:280px}.hero p{font-size:12px;max-width:300px;margin-top:15px}.panel{padding:14px;border-radius:15px}.cards{grid-template-columns:1fr}.loadout-card{padding:12px}.loadout-card .icon{width:35px;height:35px;font-size:23px}.section-head h3{font-size:23px}.section-head p{font-size:9px}.modal{padding:20px;border-radius:16px}.modal h2{font-size:30px}.meta-grid{grid-template-columns:1fr}.run-help{display:none}.goal{top:109px}.actions button{flex:1;min-width:100px}.hud{left:8px;right:8px;gap:6px}.consumables{right:12px;bottom:max(18px,env(safe-area-inset-bottom))}.brand{font-size:10px}.currency{font-size:10px}.footer-note{font-size:9px}}
.screen{background-image:linear-gradient(180deg,#0710199c 0%,#071019df 48%,#071019 90%),url('../assets/wilderness-concept.png');background-position:center top;background-size:cover;background-attachment:fixed}.hero{min-height:330px}.hero h1{text-shadow:0 3px 24px #030a13}.panel{backdrop-filter:blur(12px)}
@media(max-width:640px){.hero{min-height:290px}.screen{background-position:62% top;background-size:auto 100%,auto 650px;background-repeat:no-repeat;background-color:#071019}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.choice .choice-symbol{width:62px}.choice-symbol .item-art{width:62px;height:66px;filter:drop-shadow(0 3px 5px #0008)}.consumable .item-art{width:34px;height:34px;display:block;margin:auto}.spell-summary strong .item-art{width:30px;height:30px;vertical-align:middle;margin-right:4px}.hud-main{background:linear-gradient(140deg,#151e37ed,#0b1024ed);border-color:#d9b97450;box-shadow:0 4px 18px #0005}.pause-btn{border-color:#d9b97470;color:#eed7a2;background:#151d35ef}.modal:not(:has(.item-detail)){background:linear-gradient(145deg,#1e2746f5,#11172cf5),url('../assets/art-v3/camp.webp') center/cover}.choice{background:linear-gradient(90deg,#27335099,#171f3880);border-color:#a9b6d12e}.choice:hover{background:#384569}.consumable{border:1px solid #d9b97480;background:radial-gradient(ellipse,#303453,#151c33);border-radius:50%;width:64px;height:64px}.consumable small{color:#e1d7bb;font-size:7px}.goal{color:#f2dba7;background:#121a31d9;border:1px solid #d9b97430}
.boss-hud{position:absolute;top:146px;left:50%;transform:translateX(-50%);width:min(380px,calc(100% - 32px));padding:10px 13px;border:1px solid #dab67480;border-radius:12px;background:#14192bed;box-shadow:0 0 22px #e4bb6820}.boss-hud>div:first-child{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:7px}.boss-hud strong{flex:1;color:#f3d18d}.boss-track{height:8px;border-radius:8px;background:#ffffff12;overflow:hidden}#boss-fill{height:100%;background:linear-gradient(90deg,#b9669c,#eed099);transition:width .2s}#boss-direction{display:inline-block;color:#f7d793;font-size:16px}.boss-hud:not(.hidden)~.fusion-btn{top:218px}.consumables{gap:7px;max-width:300px}.consumables>small{font-size:9px;text-align:right;letter-spacing:1px;color:#e1d7bb}#pouch-items{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.consumable{position:relative;touch-action:manipulation}.stack-count{position:absolute;right:-3px;top:-3px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid #dab674;background:#252e49;color:#ffe5a8;font-size:12px;font-weight:800}.pickup-tip{position:absolute;bottom:126px;left:50%;transform:translateX(-50%);width:min(410px,calc(100% - 24px));display:flex;gap:12px;padding:14px;border:1px solid #dab67480;border-radius:14px;background:linear-gradient(135deg,#24304bf5,#121b30f5);box-shadow:0 4px 30px #0007;pointer-events:auto}.pickup-tip .item-art{width:54px;height:60px}.pickup-tip>div{flex:1;min-width:0}.pickup-tip strong,.pickup-tip small{display:block}.pickup-tip strong{font-size:12px;margin:4px 0}.pickup-tip small{font-size:9px;color:#b5c6d9;line-height:1.5}.pickup-tip p{font-size:12px;line-height:1.5;margin-bottom:6px}.pickup-tip button{padding:0;align-self:start;background:none;border:0;font-size:22px}.setting-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-top:20px;font-size:13px}.setting-toggle strong{color:var(--gold)}.modifier-group{border-top:1px solid #d8ba7930;padding-top:13px;margin-top:16px;pointer-events:auto}.modifier-group summary{font-size:12px;color:#ecd295;cursor:pointer;line-height:1.6}.modifier-group .choices{margin-top:10px}.camp-settings{margin-left:auto;margin-right:10px;width:36px;height:36px;padding:0;background:#10182b99;border:1px solid #d8ba7940;color:#e4c889;font-size:20px}.spell-summary{overflow-wrap:anywhere}@media(max-width:420px){.consumable{width:58px;height:58px}.consumables{right:10px;max-width:258px}.consumable small{font-size:6px}.camp-settings{margin-right:5px;width:30px;height:30px}.boss-hud{top:143px}.pickup-tip{bottom:117px}}