:root{color-scheme:dark;font-family:Tahoma,'Noto Sans Thai',sans-serif;color:#f6eed9;--gold:#d7b66d;--panel:rgba(15,22,24,.87)}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#132a22}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #928060;background:linear-gradient(#2c3330,#101918);border-radius:5px}button:hover{border-color:#ffe1a0;filter:brightness(1.18)}button:focus-visible{outline:2px solid #fff4c2;outline-offset:3px}button:active{transform:translateY(1px)}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 35%,#23483d,#101c20 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s}.load-emblem{font-size:80px;color:#eed192;text-shadow:0 0 50px #82d6ad}h1{font-family:Georgia,serif;font-size:clamp(22px,4vw,40px);letter-spacing:.12em;font-weight:400}#loading p{color:#c4c5ae;font-size:16px}#loadtext{font-size:14px;color:#b8c5bc;margin:14px}.load-track{height:3px;width:260px;background:#3b4d42}.load-track i{display:block;width:4%;height:100%;background:#e2c889;transition:width .3s}#hud{position:fixed;top:max(18px,env(safe-area-inset-top));left:20px;display:flex;gap:10px;filter:drop-shadow(0 3px 5px #0008);pointer-events:none}#portrait{pointer-events:auto;width:76px;height:83px;position:relative;border:3px double var(--gold);background:#27322e}#portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}#badge{position:absolute;bottom:-9px;left:-6px;background:#161d1d;border:1px solid var(--gold);border-radius:8px;padding:4px 8px;font-weight:bold}.vitals{width:250px}.hero-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:14px}.hero-name small{color:#e1d5b6;font-size:12px;margin-left:12px}.bar{height:19px;background:#14231f;border:2px solid #8e826a;border-radius:4px;overflow:hidden;position:relative;margin:4px 0}.bar i{display:block;height:100%;width:100%;transition:width .15s;background:linear-gradient(#df7663,#9e272a)}.bar span{position:absolute;inset:0;text-align:center;font-size:12px;text-shadow:1px 1px #000}.mp{height:15px}.mp i{background:linear-gradient(#51bfe7,#146faa)}.mp span{font-size:11px}.hud-meta{display:flex;gap:16px;align-items:center;font-size:12px}.hud-meta #gold{color:#f4d885}.hud-meta #fps{color:#bdd6bd}.hud-meta button{pointer-events:auto;border:0;background:none;padding:0 7px;font-size:18px}#topActions{position:fixed;top:20px;right:20px;display:flex;gap:6px}#topActions button{height:35px;min-width:35px;font-size:20px;background:var(--panel)}#topActions span{font-size:12px}#quest{position:fixed;top:210px;right:20px;width:260px;background:var(--panel);border:1px solid #8b7b5e;border-radius:6px;box-shadow:0 4px 20px #0004;padding:11px 14px;font-size:13px}.quest-heading{display:flex;align-items:center;gap:7px;font-size:14px;color:#e7ca84}.quest-heading span{font-size:22px}.quest-heading button{margin-left:auto;background:none;border:0;font-size:20px}#quest p{margin:10px 0;color:#dedbcd}#quest p.done{color:#89c699}#quest p b{float:right;font-weight:400}#minimapWrap{position:fixed;top:67px;right:20px;width:200px;height:128px;overflow:hidden;border:2px solid #b8a473;border-radius:8px;background:#122521;box-shadow:0 3px 12px #0008}#minimapWrap b{position:absolute;top:3px;left:94px;font:12px Georgia;color:white}#minimap{width:100%;height:100%;opacity:.9}#toast{position:fixed;top:130px;left:50%;transform:translateX(-50%) translateY(-10px);padding:11px 24px;border:1px solid #b69d64;background:#152321e8;border-radius:5px;opacity:0;transition:opacity .25s,transform .25s;font-size:14px;pointer-events:none;max-width:80vw;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#target{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:220px;text-align:center;display:none;font-size:14px;text-shadow:1px 2px #000}#target .bar{height:7px}#bottom{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:96vw}.skill-row{display:flex;gap:6px;justify-content:center;align-items:center}.skill{width:64px;height:70px;position:relative;overflow:hidden;border:2px solid #8d7c5d;box-shadow:inset 0 0 0 2px #171e19,0 3px 6px #0008;background:radial-gradient(circle at 45% 35%,#414c41,#14231e 75%)}.skill>span{display:block;font-size:30px;line-height:32px;margin-top:1px;filter:drop-shadow(0 0 6px currentColor)}.skill small,.auto small{display:block;font-size:11px;margin-top:2px}.skill kbd,.auto kbd{position:absolute;bottom:2px;right:3px;font-size:10px;color:#9faaa2}.skill i{position:absolute;bottom:0;left:0;width:100%;background:#040909ae;pointer-events:none}.skill.locked{filter:saturate(.1);opacity:.55}.skill.locked:after{content:'◆';position:absolute;top:4px;right:4px;font-size:11px}.skill.fire{color:#ffcc77;background:radial-gradient(#ae5818,#221609 75%)}.skill.ice{color:#a0ecff;background:radial-gradient(#277eb1,#0b1c29 75%)}.skill.nova{color:#f0dd9f;background:radial-gradient(#b08b2b,#252110 75%)}.skill.heal{color:#bdfacd;background:radial-gradient(#397e51,#122519 75%)}.skill.potion{color:#ffc9be;background:radial-gradient(#92453c,#241514 75%)}.auto{width:64px;height:64px;border-radius:50%;position:relative;margin-left:7px}.auto>span{font-size:31px;line-height:30px}.auto.enabled{border-color:#fff0ab;color:#ffe59c;box-shadow:0 0 20px #ffe98d55}#experience{display:flex;align-items:center;gap:8px;font-size:11px;text-shadow:1px 1px #000;margin:0 4px 7px}#experience>div{flex:1;height:5px;border:1px solid #796b4d;background:#1b211b;border-radius:2px}#xpFill{display:block;height:100%;width:0;background:#e6bb55}#joystick{display:none;position:fixed;left:25px;bottom:40px;width:100px;height:100px;border:2px solid #ddd3a748;border-radius:50%;background:#14211b44;touch-action:none}#joystick i{position:absolute;width:42px;height:42px;left:27px;top:27px;border-radius:50%;background:#ded2a860;border:1px solid #e6dcb188}#joystick span{position:absolute;bottom:-19px;width:100%;text-align:center;font-size:12px;color:#ded6be}#interact{position:fixed;bottom:145px;left:50%;transform:translateX(-50%);padding:8px 20px;background:#182421e8;display:none;border-color:#cfb87a;font-size:14px}#hint{position:fixed;bottom:20px;left:20px;max-width:220px;font-size:12px;color:#e3e1c9;text-shadow:1px 1px 2px #000;line-height:1.7;pointer-events:none}dialog{width:min(520px,93vw);max-height:83vh;overflow:auto;background:linear-gradient(135deg,#23332c,#101b1b);color:#eee6d0;border:2px solid #ae9461;border-radius:10px;padding:28px;box-shadow:0 15px 80px #000a}dialog::backdrop{background:#08171199;backdrop-filter:blur(4px)}dialog h2{font:26px Georgia,Tahoma,serif;color:#ebd398;margin-top:0}dialog p{font-size:14px;line-height:1.9;color:#cdd3c3}dialog .close{position:absolute;right:10px;top:8px;background:none;border:0;font-size:27px}dialog button.action{padding:10px 18px;margin:6px 6px 0 0;background:linear-gradient(#665535,#3c3626);border-color:#c8ad76;font-size:14px}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.item{border:1px solid #746847;padding:14px 7px;text-align:center;background:#101d1955;font-size:13px}.item em{display:block;font-style:normal;font-size:28px;margin-bottom:7px}.setting{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid #6b785c44;font-size:14px}.setting input{accent-color:#d5b575;width:150px}.help{font-size:12px!important;color:#9fad9f!important}#loading.hidden{opacity:0;pointer-events:none}@media(max-width:800px){#hud{left:10px;top:10px;gap:6px}#portrait{width:53px;height:58px}.vitals{width:175px}.hero-name{font-size:12px}.hero-name small{display:none}.bar{height:15px}.mp{height:12px}.hud-meta{font-size:10px;gap:10px}#badge{font-size:12px;padding:2px 5px}#minimapWrap{top:56px;right:10px;width:130px;height:78px}#minimapWrap b{left:61px}#topActions{top:10px;right:10px}#topActions span{display:none}#topActions button{height:30px;min-width:30px;font-size:18px}#quest{top:142px;right:10px;width:190px;font-size:11px;padding:7px 9px}.quest-heading{font-size:12px}#quest p{margin:7px 0}.skill{width:47px;height:58px}.skill>span{font-size:24px;line-height:27px}.skill small{font-size:9px}.skill-row{gap:3px}.auto{width:47px;height:47px;margin-left:3px}.auto small{font-size:9px}.auto>span{font-size:24px}#hint{display:none}#bottom{left:auto;right:10px;transform:none;bottom:15px}#joystick{display:block}#toast{top:90px;font-size:12px;padding:9px 14px}#target{top:80px;width:170px;font-size:12px}#interact{bottom:108px}}@media(max-width:520px){#bottom{left:50%;right:auto;transform:translateX(-50%);bottom:12px}.skill{width:42px;height:55px}#joystick{bottom:112px;width:82px;height:82px;left:16px}#joystick i{left:18px;top:18px}#quest{width:175px}#interact{bottom:104px;left:58%}#experience{font-size:10px}#portrait{width:46px;height:53px}.vitals{width:156px}#fullscreen{display:none}}

/* Crystal Court: compact brass frames, jewel-bright meters and painted abilities. */
:root{--gold:#f2ce7c;--panel:linear-gradient(145deg,rgba(12,27,45,.95),rgba(9,19,32,.95));color:#f7f2e4}
button{border-color:#a68a52;background:linear-gradient(145deg,#27364a,#101b2e);box-shadow:inset 0 1px #ffe4a321;color:#f9e9c1;border-radius:7px}
#hud{top:16px;left:18px;gap:12px;filter:drop-shadow(0 4px 7px #0009)}
#portrait{width:66px;height:80px;padding:3px;border:2px solid #f4d695;border-radius:11px 11px 16px 16px;background:linear-gradient(140deg,#fff1be,#a77929 38%,#432e13 52%,#ffdc83);box-shadow:0 0 0 2px #243447,inset 0 0 0 1px #ffeab3,0 4px 20px #070d26a0}
#portrait img{border-radius:7px 7px 11px 11px;border:1px solid #eee1a357}
#badge{left:50%;bottom:-8px;transform:translateX(-50%);min-width:29px;padding:2px 7px;text-align:center;border:1px solid #ffe6a0;border-radius:8px;background:linear-gradient(#586394,#212b4a);box-shadow:0 2px 6px #000;font-size:13px}
.vitals{width:240px;padding:5px 9px 7px;background:linear-gradient(90deg,#101c31e6,#111e32c2);border:1px solid #edcf774a;border-radius:0 10px 10px 0}
.hero-name{margin-bottom:4px;font-size:13px;gap:8px;white-space:nowrap}.hero-name small{font-size:12px;margin-left:0;color:#8fd5eb}
.bar{height:21px;border:1px solid #fbe7b09c;border-radius:5px;background:#090f29;box-shadow:inset 0 2px 4px #000,0 0 0 1px #0008}
.bar i{background:linear-gradient(180deg,#ff89a6 0%,#ff335b 33%,#ee093c 69%,#a50030 100%);box-shadow:inset 0 1px #fff9,0 0 13px #ff225e88;position:relative}
.bar i:after{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(#fff5,transparent);border-radius:3px}
.bar span{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;letter-spacing:.02em;text-shadow:0 1px 2px #000,0 0 5px #000}
.mp{height:18px}.mp i{background:linear-gradient(180deg,#b9f9ff,#21d6ff 30%,#077cfa 73%,#174bd3);box-shadow:inset 0 1px #fff9,0 0 12px #19a9ff88}.mp span{font-size:12px}
.hud-meta{gap:14px;font-size:12px;margin-top:5px}.hud-meta button{width:24px;height:20px;padding:0;display:flex;align-items:center;justify-content:center}.hud-meta svg{width:18px;height:18px}
#buffs{font-size:12px;color:#94e9ff;min-height:0;margin-top:3px;max-width:220px;line-height:1.4}
#buffs:empty{display:none}
#topActions{top:16px;right:242px;left:360px;justify-content:flex-end;gap:5px}
#topActions button{height:52px;min-width:56px;padding:4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(145deg,#21334ae8,#0b1c31e8);border:1px solid #ddc484a0;box-shadow:inset 0 0 0 2px #071528,0 4px 12px #0007}
.menu-icon{display:flex;align-items:center;justify-content:center;color:#ffe3a0}.menu-icon svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px #000)}
#topActions span:not(.menu-icon){font-size:12px;line-height:1.2;color:#f6e8cd;white-space:nowrap}
#fullscreen{position:fixed;right:20px;top:20px;width:30px;height:30px;padding:3px;background:#0a1b2fd9}
#fullscreen svg{width:19px;height:19px}
#minimapWrap{top:64px;right:20px;width:185px;height:110px;border:1px solid #f4d790;border-radius:11px;box-shadow:0 0 0 2px #152637,0 4px 17px #0007}#minimapWrap b{left:88px}
#quest{top:187px;right:20px;width:235px;padding:10px 13px;font-size:12px;border-color:#c7ac6a99;background:var(--panel)}.quest-heading{font-size:13px;color:#ffe3a0}.quest-heading span{font-size:20px}#quest p{font-size:12px;line-height:1.65;margin:7px 0}#quest p.done{color:#7bf4af}
#target{top:80px;font-size:13px;width:260px;color:#ffe5a6}#target .bar{height:8px;border-color:#ddad73}#targetFill{background:linear-gradient(#ffb0c7,#e52165)}
#bottom{bottom:max(14px,env(safe-area-inset-bottom));width:max-content;max-width:96vw}
.combat-dock{display:flex;align-items:center;gap:9px;padding:6px 7px;border:1px solid #d4b97b7d;background:linear-gradient(#101c31bd,#091325e6);border-radius:10px;box-shadow:inset 0 0 0 2px #0b182d,0 5px 18px #0008}
.skill-row{display:grid;grid-template-columns:repeat(16,46px);gap:4px}
.skill{width:46px;height:57px;padding:3px 2px 1px;position:relative;border:1px solid #f4d4918a;border-radius:6px;background:linear-gradient(#34445c,#0b1b2e);box-shadow:inset 0 0 0 1px #101b2c,0 2px 5px #0007}
.skill>.ability-art{width:38px;height:38px;margin:0 auto;display:block;border-radius:4px;background-size:400% 400%;background-repeat:no-repeat;filter:none;line-height:normal;font-size:inherit}
.skill small{display:block;font-size:10px;line-height:12px;margin:2px -1px 0;color:#f6e9c9;white-space:nowrap;letter-spacing:-.02em;text-shadow:0 1px 2px #000}.skill kbd{font:10px Tahoma;left:4px;right:auto;top:4px;bottom:auto;color:#fff9df;padding:0 3px;border-radius:2px;background:#05111ccb;z-index:2}
.skill i{z-index:1;pointer-events:none;background:linear-gradient(#06101bb0,#06101be6)}.timer{position:absolute;top:11px;left:0;right:0;text-align:center;color:#fff;font-size:18px;text-shadow:0 1px 5px #000;z-index:3;pointer-events:none}
.skill .lock-mark{display:none}.skill.locked{filter:saturate(.12);opacity:.62}.skill.locked:after{content:'🔒';top:13px;left:0;right:0;text-align:center;font-size:15px;text-shadow:0 1px 3px #000;z-index:2}.skill.locked .lock-mark{display:block;position:absolute;bottom:14px;left:0;right:0;font-size:9px;text-align:center;color:#f3e4c2;background:#0008;z-index:3;font-weight:normal}.skill.no-mana:not(.locked){border-color:#438fb9}.skill:hover:not(.locked){box-shadow:0 0 12px #ffe29680;border-color:#ffedba;transform:translateY(-2px)}
.utility-row{display:flex;gap:6px;align-items:center}.utility-row .skill{width:48px}.auto{width:49px;height:49px;margin:0;border:1px solid #c9ab6f;border-radius:50%;background:radial-gradient(#315b68,#0a2135);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.auto>span{display:block;width:24px;height:24px;line-height:normal}.auto svg{width:24px;height:24px}.auto small{font-size:9px;margin:0}.auto kbd{font-size:9px;bottom:0;right:2px}.auto.enabled{color:#84ffce;border-color:#a1ffd4;box-shadow:0 0 15px #58f0b850}
#experience{font-size:12px;margin:0 9px 6px;gap:9px}#experience>div{height:5px;min-width:130px;border-color:#ebd28c6e;background:#071226}#xpFill{background:linear-gradient(90deg,#f59d27,#ffe898);box-shadow:0 0 7px #ffc55288}
#hint{bottom:115px;font-size:12px;max-width:185px;color:#e6efd5}#interact{bottom:125px;font-size:13px;border-radius:20px;padding:7px 18px}
#panel{width:min(680px,94vw);background:linear-gradient(145deg,#19314b,#091727 70%);border:1px solid #f0d18a;box-shadow:inset 0 0 0 3px #12233a,0 22px 90px #000b;padding:28px;border-radius:13px}dialog h2{font:24px Tahoma,serif;line-height:1.4;margin:5px 0 18px;color:#ffe3a4}.panel-kicker{font-size:12px;letter-spacing:.12em;color:#9ec7db}dialog p{font-size:14px}.ability-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ability-card{display:flex;gap:11px;padding:11px;border:1px solid #b2cbe12a;background:#07142187;border-radius:8px}.ability-art{flex:none;width:48px;height:48px;background-size:400% 400%;border-radius:6px}.ability-card h3,.creature-card h3{font-size:14px;margin:0 0 4px;color:#ffe3a6;font-weight:normal}.ability-card h3 small{font-size:12px;color:#9bddff}.ability-card p{font-size:12px;line-height:1.65;margin:0 0 6px;color:#d2e1eb}.ability-card small{font-size:12px;color:#98b8d1}.ability-card.unavailable{opacity:.6}
.creature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creature-card{display:flex;align-items:center;gap:8px;border:1px solid #b2cbe12a;border-radius:8px;background:radial-gradient(at 20% 60%,#3d4b4355,#091623c4);padding:10px}.creature-card p{font-size:12px;margin:4px 0}.creature-card small{display:block;font-size:12px;line-height:1.65;color:#abcae0}.creature-progress{color:#79e9b0!important}.creature-preview{display:block;flex:none;width:90px;height:98px;background-size:800% 600%;background-repeat:no-repeat}.creature-preview.legacy{background-size:400% 400%}
.character-sheet{display:flex;align-items:center;gap:24px;border:1px solid #d3b87c50;padding:16px;background:#07152569;border-radius:10px}.character-sheet img{width:120px;height:144px;object-fit:cover;border:2px solid #ddc68a;border-radius:8px}.character-sheet h3{font-size:22px;margin:0;color:#91e8ff}.character-sheet p{margin:6px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.stat-grid>div{text-align:center;padding:12px;background:#08182c;border:1px solid #d2b47740;border-radius:7px;font-size:12px;color:#b9cbd8}.stat-grid b{display:block;font-size:20px;color:#f4d887;margin-bottom:4px}.journal-list{padding:12px 18px;border:1px solid #b5cce32e;border-radius:8px}.journal-list p{color:#a9bdd0}.journal-list p.done{color:#8bf4b0}.inventory .item{background:#07192d;border-color:#b4c8dc33;border-radius:7px}.item em{color:#ffdd87}.item b{color:#91ddff}
@media(max-width:1200px){.skill-row{grid-template-columns:repeat(8,46px)}.utility-row{flex-direction:column}.combat-dock{gap:8px}#topActions{right:220px;left:350px}#topActions button{min-width:48px;padding:4px 5px}#hint{bottom:160px}#interact{bottom:180px}}
@media(max-width:1000px){#topActions{left:50%;right:auto;transform:translateX(-50%);top:100px;gap:5px}#topActions button{min-width:54px;height:48px}#target{top:158px}#toast{top:160px}}
@media(max-width:800px){#hud{left:10px;top:10px;gap:7px}#portrait{width:53px;height:64px}.vitals{width:180px;padding:3px 6px 4px}.hero-name{font-size:12px}.hero-name small{display:none}.bar{height:18px}.mp{height:16px}.bar span,.mp span{font-size:12px}.hud-meta{font-size:12px;gap:9px;margin-top:3px}#badge{font-size:12px}#buffs{font-size:11px}#minimapWrap{top:10px;right:10px;width:115px;height:73px}#minimapWrap b{left:53px}#fullscreen{display:none}#topActions{top:94px;left:10px;right:10px;transform:none;justify-content:center;gap:5px}#topActions button{height:43px;min-width:47px;padding:3px 5px}#topActions span:not(.menu-icon){display:block;font-size:11px}.menu-icon svg{width:19px;height:19px}#quest{top:148px;right:10px;width:187px;font-size:12px;padding:7px 9px}.quest-heading{font-size:12px}#quest p{font-size:12px;margin:6px 0}#target{top:147px;left:12px;transform:none;width:170px;font-size:12px;text-align:left}#target .bar{height:6px}#toast{top:142px;max-width:92vw;font-size:13px}#bottom{left:50%;right:auto;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));max-width:96vw}.skill-row{grid-template-columns:repeat(8,42px);gap:3px}.skill{width:42px;height:53px;padding:2px 1px}.skill>.ability-art{width:35px;height:35px}.skill small{font-size:9px;line-height:10px}.utility-row{flex-direction:row;position:absolute;right:6px;top:-42px}.utility-row .skill{width:38px;height:37px}.utility-row .skill>.ability-art{width:29px;height:29px}.utility-row .skill small{position:absolute;left:-32px;top:11px;font-size:10px;color:#ffc9d9}.auto{width:38px;height:38px}.auto>span,.auto svg{width:20px;height:20px}.auto small{font-size:8px}.auto kbd{display:none}.combat-dock{padding:5px;gap:0;border-radius:9px}#experience{font-size:11px;margin-right:115px;min-height:15px}#experience>div{min-width:40px}#xpLabel{display:none}#joystick{bottom:175px;left:18px;width:82px;height:82px;background:#0b1b2d66}#joystick i{left:18px;top:18px}#interact{bottom:180px;left:58%}#hint{display:none}#panel{padding:24px 17px}.ability-list,.creature-list{grid-template-columns:1fr}.ability-card p{font-size:13px}.creature-preview{width:92px;height:100px}.character-sheet{gap:15px;padding:12px}.character-sheet img{width:100px;height:120px}}
@media(max-width:380px){#portrait{width:46px;height:60px}.vitals{width:166px}#minimapWrap{width:95px;height:65px}#minimapWrap b{left:44px}#topActions{gap:3px}#topActions button{min-width:43px;padding:3px}.skill-row{grid-template-columns:repeat(8,38px);gap:3px}.skill{width:38px;height:51px}.skill>.ability-art{width:32px;height:32px}.skill small{font-size:8px}.combat-dock{padding:4px}.quest-heading{font-size:11px}#quest{width:178px}#target{width:145px;font-size:11px}}
@media(max-height:540px) and (orientation:landscape){#hud{top:8px}#topActions{top:8px;left:50%;right:auto;transform:translateX(-50%)}#quest{top:150px}#target{top:71px;left:50%;transform:translateX(-50%)}.skill-row{grid-template-columns:repeat(16,36px)}.skill{width:36px;height:48px}.skill>.ability-art{width:29px;height:29px}.skill small{font-size:8px}.utility-row{position:static;flex-direction:row}.utility-row .skill small{position:static;font-size:8px}.combat-dock{gap:6px}#experience{margin-right:9px}#joystick{bottom:95px}#interact{bottom:91px}#toast{top:88px}#minimapWrap{height:75px;top:62px}#bottom{max-width:94vw}#buffs{display:none}}
@media(max-height:540px) and (max-width:740px) and (orientation:landscape){.skill-row{grid-template-columns:repeat(8,36px)}.utility-row{flex-direction:column}#topActions button{min-width:39px;padding:3px}#topActions span:not(.menu-icon){font-size:10px}#quest{width:175px}#bottom{left:55%}#experience>div{min-width:40px}#joystick{bottom:120px}#interact{bottom:140px}}