:root{color-scheme:dark;--bg:#11121a;--panel:#1c1d27;--line:#383441;--gold:#d7b87d;--ink:#eee9df;--muted:#9895a2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:13px}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.quiet{background:transparent;border:0;color:#aaa5b3;padding:7px 9px;font-size:11px;border-radius:4px}.quiet:hover{color:#f4dfb4;background:#ffffff06}.gold{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#d9bd84,#b49660);color:#201b13;border:1px solid #ead3a1;border-radius:3px;padding:14px 18px;font-size:11px;font-weight:700;box-shadow:0 3px 18px #c8a36516}.gold:hover{filter:brightness(1.1)}.eyebrow{font-size:8px;font-weight:600;letter-spacing:.18em;color:#b5a07c;margin:0 0 15px}.wordmark{display:flex;align-items:center;gap:11px;letter-spacing:.13em;font:600 17px Georgia,serif}.wordmark img{object-fit:contain}.wordmark>span{font:7px Arial,sans-serif;letter-spacing:.15em;border-left:1px solid #4b4241;padding-left:15px;margin-left:10px;color:#8f8994}.landing-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1320px;width:calc(100% - 90px);margin:auto;height:96px;border-bottom:1px solid #d8c19513}#title-screen{min-height:100vh;position:relative;overflow:hidden;background:#14141d}.title-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 35%,#5446642c,transparent 55%),radial-gradient(ellipse at 0 100%,#6d58331b,transparent 65%);pointer-events:none}.title-layout{display:grid;grid-template-columns:1fr 1.02fr;gap:65px;max-width:1220px;width:calc(100% - 100px);margin:auto;align-items:center;padding:45px 0 50px}.title-copy{position:relative;z-index:1}.title-copy h1{font:400 clamp(42px,4.7vw,68px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:20px 0 23px}.title-copy h1 em{font-weight:400;color:#d7bb83}.intro{color:#aaa2ac;font:14px/1.8 Georgia,serif;margin-bottom:22px}.title-chips{display:flex;gap:17px;font-size:8px;color:#8c8792;margin-bottom:34px}.choose-label{display:flex;align-items:center;gap:11px;margin-bottom:15px}.choose-label>span{font:10px Georgia,serif;color:#bdab8e;border:1px solid #4d4547;display:grid;place-items:center;width:22px;height:22px;border-radius:50%}.choose-label h2{font:17px Georgia,serif;margin:0;color:#d2c7b6}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.class-card{border:1px solid #3d3a46;background:linear-gradient(150deg,#262633,#1b1b26);border-radius:4px;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 8px 14px;color:#b7afbb;overflow:hidden}.class-card.selected{border-color:#c1a16a;box-shadow:inset 0 0 20px #9f7f3b0c;background:radial-gradient(ellipse at center,#53443744,transparent),#24212a}.class-card.selected:after{content:'✓';position:absolute;right:8px;top:7px;color:#d4b885;font-size:11px}.class-card canvas{display:block;max-width:100%;width:88px;height:96px}.class-name{font:15px Georgia,serif;color:#e3d4b9}.class-card small{font-size:5px;margin-top:7px;letter-spacing:.08em;color:#8b8193}#class-description{color:#8e8798;font-size:9px;line-height:1.6;min-height:29px;margin:13px 0 20px}.name-label{display:block;font-size:6px;letter-spacing:.15em;color:#8d8290;margin-bottom:8px}.begin-row{display:flex;gap:10px}.begin-row input{width:43%;min-width:0;padding:12px 13px;border:1px solid #48404c;background:#181822;border-radius:3px;color:#ded1bd;font-size:11px}.begin-row .gold{flex:1;white-space:nowrap}.save-note{color:#77717f;font-size:8px;line-height:1.7;margin:13px 0 0}.import-title{padding:9px 0;font-size:8px;color:#8b7c95}.title-art{position:relative;align-self:stretch;min-height:600px;display:flex;align-items:center;justify-content:center;margin-top:15px}.title-art:before{content:'';position:absolute;inset:0;border:1px solid #c6ac7e17;background:radial-gradient(ellipse,#51415d18,transparent 65%)}#title-canvas{position:relative;width:100%;height:auto;max-height:740px;object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 90%,transparent)}.art-corner{width:28px;height:28px;position:absolute;border-color:#98816b75;border-style:solid}.art-corner.top-left{top:0;left:0;border-width:1px 0 0 1px}.art-corner.bottom-right{bottom:0;right:0;border-width:0 1px 1px 0}.art-caption{position:absolute;bottom:30px;left:30px;display:flex;gap:13px;align-items:center;color:#cdbb9d;font-size:7px;letter-spacing:.16em}.art-caption small{display:block;font-size:5px;color:#80758b;letter-spacing:.18em;margin-top:8px}.caption-rule{width:26px;height:1px;background:#a0865c}.landing-footer{position:relative;display:flex;justify-content:space-between;max-width:1320px;width:calc(100% - 90px);margin:auto;padding:22px 0;border-top:1px solid #ffffff09;font-size:6px;letter-spacing:.12em;color:#716978}#resume-description{font:18px/1.5 Georgia,serif;color:#d2c1a7}#resume-box>.gold{min-width:250px}#resume-box>.quiet{display:block;margin-top:14px}
#play{height:100dvh;min-height:450px;display:flex;flex-direction:column;background:#11131a;overflow:hidden}.game-header{height:61px;flex:none;border-bottom:1px solid #43404b;display:flex;align-items:center;padding:0 23px;gap:35px;background:linear-gradient(#23232d,#191a22);position:relative;z-index:3}.game-header .wordmark{font-size:15px;letter-spacing:.1em}.location-label{display:flex;gap:8px;align-items:center;font-size:11px;color:#c4bda9}.location-label small{font-size:6px;letter-spacing:.12em;color:#777585;border-left:1px solid #4b4350;margin-left:5px;padding-left:12px}.signal{width:4px;height:4px;border-radius:50%;background:#b8b68a;box-shadow:0 0 7px #d3c28a55}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}#save-state{font-size:7px;color:#797786;padding-right:15px}.header-actions .quiet{font-size:12px}.header-actions .quiet span{font-size:9px;margin-left:4px}.bag-toggle{display:none}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;flex:1;min-height:0}.stage{position:relative;overflow:hidden;background:#283b35;min-height:0;isolation:isolate}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #0b11194a;z-index:1}#world{display:block;width:100%;height:100%;outline:0;touch-action:none;cursor:crosshair}.vitals{position:absolute;top:21px;left:22px;display:flex;gap:11px;align-items:center;width:270px;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 3px #0009)}.portrait{position:relative;background:linear-gradient(#38323e,#201b27);border:1px solid #a68b6a;outline:2px solid #221c28;width:49px;height:51px;border-radius:5px}.portrait canvas{width:47px;height:51px;object-fit:contain;display:block}.portrait>span{position:absolute;bottom:-7px;left:14px;display:grid;place-items:center;width:20px;height:17px;border:1px solid #aa8e63;border-radius:3px;background:#25212b;font:10px Georgia,serif;color:#e8cf9c}.vital-bars{flex:1}.hero-identity{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;margin-bottom:5px;color:#e3dacb}.hero-identity b{font-weight:600}.hero-identity>span{font-size:6px;color:#baaaa8}.meter{position:relative;background:#14111bd9;border:1px solid #6c545d;border-radius:2px;height:13px;overflow:hidden}.meter>i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#7c3039,#b55e5a);transition:width .14s}.meter>span{position:relative;display:block;text-align:center;font-size:7px;line-height:11px;color:#f5d8cb;text-shadow:0 1px #000}.meter.focus{height:9px;border-color:#4d5367;margin-top:3px}.meter.focus>i{background:linear-gradient(90deg,#454c79,#888bb7)}.meter.focus>span{font-size:5px;line-height:7px}.meter.xp{height:3px;border:0;background:#15101d;margin-top:4px}.meter.xp>i{background:#c3b076}.minimap-box{position:absolute;top:20px;right:20px;width:137px;padding:0;background:#151923d9;border:1px solid #928367;outline:3px solid #1b1b24aa;border-radius:4px;color:#d1c3a4;z-index:2;overflow:hidden}.minimap-box canvas{display:block;width:135px;height:101px;image-rendering:auto}.minimap-box>span{display:flex;justify-content:space-between;padding:5px 7px;font-size:5px;letter-spacing:.12em}.minimap-box kbd{font-size:5px}.zone-caption{position:absolute;bottom:26px;left:26px;color:#ddcfaf;font:21px Georgia,serif;opacity:.8;pointer-events:none;z-index:2;text-shadow:0 2px 5px #000a}.zone-caption span{display:block;font:6px Arial,sans-serif;letter-spacing:.18em;margin-top:7px;color:#c4b99f;text-transform:uppercase}.journal{position:relative;border-left:1px solid #51434d;background:linear-gradient(145deg,#24212b,#1b1c25);padding:22px 20px 110px;overflow:auto}.journal-heading{display:flex;justify-content:space-between;align-items:center}.journal-heading .eyebrow{font-size:6px;color:#86788b;margin:0 0 17px}.journal-tabs{display:flex;gap:17px;border-bottom:1px solid #443846;margin-bottom:23px}.journal-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#827589;font-size:10px;padding:0 0 11px}.journal-tabs button[aria-selected=true]{color:#d2b88e;border-color:#b99a63}.chapter-label{font-size:6px;letter-spacing:.18em;color:#8d7a87;margin:0 0 11px}.journal h2{font:24px/1.1 Georgia,serif;color:#deceb1;letter-spacing:-.03em;margin:0 0 13px}.quest-prose{color:#9d8f9e;font:11px/1.75 Georgia,serif;margin-bottom:23px}#quest-objective{color:#ccb38a;font-size:9px;line-height:1.7;padding-left:12px;border-left:2px solid #b59960;margin-bottom:17px}.shard-list{list-style:none;padding:0;margin:0 0 20px}.shard-list li{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #ffffff05;font-size:9px;color:#8b8092}.shard-list li>span:first-child{font-size:14px;line-height:12px;color:#8b709e}.shard-list li.complete{color:#b9c69f}.shard-list li.complete>span:first-child{color:#acbf8a}.shard-list small{display:block;font-size:6px;color:#70687a;margin-top:4px}.quest-tip{font-size:8px;line-height:1.8;color:#7f7588;background:#16151f80;border:1px solid #3b323f;padding:12px;border-radius:3px}.journal-divider{border-bottom:1px solid #413442;margin:24px 0 21px}.journal .eyebrow{font-size:6px}#field-log{display:flex;flex-direction:column;gap:11px;font-size:8px;line-height:1.6;color:#877b8e}#field-log p{margin:0;border-left:1px solid #59434e;padding-left:9px}#field-log p:first-child{color:#c4b299}.journal-bottom{position:relative;margin-top:27px;border-top:1px solid #413542;padding-top:15px;color:#726678;font-size:7px}.journal-bottom>div{display:flex;gap:8px;margin-top:12px}.journal-bottom .quiet{font-size:7px;padding:5px 0}.wallet{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#15131c80;border:1px solid #4e4046;border-radius:3px;margin-bottom:22px}.wallet>span{font-size:6px;letter-spacing:.15em;color:#8f7f8a}.wallet b{font:25px Georgia,serif;color:#d5b476}.equipment-current{padding-bottom:20px;border-bottom:1px solid #413344;margin-bottom:24px}.equipment-current h3{font:18px Georgia,serif;color:#d4c0a2;margin:8px 0}.equipment-current p{color:#967ea6;font-size:8px;line-height:1.7}.inventory-item{display:block;width:100%;text-align:left;margin:8px 0;padding:13px;border:1px solid #5d446e;background:#2d2339;color:#cdb5dd;border-radius:3px}.inventory-item b{display:block;font:13px Georgia,serif}.inventory-item small{display:block;margin-top:6px;font-size:7px;color:#a489b6}.inventory-item.equipped{border-color:#b39a68;background:#3c302b}.inventory-tip{font-size:8px;color:#87748e;line-height:1.8;margin-top:18px}.action-bar{position:relative;z-index:3;flex:none;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 25px;border-top:1px solid #55454f;background:linear-gradient(#24212b,#161720);box-shadow:0 -5px 20px #0003}.movement-hint{display:flex;gap:4px;align-items:center;color:#736b7b;font-size:5px}.movement-hint>span{max-width:80px;line-height:1.7;margin-left:7px;letter-spacing:.05em}kbd{font:7px Arial,sans-serif;background:#15141c80;border:1px solid #514451;padding:3px 4px;border-radius:3px;color:#ab9aaf;box-shadow:0 1px 0 #0005}.skills{display:flex;gap:7px}.action{position:relative;isolation:isolate;overflow:hidden;min-width:76px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 8px;background:linear-gradient(145deg,#3e3345,#231f2d);border:1px solid #69506f;border-radius:4px;color:#e0c9ee;box-shadow:inset 0 0 0 2px #16121f55}.action:hover{border-color:#ba99c9}.action kbd{position:absolute;top:4px;left:4px;font-size:5px;padding:1px 3px;z-index:2}.action-icon{font-size:20px;line-height:1.1;position:relative;z-index:1}.action small{font-size:5px;position:relative;z-index:1;color:#c4a8ce}.action.basic{border-color:#807055;background:linear-gradient(145deg,#494033,#272127);color:#d9c08d}.action.potion{border-color:#7d5151;background:linear-gradient(145deg,#493139,#2a212b);color:#dca5a1}.action.potion small{color:#c69c9b}.action.potion b{background:#3b2730;padding:2px 4px;border-radius:3px;color:#ebc4b5}.cooldown{position:absolute;left:0;right:0;bottom:0;top:auto;background:#0e0c19d9;z-index:2;pointer-events:none}.cooldown-label{position:absolute;inset:0;display:grid;place-items:center;z-index:3;color:#e4d8eb;font:20px Georgia,serif;pointer-events:none}.journal-open{font-size:17px;display:flex;align-items:center;gap:10px}.journal-open span{font-size:8px}.journal-open kbd{font-size:5px}#close-bag{display:none}#toast-region{position:absolute;top:110px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 45px));display:grid;gap:6px;pointer-events:none;z-index:6}.toast{text-align:center;background:#1c1625e8;border:1px solid #8e6a9977;padding:10px 15px;color:#dfc795;font:12px/1.5 Georgia,serif;border-radius:3px;animation:toastIn .2s ease-out}.toast.alert{color:#e4a79f;border-color:#c0806c77}.toast.level{color:#f0d99b;border-color:#d2b66e}.toast.leave{opacity:0;transition:opacity .5s}@keyframes toastIn{from{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}#interact-hint{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap}#interact-hint button{background:#191621ec;border:1px solid #a38c68;border-radius:4px;color:#e3d1aa;padding:10px 15px;font-size:10px}#interact-hint kbd{color:#e3d1aa;margin-right:8px;border-color:#816b55}.touch-controls{display:none}#boss-health{position:absolute;top:85px;left:50%;transform:translateX(-50%);width:min(350px,50%);text-align:center;z-index:3}#boss-health>span{font:9px Georgia,serif;letter-spacing:.17em;color:#d5b5eb;text-shadow:0 1px 3px #000}.meter.boss{height:8px;margin-top:8px;border-color:#9c76b3}.meter.boss i{background:linear-gradient(90deg,#753d83,#bd79c2)}dialog{background:linear-gradient(135deg,#292331,#1d1b28);border:1px solid #8b716e;border-radius:6px;color:#d4c2ae;max-width:min(500px,calc(100% - 32px));width:470px;max-height:85dvh;padding:35px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#0d0c17be;backdrop-filter:blur(3px)}.dialog-x{position:absolute;right:12px;top:10px;font-size:22px}dialog .eyebrow{font-size:7px;margin-bottom:13px}dialog h2{font:31px/1.15 Georgia,serif;letter-spacing:-.03em;color:#e5d0ac;margin:0 0 18px}#dialog-content{font:13px/1.9 Georgia,serif;color:#a99bae}#dialog-content p{margin:10px 0 15px}#dialog-content ul{font:11px/1.9 Arial,sans-serif;padding-left:18px}#dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}#dialog-actions .gold{font-size:10px;padding:12px 15px}.controls-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;font:10px/1.8 Arial,sans-serif}.controls-list>div{background:#17131e70;border:1px solid #47354d;padding:9px}.map-large{display:block;max-width:100%;height:auto;border:1px solid #66556c;margin:12px 0 20px;image-rendering:auto}.map-legend{font:9px/1.8 Arial,sans-serif;color:#a396b5}
@media(min-width:1600px){.game-layout{grid-template-columns:minmax(0,1fr) 290px}.journal{padding:26px}.title-layout{gap:100px}.title-copy h1{font-size:75px}}
@media(max-width:1000px){.title-layout{width:calc(100% - 64px);gap:35px;grid-template-columns:1.1fr .9fr}.landing-nav,.landing-footer{width:calc(100% - 64px)}.title-copy h1{font-size:52px}.title-chips{gap:10px;font-size:6px}.title-art{min-height:570px}.class-card canvas{width:74px;height:81px}.class-card small{font-size:4px}.begin-row .gold{padding:13px;font-size:9px}.game-layout{grid-template-columns:minmax(0,1fr) 225px}.journal{padding:20px 16px}.vitals{width:235px;left:16px;top:16px}.minimap-box{top:16px;right:16px;width:107px}.minimap-box canvas{width:105px;height:79px}.movement-hint{display:none}.action-bar{justify-content:center;padding:9px 18px}.journal-open{position:absolute;right:14px}.journal-open span,.journal-open kbd{display:none}.game-header{gap:20px;padding:0 17px}}
@media(max-width:750px){.title-layout{grid-template-columns:1fr;max-width:500px;width:calc(100% - 42px);padding-top:34px;padding-bottom:25px;gap:20px}.title-art{min-height:0;height:260px;grid-row:1;display:none}.title-copy h1{font-size:56px}.landing-nav{height:75px;width:calc(100% - 42px)}.landing-nav .wordmark{font-size:15px;gap:8px}.wordmark>span{display:none}.landing-nav>.quiet{font-size:9px}.title-copy .eyebrow{font-size:6px}.intro{font-size:13px}.title-chips{font-size:7px;gap:15px;margin-bottom:28px}.class-card canvas{width:87px;height:95px}.class-card small{font-size:5px}.begin-row .gold{font-size:10px;padding:14px}.landing-footer{width:calc(100% - 42px);font-size:5px;padding-top:17px;gap:15px;line-height:1.8}.game-header{height:52px;padding:0 11px;gap:14px}.game-header .wordmark{font-size:12px;gap:7px}.game-header .wordmark img{width:19px;height:25px}.location-label{font-size:9px;gap:5px}.location-label small{display:none}.header-actions{gap:3px}.header-actions .quiet{font-size:13px;padding:7px}.header-actions .quiet span{display:none}#save-state{display:none}.bag-toggle{display:block}.game-layout{display:block;position:relative}.stage{width:100%;height:100%}.vitals{top:13px;left:13px;width:215px;gap:9px}.portrait{width:39px;height:43px}.portrait canvas{width:37px;height:42px}.portrait>span{left:10px;width:18px;height:16px;font-size:8px}.hero-identity{font-size:8px}.hero-identity>span{font-size:5px}.meter{height:11px}.meter>span{font-size:6px;line-height:9px}.meter.focus{height:7px}.meter.focus>span{font-size:4px;line-height:5px}.minimap-box{top:13px;right:13px;width:85px}.minimap-box canvas{width:83px;height:62px}.minimap-box>span{font-size:4px;padding:4px 5px}.minimap-box kbd{font-size:4px;padding:1px 2px}.journal{display:none;position:absolute;inset:0 0 0 auto;width:min(320px,88%);z-index:12;border-left:1px solid #8e726b;padding:23px 23px 35px;box-shadow:-20px 0 60px #0009;background:linear-gradient(145deg,#29232e,#1b1925)}.journal.open{display:block}#close-bag{display:block;font-size:20px;padding:0;line-height:1;margin-bottom:15px}.journal-heading .eyebrow{font-size:7px}.action-bar{min-height:75px;height:75px;padding:7px 10px;justify-content:center;gap:5px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.skills{gap:6px}.action{min-width:72px;height:57px;padding:4px 8px}.action small{font-size:5px}.action-icon{font-size:22px}.action kbd{font-size:5px}.journal-open{display:none}.zone-caption{bottom:125px;left:15px;font-size:17px;opacity:.7}.zone-caption span{font-size:5px}.touch-controls{position:absolute;bottom:18px;inset-inline:17px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;z-index:4}.dpad{display:grid;grid-template-columns:repeat(3,37px);grid-template-rows:repeat(2,36px);gap:3px;pointer-events:auto}.dpad button{border:1px solid #ba9fa657;background:#19192499;color:#d7c5b0;font-size:17px;border-radius:6px;touch-action:none;user-select:none}.dpad button:nth-child(1){grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:active{background:#776275bb}#touch-attack{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;border-radius:50%;border:1px solid #cfb78299;outline:4px solid #211c2b55;background:#463542b3;color:#e4c9a1;font-size:25px;touch-action:none;user-select:none}#touch-attack span{font-size:5px;letter-spacing:.1em}#interact-hint{bottom:108px;max-width:calc(100% - 35px);white-space:normal;text-align:center}#interact-hint button{font-size:9px;padding:9px 12px}#toast-region{top:90px;width:calc(100% - 38px)}.toast{font-size:11px;padding:8px 12px}#boss-health{top:86px;width:65%}#boss-health>span{font-size:7px}dialog{padding:28px;max-height:88dvh}dialog h2{font-size:29px}.controls-list{grid-template-columns:1fr 1fr;gap:7px;font-size:8px}#dialog-actions .gold{font-size:9px}.art-caption{display:none}}
@media(pointer:coarse) and (min-width:751px){.touch-controls{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.dpad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);gap:4px;pointer-events:auto}.dpad button{border:1px solid #9d819b88;background:#27213599;color:#d6bdde;border-radius:4px;touch-action:none}.dpad button:nth-child(1){grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}#touch-attack{pointer-events:auto;width:60px;height:60px;border-radius:50%;border:1px solid #b99c74;background:#3d304bb9;color:#e2cba8;font-size:24px;touch-action:none}#touch-attack span{display:block;font-size:6px}}
@media(max-width:370px){.title-copy h1{font-size:49px}.class-card canvas{width:76px;height:83px}.class-card small{font-size:4px}.class-name{font-size:14px}.title-chips{font-size:6px;gap:10px}.begin-row .gold{font-size:9px;padding:13px 10px}.action{min-width:66px}.skills{gap:5px}.vitals{width:195px}.hero-identity>span{display:none}.game-header .wordmark{font-size:10px}.location-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-height:500px){#play{min-height:310px}.game-header{height:43px}.action-bar{height:66px;min-height:66px}.action{height:51px}.touch-controls{bottom:10px}.vitals{top:10px}.minimap-box{top:10px}}