:root{--bg:#0c0c15;--panel:#24212c;--line:#5f515f;--gold:#d7b97a;--ink:#e5dfd4;--muted:#a49aa8}#title-screen{background:radial-gradient(ellipse at 70% 35%,#4b405d2b,transparent 65%),#12111c}.landing-nav{height:82px;border-color:#b69a6c28}.wordmark{font-weight:700;font-size:19px;letter-spacing:.12em;color:#d9bd83}.wordmark img{filter:drop-shadow(0 0 7px #b0926033)}.title-copy h1{font-size:clamp(43px,4.6vw,67px);line-height:1.05}.title-copy h1 em{color:#d3b575}.title-art{border-radius:4px;background:radial-gradient(ellipse at 50% 60%,#53615318,transparent 70%);border:1px solid #7b61752b;min-height:610px;overflow:hidden}.title-art:before{inset:7px;border-color:#c7ad7c17}.art-caption{bottom:36px}.class-card{background:linear-gradient(150deg,#3a3042,#221c2c 60%);border-color:#6b526e;box-shadow:inset 0 0 0 2px #16131c88,0 2px 6px #0003}.class-card.selected{background:radial-gradient(ellipse,#a98b5a22,transparent 75%),linear-gradient(150deg,#433a45,#28212b);border-color:#cbab70;box-shadow:inset 0 0 0 2px #1d182066,0 0 18px #c8a76810}.class-card .class-name{color:#ecd7ad}.class-card small{color:#a598b2}.class-card canvas{width:95px;height:104px;filter:drop-shadow(0 4px 6px #0007)}.choose-label h2{color:#d9bd84}.gold{background:linear-gradient(#d4b77e,#af8d53);border-color:#e4c995;box-shadow:inset 0 0 0 1px #76553166,0 3px 15px #0003}.begin-row input{background:#19141f;border-color:#6c526b}.intro{color:#aca0b5}.save-note{color:#8b7e95}
#play{position:relative;background:#0b0d15}.game-header{position:absolute;top:0;left:0;right:0;height:36px;border-bottom:1px solid #5c4b5a77;background:linear-gradient(#2d2635e8,#191520d9);padding:0 16px;gap:23px;z-index:5;box-shadow:0 2px 8px #0005}.game-header .wordmark{font-size:11px;letter-spacing:.09em;gap:7px}.game-header .wordmark img{width:17px;height:24px}.game-header .location-label{font-size:9px}.location-label small{font-size:5px;color:#8d8097}.header-actions .quiet{font-size:11px;padding:4px 7px}.header-actions .quiet span{font-size:8px}.header-actions #save-state{font-size:6px;color:#8a7a94}.header-actions .bag-toggle{display:block}.game-layout{display:block;position:relative;min-height:0;flex:1;width:100%;height:100%}.stage{height:100%;width:100%;background:#0b0d15}.stage:after{box-shadow:inset 0 0 160px #03030b6b}.vitals{top:51px;left:16px;width:230px;gap:8px;background:linear-gradient(120deg,#332b3be8,#1a1622e6);border:1px solid #bb9970;border-radius:5px;padding:8px 9px 8px 7px;box-shadow:inset 0 0 0 2px #13101c,0 4px 12px #0008;outline:1px solid #37233388}.portrait{width:40px;height:44px;border-color:#937348;background:linear-gradient(#453944,#241c2b);outline:1px solid #d4b88233;border-radius:3px}.portrait canvas{width:38px;height:43px}.portrait>span{font-size:8px;bottom:-4px;left:9px;width:19px;height:16px;background:#29202d;border-color:#c3a272}.hero-identity{font-size:8px;margin-bottom:5px}.hero-identity>span{font-size:6px;color:#a796ab}.meter{height:12px;border-color:#725769;border-radius:2px;background:#110d17}.meter>span{font-size:6px;line-height:10px}.meter.health i{background:linear-gradient(#d56b6c,#91363e);box-shadow:inset 0 1px #f2aaa155}.meter.focus{height:9px;border-color:#5d5f89}.meter.focus i{background:linear-gradient(#91a4e0,#4b61a2)}.meter.focus>span{line-height:7px;font-size:5px}.meter.xp{height:4px;margin-top:4px;background:#100c17}.meter.xp>i{background:linear-gradient(90deg,#a38749,#e2c46d)}.minimap-box{top:51px;right:16px;width:127px;border:1px solid #c5a473;border-radius:4px;outline:2px solid #211828;box-shadow:inset 0 0 0 1px #13101a,0 5px 12px #0008;background:#201927}.minimap-box canvas{width:125px;height:94px}.minimap-box>span{border-top:1px solid #65506c;padding:5px 7px;color:#cdb58a;background:linear-gradient(#3d2d43,#241b2c);font-size:6px}.minimap-box:before{content:'N';position:absolute;top:3px;left:50%;transform:translateX(-50%);font:6px Georgia,serif;color:#e1c68f;text-shadow:0 1px 2px #000;z-index:2;pointer-events:none}.journal{display:none;position:absolute;z-index:12;right:16px;top:187px;bottom:100px;width:270px;max-height:calc(100% - 220px);border:1px solid #ae8e70;outline:2px solid #211829;border-radius:4px;background:linear-gradient(140deg,#352b3cfa,#231d2bfa);box-shadow:inset 0 0 0 2px #130e1b,0 10px 45px #0009;padding:23px 22px 28px;overflow:auto}.journal.open{display:block}#close-bag{display:block;font-size:20px;line-height:1;padding:0;margin-bottom:13px}.journal h2{color:#dec28e;font-size:25px}.journal-tabs{border-color:#66506c}.journal-tabs button[aria-selected=true]{color:#dfbf83;border-color:#c7a569}.journal-heading .eyebrow{font-size:6px;color:#a28ca7}.journal .quest-prose{color:#ac99b2}.journal-bottom{border-color:#56415c}.quest-tip{border-color:#66506c;background:#17101f7a;color:#a390ac}.journal-divider{border-color:#5f4865}.shard-list li{color:#ac93b9;border-color:#b698bd12}.shard-list small{color:#8e789b}.shard-list li.complete{color:#c3caa1}.action-bar{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);min-height:0;height:auto;width:auto;max-width:calc(100% - 30px);background:none;border:0;box-shadow:none;padding:0;gap:0;z-index:8;pointer-events:none}.action-bar .movement-hint{display:none}.skills{display:flex;gap:5px;padding:7px;background:linear-gradient(#45344d,#21192c);border:1px solid #b7966e;outline:2px solid #1d1425;border-radius:5px;box-shadow:inset 0 0 0 2px #191221,0 8px 20px #0009;pointer-events:auto}.action{width:65px;min-width:65px;height:61px;background:radial-gradient(ellipse at 50% 20%,#665077,#35263f 70%);border:1px solid #a787ae;border-radius:4px;box-shadow:inset 0 0 0 2px #20142c,0 2px 4px #0007;gap:5px}.action:hover{border-color:#f2d7a2;box-shadow:inset 0 0 0 2px #20142c,0 0 13px #d8b88122}.action.basic{border-color:#b69b6b;background:radial-gradient(ellipse,#61513e,#322934)}.action.potion{background:radial-gradient(ellipse,#704157,#3b263c);border-color:#b6818a}.action small{font-size:5px;color:#cdb3dc;text-shadow:0 1px #000}.action kbd{top:4px;left:4px;border:0;background:#130d1f99;color:#c5b1d3;font-size:6px;padding:2px 3px}.action .action-icon{display:block;width:26px;height:26px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #0008)}.skill-sword{background-image:url("icons/sword.svg")}.skill-burst{background-image:url("icons/burst.svg")}.skill-shield{background-image:url("icons/shield.svg")}.skill-potion{background-image:url("icons/potion.svg")}.action-bar .journal-open{display:flex;position:absolute;left:calc(100% + 15px);right:auto;bottom:10px;pointer-events:auto;width:43px;height:43px;padding:0;justify-content:center;border:1px solid #a78b63;border-radius:50%;background:linear-gradient(#4a3853,#21172b);color:#dac493;box-shadow:inset 0 0 0 2px #22172b,0 3px 8px #0007}.journal-open span,.journal-open kbd{display:none}.resource-orb{position:fixed;bottom:0;width:65px;height:65px;border-radius:50%;border:2px solid #9d805d;outline:3px solid #201729;box-shadow:inset 0 0 0 3px #22162c,inset 0 5px 12px #0009,0 3px 15px #0007;display:flex;align-items:center;justify-content:center;z-index:7;background:radial-gradient(circle at 33% 25%,#f3b4aa44,transparent 45%),linear-gradient(to top,#9d3948 0%,#b25462 var(--amount,100%),#23162c var(--amount,100%));pointer-events:none}.resource-orb:before{content:'';position:absolute;inset:7px 11px 55%;border-top:1px solid #f3c8d055;border-radius:50%;transform:rotate(-20deg)}.resource-orb>span{font:15px Georgia,serif;color:#f2dbd4;text-shadow:0 1px 3px #000}.resource-orb>small{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:5px;letter-spacing:.12em;color:#b69ba9}.life-orb{left:-91px}.focus-orb{right:-91px;background:radial-gradient(circle at 33% 25%,#bfc8ff44,transparent 45%),linear-gradient(to top,#3f4c87 0%,#7f8ec8 var(--amount,100%),#18192d var(--amount,100%))}.focus-orb small{color:#9c9fb9}.zone-caption{left:20px;bottom:25px;font-size:19px;color:#d3c098;text-shadow:0 2px 4px #05050c;opacity:.9}.zone-caption span{font-size:5px;color:#b4a3b4;letter-spacing:.2em}.zone-caption:before{content:'✧';font-size:18px;color:#c7aa78;margin-right:9px}.touch-controls{bottom:120px}#interact-hint{bottom:115px}#interact-hint button{background:linear-gradient(#3a2d42ec,#211829ed);border-color:#b09168;color:#dfc89e;font-size:9px;box-shadow:inset 0 0 0 2px #211529,0 3px 15px #0007}#boss-health{top:53px;width:min(350px,33%)}#toast-region{top:135px;z-index:9}.toast{border-color:#ac88ad88;background:linear-gradient(#39283eea,#23192eea);color:#ddc392;box-shadow:0 3px 15px #0005}dialog{background:linear-gradient(140deg,#3b2d43,#211929);border-color:#b38e6d;outline:2px solid #1d1226;box-shadow:inset 0 0 0 2px #17101f,0 15px 80px #000a}dialog h2{color:#e2c796}dialog::backdrop{background:#060611a6}#dialog-content{color:#b8a1c2}.map-large{border-color:#b89872}.controls-list>div{border-color:#695072;background:#21152999}
@media(max-width:1000px){.title-art{min-height:560px}.title-copy h1{font-size:51px}.action-bar{bottom:12px}.action{min-width:62px;width:62px}.journal{width:255px;right:12px;top:180px}.vitals{width:218px}.minimap-box{width:110px}.minimap-box canvas{width:108px;height:81px}.resource-orb{width:58px;height:58px;bottom:4px}.life-orb{left:-77px}.focus-orb{right:-77px}.action-bar .journal-open{left:calc(100% + 91px);width:35px;height:35px;font-size:14px}.game-header .wordmark{font-size:10px}.stage:after{box-shadow:inset 0 0 110px #03030b5b}}
@media(max-width:750px){.title-layout{padding-top:24px}.title-art{display:block;grid-row:2;height:300px;min-height:0;margin-top:0}.title-art canvas{max-height:none;width:100%;height:auto;transform:translateY(-35px)}.art-caption{display:none}.title-copy h1{font-size:52px;margin-top:17px}.class-card canvas{width:90px;height:99px}.landing-nav{height:69px}.landing-nav .wordmark{font-size:14px}.game-header{height:31px;gap:12px;padding:0 10px}.game-header .wordmark{font-size:9px;gap:5px}.game-header .wordmark img{width:14px;height:21px}.location-label{font-size:8px}.game-header .location-label small{display:none}.header-actions .quiet{font-size:13px;padding:4px 6px}.header-actions .quiet span,#save-state{display:none}.vitals{left:10px;top:44px;width:205px;padding:7px;gap:7px;border-radius:4px}.portrait{width:35px;height:40px}.portrait canvas{width:33px;height:39px}.portrait>span{left:8px;font-size:7px;height:15px;width:17px}.hero-identity{font-size:7px;margin-bottom:4px}.hero-identity>span{font-size:5px}.meter.health{height:10px}.meter.health>span{font-size:5px;line-height:8px}.meter.focus{height:7px}.meter.focus>span{font-size:4px;line-height:5px}.meter.xp{height:3px}.minimap-box{top:44px;right:10px;width:85px}.minimap-box canvas{width:83px;height:62px}.minimap-box>span{font-size:4px;padding:3px 5px}.minimap-box kbd{font-size:4px}.journal{right:8px;top:126px;bottom:103px;max-height:calc(100% - 220px);width:min(300px,90%);padding:21px;z-index:13;border-radius:4px}.journal.open{display:block}#close-bag{display:block;font-size:21px}.journal .quest-prose{font-size:12px}.journal .eyebrow{font-size:7px}.journal-tabs button{font-size:11px}.shard-list li{font-size:11px}.shard-list small{font-size:7px}.quest-tip{font-size:9px}.action-bar{bottom:max(12px,env(safe-area-inset-bottom));height:auto;min-height:0;max-width:calc(100% - 24px);padding:0;background:none;border:0;box-shadow:none;width:auto}.skills{gap:5px;padding:6px}.action{min-width:62px;width:62px;height:57px;padding:4px 6px}.action .action-icon{width:25px;height:25px}.action small{font-size:5px}.action kbd{font-size:5px}.resource-orb{display:none}.action-bar .journal-open{display:none}.touch-controls{display:flex;bottom:115px;left:16px;right:16px}.dpad{grid-template-columns:repeat(3,37px);grid-template-rows:repeat(2,35px);gap:4px}.dpad button{background:linear-gradient(#413247c9,#211a30b0);border:1px solid #b39a7588;color:#e7ceae;border-radius:5px;box-shadow:inset 0 0 0 1px #1b142a66}.dpad button:active{background:#725483}#touch-attack{width:64px;height:64px;border-color:#d1b482;background:radial-gradient(ellipse at 30% 25%,#66516fd9,#291c3acc);outline-color:#21152966;color:#f0d3a7;box-shadow:inset 0 0 0 3px #22172b66,0 4px 16px #0005}.zone-caption{left:17px;bottom:209px;font-size:16px;opacity:.8}.zone-caption:before{font-size:13px}.zone-caption span{font-size:4px}.touch-controls #touch-attack span{font-size:5px}#interact-hint{bottom:207px;max-width:calc(100% - 36px)}#interact-hint button{font-size:9px;padding:9px 11px}#toast-region{top:132px;width:calc(100% - 34px)}#boss-health{top:122px;width:62%}.meter.boss{height:7px}#boss-health>span{font-size:7px}.stage:after{box-shadow:inset 0 0 70px #02010b4d}.controls-list{font-size:8px}.header-actions .bag-toggle{display:block}}
@media(max-width:370px){.title-copy h1{font-size:47px}.title-layout{width:calc(100% - 34px)}.vitals{width:185px}.hero-identity>span{display:none}.action{min-width:58px;width:58px}.skills{gap:4px}.game-header .wordmark{font-size:8px}.location-label{font-size:7px}.header-actions .quiet{padding-inline:5px}.class-card canvas{width:80px;height:88px}}
@media(max-height:500px){.journal{top:120px;bottom:82px;max-height:calc(100% - 150px)}.vitals{top:43px}.minimap-box{top:43px}.action-bar{bottom:8px}.action{height:48px;min-width:58px;width:58px}.action .action-icon{width:21px;height:21px}.action small{font-size:4px}.touch-controls{bottom:87px}.zone-caption{display:none}.dpad{grid-template-columns:repeat(3,31px);grid-template-rows:repeat(2,29px)}#touch-attack{width:52px;height:52px}#interact-hint{bottom:92px}#toast-region{top:110px}.journal{padding:16px}}

#skill-q[data-class="guardian"] .action-icon{background-image:url("icons/sword.svg")}#skill-q[data-class="wayfarer"] .action-icon{background-image:url("icons/bow.svg")}#skill-e[data-class="arcanist"] .action-icon{background-image:url("icons/rift.svg")}#skill-e[data-class="wayfarer"] .action-icon{background-image:url("icons/wind.svg")}

@media(min-width:751px) and (max-width:1000px){.title-copy h1{font-size:clamp(35px,5vw,49px)}}@media(max-width:750px){.title-copy h1{font-size:clamp(35px,10.5vw,46px)}}