:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#f4f7f6;background:#050811;font-synthesis:none;--ink: #050811;--panel: rgba(8, 13, 25, .84);--panel-strong: rgba(7, 11, 21, .95);--line: rgba(185, 213, 224, .2);--muted: #9aaab4;--teal: #65f3df;--teal-deep: #1a9e98;--violet: #bd7dff;--rose: #ed5a78;--gold: #d7b77c;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}html{min-height:100%;background:var(--ink);-webkit-text-size-adjust:100%}body,#app,#game{position:fixed;inset:0}body{min-height:100dvh;background:var(--ink);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body,#app,#game{touch-action:none;overscroll-behavior:none}button,kbd{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}#game{position:relative;isolation:isolate;background:#050811}#scene,#scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#scene canvas{cursor:crosshair}.atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 21% 18%,rgba(110,156,224,.08),transparent 28%),radial-gradient(circle at 50% 62%,transparent 30%,rgba(1,3,9,.35) 100%),linear-gradient(180deg,transparent 63%,rgba(3,5,12,.26));box-shadow:inset 0 0 145px #0102088a}.damage-vignette{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 46%,rgba(151,13,45,.8))}.damage-vignette.flash{animation:damage-flash .52s ease-out}@keyframes damage-flash{0%{opacity:.9}to{opacity:0}}.start-screen{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:max(42px,var(--safe-top)) max(24px,var(--safe-right)) max(42px,var(--safe-bottom)) max(24px,var(--safe-left));text-align:center;background:radial-gradient(ellipse at 50% 56%,rgba(30,80,88,.15),transparent 36%),linear-gradient(90deg,#03050ce0,#060a1470 42% 58%,#03050ce0);transition:opacity 1.1s ease,visibility 1.1s}.start-screen:before,.start-screen:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent 8%,rgba(142,201,207,.22) 35%,rgba(142,201,207,.08) 70%,transparent)}.start-screen:before{left:13vw}.start-screen:after{right:13vw}.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.eyebrow{margin:8px 0 20px;color:#b9d1d5;font-size:10px;font-weight:600;letter-spacing:.42em}.start-screen h1{margin:0;font:300 clamp(58px,10vw,132px)/.8 "Palatino Linotype",Palatino,Georgia,serif;letter-spacing:.085em;color:#f1f5f2;text-shadow:0 0 50px rgba(137,240,227,.16),0 2px 0 rgba(255,255,255,.24)}.title-rule{display:flex;align-items:center;gap:18px;width:min(540px,85vw);margin-top:24px}.title-rule span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(101,243,223,.65))}.title-rule span:last-child{transform:scaleX(-1)}.title-rule em{color:var(--gold);font: 600 11px/1 Avenir,sans-serif;letter-spacing:.46em;white-space:nowrap}.start-copy{max-width:560px;margin:24px 0 29px;color:#aeb9bd;font:400 14px/1.75 Georgia,serif;letter-spacing:.025em}.start-sigil{position:relative;width:82px;height:82px;margin-bottom:27px;border:1px solid rgba(101,243,223,.26);border-radius:50%;animation:sigil-drift 8s linear infinite}.start-sigil:before,.start-sigil:after{content:"";position:absolute;inset:10px;border:1px solid rgba(189,125,255,.28);transform:rotate(45deg)}.start-sigil:after{inset:23px;border-color:#d7b77ca6;transform:rotate(0)}.start-sigil i{position:absolute;left:37px;top:12px;width:8px;height:58px;background:linear-gradient(#d8e6e7,#58666e);transform:rotate(30deg);border-radius:100%;box-shadow:0 0 14px #65f3df4d}.start-sigil b{position:absolute;left:36px;top:8px;width:33px;height:33px;border:6px solid var(--teal);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-18deg);filter:drop-shadow(0 0 8px rgba(101,243,223,.75))}@keyframes sigil-drift{50%{transform:rotate(6deg) translateY(-4px)}}.enter-button{position:relative;width:232px;min-height:59px;display:grid;place-content:center;gap:4px;border:1px solid rgba(126,233,220,.5);background:#08161ec7;color:#eaffe9;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);cursor:pointer;box-shadow:0 0 0 1px #06080ecc inset,0 15px 60px #0d7e7a29;transition:transform .2s,background .2s,box-shadow .2s}.enter-button:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.enter-button span{font-size:12px;font-weight:700;letter-spacing:.22em}.enter-button small{color:#7ea7aa;font-size:7px;letter-spacing:.24em}.enter-button:hover{transform:translateY(-2px);background:#143d43e0;box-shadow:0 0 30px #65f3df33,0 18px 70px #0d7e7a38}.start-controls{display:flex;gap:22px;margin-top:34px;color:#8b9ba2;font-size:8px;letter-spacing:.14em}.start-controls span{display:flex;align-items:center;gap:7px}.mobile-control{display:none}.start-note{position:absolute;bottom:17px;margin:0;color:#b5c3c76b;font-size:7px;letter-spacing:.3em}kbd{min-width:22px;height:20px;display:inline-grid;place-items:center;padding:0 5px;border:1px solid rgba(205,224,228,.3);border-bottom-color:#cde0e499;border-radius:3px;background:#04080f99;color:#edf5f5;font-size:9px;font-weight:700;box-shadow:inset 0 -2px #ffffff0d}.loading{position:absolute;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#050811;transition:opacity .65s,visibility .65s}.loading.hidden{opacity:0;visibility:hidden}.loading span{color:#8fa6ac;font-size:8px;letter-spacing:.36em}.loading>i{width:160px;height:1px;background:#ffffff1a;overflow:hidden}.loading>i b{display:block;width:60%;height:100%;background:var(--teal);animation:loading-line 1.15s ease-in-out infinite;box-shadow:0 0 10px var(--teal)}@keyframes loading-line{0%{transform:translate(-110%)}to{transform:translate(185%)}}.loader-scythe{width:44px;height:44px;border:1px solid rgba(101,243,223,.25);border-radius:50%;border-top-color:var(--teal);animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.hud{position:absolute;inset:0;z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s}.hud.visible{opacity:1;visibility:visible}.hud button{pointer-events:auto}.player-frame{position:absolute;left:21px;top:19px;width:375px;height:94px;display:grid;grid-template-columns:66px 97px 1fr;align-items:center;padding:9px 13px 9px 8px;background:linear-gradient(105deg,rgba(5,9,18,.94),rgba(8,14,27,.68) 72%,transparent);border-top:1px solid var(--line);border-bottom:1px solid rgba(185,213,224,.12);clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%)}.portrait{position:relative;width:58px;height:58px;border:1px solid rgba(139,232,221,.58);transform:rotate(45deg);background:#111829;box-shadow:0 0 22px #42e4d51f;overflow:hidden}.portrait:before{content:"";position:absolute;inset:13px 8px 2px;background:#27354a;border-radius:52% 52% 22% 22%;transform:rotate(-45deg)}.portrait:after{content:"";position:absolute;width:21px;height:27px;left:18px;top:12px;background:#b89183;border-radius:48% 48% 55% 55%;transform:rotate(-45deg);box-shadow:0 -7px #1c2130 inset}.portrait span{position:absolute;right:-3px;bottom:-3px;z-index:2;width:23px;height:23px;display:grid;place-items:center;background:#101724;border:1px solid var(--gold);color:var(--gold);font-size:9px;transform:rotate(-45deg)}.identity{padding-left:5px}.identity small{color:var(--teal);font-size:7px;font-weight:700;letter-spacing:.18em}.identity strong{display:block;margin-top:5px;font:400 19px/1.1 Palatino Linotype,Georgia,serif;letter-spacing:.05em}.vitals{display:flex;flex-direction:column;gap:5px}.bar{position:relative;height:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);overflow:hidden;transform:skew(-9deg)}.bar i{display:block;height:100%;width:100%;transition:width .18s}.bar span{position:absolute;inset:0;display:grid;place-items:center;transform:skew(9deg);color:#fff;font-size:7px;letter-spacing:.12em;text-shadow:0 1px 3px #000}.bar.hp i{background:linear-gradient(90deg,#711e38,#df496c);box-shadow:0 0 12px #ed5a7859}.bar.essence{height:11px}.bar.essence i{width:35%;background:linear-gradient(90deg,#167d82,#61eddb);box-shadow:0 0 12px #65f3df80}.bar.essence span{font-size:6px}.xp{height:2px;background:#ffffff14}.xp i{display:block;width:68%;height:100%;background:var(--gold);box-shadow:0 0 5px var(--gold);transition:width .25s}.party-frame{position:absolute;left:30px;top:125px;width:160px;color:#cbd4d7}.party-frame>small{display:block;color:#788b92;font-size:6px;letter-spacing:.24em;margin:0 0 8px 6px}.party-frame>div{display:grid;grid-template-columns:25px 1fr 19px;gap:6px;align-items:center;height:34px;margin-bottom:5px;padding:4px 5px;background:linear-gradient(90deg,#060a13c7,#060a1333);border-left:1px solid rgba(255,255,255,.16)}.party-frame span b{display:block;font:400 11px Georgia,serif}.party-frame span em{display:block;margin-top:2px;color:#74858d;font: 6px Avenir,sans-serif;letter-spacing:.08em}.party-frame>div>strong{color:#84949a;font-size:7px}.party-orb{width:18px;height:18px;display:block;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 8px currentColor inset}.party-orb.teal{color:var(--teal)}.party-orb.violet{color:var(--violet)}.quest-frame{position:absolute;top:187px;right:29px;width:273px;padding:13px 15px 14px 18px;background:linear-gradient(115deg,#070c17d1,#080d197a);border-left:2px solid rgba(101,243,223,.5);border-top:1px solid rgba(255,255,255,.1);box-shadow:-15px 12px 35px #0000002e}.quest-head{display:flex;justify-content:space-between;align-items:center}.quest-head span{color:var(--teal);font-size:7px;font-weight:700;letter-spacing:.22em}.quest-head small{color:#6d8188;font-size:6px;letter-spacing:.17em}.quest-frame h2{margin:9px 0 6px;font:400 16px/1.1 Georgia,serif;letter-spacing:.04em}.quest-frame p{min-height:28px;margin:0 0 9px;color:#94a4aa;font:400 9px/1.55 Avenir,sans-serif}.quest-progress{height:2px;background:#ffffff1a;overflow:hidden}.quest-progress i{display:block;width:0;height:100%;background:var(--teal);box-shadow:0 0 8px var(--teal);transition:width .4s}.quest-frame>strong{display:block;margin-top:7px;color:#c0ccd0;font-size:7px;letter-spacing:.16em}.minimap{position:absolute;top:20px;right:28px;width:145px;height:150px}.map-ring{position:relative;width:116px;height:116px;margin-left:auto;border:1px solid rgba(152,189,198,.45);border-radius:50%;overflow:hidden;background:radial-gradient(circle,#1c363da6,#040912e0);box-shadow:0 0 0 5px #050911a8,0 0 0 6px #8db8c329,0 12px 30px #0000004d}.map-ring:before,.map-ring:after{content:"";position:absolute;background:#ffffff0f}.map-ring:before{left:50%;top:0;bottom:0;width:1px}.map-ring:after{top:50%;left:0;right:0;height:1px}.map-path{position:absolute;width:18px;height:125px;background:#72889433;border:1px solid rgba(255,255,255,.08);left:48px;top:-4px;transform:rotate(6deg)}.map-path.path-b{transform:rotate(61deg);height:90px;left:52px;top:23px}.map-rift,.map-camp{position:absolute;width:9px;height:9px;transform:rotate(45deg);z-index:2}.map-rift{left:53px;bottom:13px;border:2px solid var(--violet);box-shadow:0 0 9px var(--violet)}.map-camp{left:26px;top:20px;background:var(--gold);box-shadow:0 0 8px var(--gold)}.map-player{position:absolute;z-index:4;width:10px;height:13px;background:azure;border:2px solid var(--teal);border-radius:60% 60% 60% 0;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 0 10px var(--teal);transition:left .09s linear,top .09s linear}.map-title{margin-top:9px;text-align:right}.map-title small{display:block;color:#71838a;font-size:6px;letter-spacing:.21em}.map-title strong{display:block;margin-top:3px;color:#c4ced0;font:400 10px Georgia,serif;letter-spacing:.08em}.boss-frame{position:absolute;left:50%;top:21px;width:min(500px,42vw);transform:translate(-50%,-24px);opacity:0;visibility:hidden;text-align:center;transition:opacity .4s,transform .4s,visibility .4s}.boss-frame.visible{opacity:1;visibility:visible;transform:translate(-50%)}.boss-frame small{color:var(--violet);font-size:6px;letter-spacing:.32em}.boss-frame h2{margin:5px 0 8px;font:400 18px/1 Georgia,serif;letter-spacing:.1em;text-shadow:0 2px 9px #000}.boss-bar{position:relative;height:11px;padding:2px;background:#04070de0;border:1px solid rgba(196,139,255,.45);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%)}.boss-bar i{display:block;height:100%;background:linear-gradient(90deg,#5d276d,#b464d9,#e298ff);box-shadow:0 0 14px #bd7dff8c;transition:width .15s}.boss-bar b{position:absolute;right:8px;top:-13px;color:#a9b4b9;font-size:6px}.target-frame{position:absolute;left:50%;top:64%;width:220px;padding:8px 13px 9px;transform:translate(-50%,10px);opacity:0;visibility:hidden;text-align:center;background:#050911c2;border:1px solid rgba(237,90,120,.23);transition:opacity .18s,transform .18s}.target-frame.visible{opacity:1;visibility:visible;transform:translate(-50%)}.target-frame small{color:#bb93aa;font-size:6px;letter-spacing:.24em}.target-frame strong{display:block;margin:3px 0 5px;font:400 12px Georgia,serif;letter-spacing:.05em}.target-frame>div{width:140px;height:3px;margin:0 auto;background:#ffffff1a}.target-frame>div i{display:block;width:100%;height:100%;background:var(--rose);transition:width .15s}.target-frame .target-cast{position:relative;display:none;width:140px;height:10px;margin:6px auto 0;padding:2px;overflow:hidden;background:#02050bf0;border:1px solid rgba(189,125,255,.45)}.target-frame .target-cast.visible{display:block}.target-frame .target-cast i{width:0;background:linear-gradient(90deg,#7139a9,#cda6ff)}.target-frame .target-cast span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:5px;font-weight:700;letter-spacing:.13em;text-shadow:0 1px 2px #000}.cast-frame{position:absolute;left:50%;bottom:116px;width:min(330px,48vw);opacity:0;visibility:hidden;transform:translate(-50%,8px);text-align:center;transition:opacity .15s,transform .15s}.cast-frame.visible{opacity:1;visibility:visible;transform:translate(-50%)}.cast-frame small{color:#cceee9;font-size:7px;font-weight:700;letter-spacing:.24em}.cast-frame div{height:9px;margin-top:6px;padding:2px;background:#03070ee6;border:1px solid rgba(101,243,223,.38)}.cast-frame div i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2eb9ad,#a7fff3);box-shadow:0 0 12px #65f3df8c}.cast-frame strong{position:absolute;right:-35px;bottom:-1px;color:#dffaf6;font-size:9px}.gcd-frame{position:absolute;left:50%;bottom:106px;width:min(330px,48vw);height:3px;transform:translate(-50%);opacity:0;background:#ffffff14}.gcd-frame.visible{opacity:1}.gcd-frame i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),#fff0bd);box-shadow:0 0 8px #d7b77ca6}.ability-rail{position:absolute;left:50%;bottom:27px;display:flex;align-items:flex-end;gap:6px;transform:translate(-50%);pointer-events:auto}.ability{position:relative;width:82px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(181,210,214,.25);background:linear-gradient(150deg,#17202ce3,#050911eb);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%,0 7px);cursor:pointer;overflow:hidden;box-shadow:0 9px 25px #00000040,inset 0 0 18px #43c6be08;transition:transform .15s,border-color .15s,filter .15s}.ability:hover{transform:translateY(-4px);border-color:#65f3dfa6;filter:brightness(1.15)}.ability.light{width:92px;height:79px;border-color:#65f3df73}.ability.ultimate{border-color:#bd7dff78}.ability.active{border-color:var(--teal);background:linear-gradient(150deg,#1b4c4cf0,#050f14f0);box-shadow:0 0 20px #65f3df38,inset 0 0 18px #65f3df1a}.ability kbd{position:absolute;top:4px;left:5px;min-width:16px;height:16px;padding:0 3px;color:#94a9ad;font-size:7px;border-color:#ffffff21;z-index:3}.ability>span{position:relative;z-index:2;margin-top:2px;font-size:6px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.ability>small{position:relative;z-index:2;color:#657b81;font-size:5px;letter-spacing:.14em}.cooldown{--cooldown: 0%;position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:conic-gradient(rgba(3,6,12,.8) var(--cooldown),transparent 0);color:#fff;font-size:15px;font-weight:300;pointer-events:none}.swing-sweep{--cooldown: 0%;position:absolute;inset:0;z-index:4;background:conic-gradient(rgba(2,5,11,.7) var(--cooldown),transparent 0);pointer-events:none}.glyph{position:relative;z-index:2;width:28px;height:29px;display:block;filter:drop-shadow(0 0 6px rgba(101,243,223,.4))}.glyph:before,.glyph:after{content:"";position:absolute}.glyph.sword:before{width:4px;height:27px;background:#c5dcda;left:13px;top:1px;transform:rotate(35deg);box-shadow:0 0 7px #65f3df99}.glyph.sword:after{width:17px;height:3px;background:var(--teal);left:5px;top:18px;transform:rotate(35deg)}.glyph.crescent:before{inset:3px;border:4px solid #d0e2df;border-left-color:transparent;border-radius:50%;transform:rotate(25deg)}.glyph.crescent:after{width:3px;height:24px;background:var(--teal);left:11px;top:5px;transform:rotate(40deg)}.glyph.lance:before{width:24px;height:3px;left:2px;top:14px;background:var(--teal);box-shadow:0 0 8px var(--teal);transform:rotate(-32deg)}.glyph.lance:after{width:9px;height:9px;right:1px;top:3px;border:2px solid white;transform:rotate(45deg)}.glyph.bloom:before{inset:5px;border:2px solid var(--violet);transform:rotate(45deg);box-shadow:0 0 7px var(--violet)}.glyph.bloom:after{inset:9px;border:2px solid #e4c9ff;transform:rotate(45deg)}.glyph.ward:before{inset:3px 6px;border:2px solid #d9cbff;border-radius:50% 50% 55% 55%;box-shadow:0 0 8px var(--violet)}.glyph.ward:after{width:10px;height:10px;left:9px;top:9px;border:2px solid var(--teal);transform:rotate(45deg)}.controls-hint{position:absolute;left:18px;bottom:18px;display:flex;gap:12px;color:#75878d;font-size:6px;letter-spacing:.1em}.controls-hint span{display:flex;align-items:center;gap:5px}.controls-hint kbd{min-width:18px;height:17px;font-size:7px}.touch-controls{display:none;position:absolute;inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;z-index:24}.touch-joystick{position:absolute;left:22px;bottom:20px;width:128px;height:128px;pointer-events:auto;touch-action:none}.joystick-ring{position:absolute;left:12px;top:3px;width:100px;height:100px;border:1px solid rgba(160,227,220,.32);border-radius:50%;background:radial-gradient(circle,#22494d33 0 35%,#04091152 36% 68%,#36757617);box-shadow:inset 0 0 24px #65f3df14,0 8px 28px #00000042}.joystick-ring:before,.joystick-ring:after{content:"";position:absolute;background:#84c2c12e}.joystick-ring:before{width:1px;height:72px;left:49px;top:14px}.joystick-ring:after{height:1px;width:72px;top:49px;left:14px}.joystick-ring i{position:absolute;z-index:2;left:28px;top:28px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 37% 31%,#b4fff4,#399b99 38%,#102d36 72%);border:1px solid rgba(220,255,250,.7);box-shadow:0 0 20px #65f3df5c,0 8px 18px #0006;will-change:transform}.joystick-ring b{position:absolute;inset:-7px;border:1px dashed rgba(116,205,198,.16);border-radius:50%}.touch-joystick>span{position:absolute;left:46px;bottom:0;color:#b1d5d38c;font-size:6px;letter-spacing:.22em}.touch-bubble{position:absolute;display:grid;place-items:center;margin:0;padding:0;border:1px solid rgba(180,224,222,.35);border-radius:50%;background:radial-gradient(circle at 38% 28%,#2f4d59f0,#060c17e6 70%);color:#eafcf8;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 18px #65f3df14,0 8px 22px #00000057;transition:transform .1s,filter .1s,border-color .1s}.touch-bubble:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.touch-bubble.pressed{transform:scale(.88);filter:brightness(1.45);border-color:var(--teal)}.touch-bubble i{margin-top:-7px;font: 24px/1 Georgia,serif;color:#c6fff7;text-shadow:0 0 10px rgba(101,243,223,.72)}.touch-bubble span{position:absolute;bottom:10px;font-size:5px;font-weight:700;letter-spacing:.13em;color:#8aa7aa}.touch-bubble>b{--cooldown: 0%;position:absolute;inset:0;z-index:3;display:grid;place-items:center;border-radius:50%;background:conic-gradient(rgba(2,5,11,.82) var(--cooldown),transparent 0);font-size:14px;font-weight:500;pointer-events:none}.touch-attack{right:25px;bottom:24px;width:92px;height:92px;border-color:#65f3df94;box-shadow:inset 0 0 25px #65f3df1f,0 0 24px #26baaf1f,0 10px 27px #0000005c}.touch-attack.active{border-color:var(--teal);filter:brightness(1.2);box-shadow:inset 0 0 28px #65f3df38,0 0 28px #65f3df47}.touch-attack i{font-size:38px;margin-top:-9px}.touch-attack span{bottom:12px;font-size:6px}.touch-ward{right:124px;bottom:18px;width:66px;height:66px}.touch-ward i{color:#d9cbff;text-shadow:0 0 10px var(--violet)}.touch-lock{right:26px;bottom:126px;width:55px;height:55px}.touch-lock i{font-size:22px;color:var(--gold);text-shadow:0 0 8px rgba(215,183,124,.6)}.touch-lock span{bottom:7px}.touch-lock.active{border-color:var(--teal);box-shadow:inset 0 0 18px #65f3df2e,0 0 18px #65f3df2e}.touch-skill-cluster{position:absolute;right:90px;bottom:98px;width:158px;height:104px;pointer-events:none}.touch-skill{width:58px;height:58px}.touch-skill:nth-child(1){left:0;top:14px}.touch-skill:nth-child(2){left:51px;top:-5px;border-color:#bd7dff87}.touch-skill:nth-child(3){right:0;top:29px}.touch-skill i{font-size:19px}.touch-skill.ultimate i{color:#e2c2ff;text-shadow:0 0 10px var(--violet)}.touch-skill span{bottom:7px;font-size:4.5px}.touch-interact{right:185px;bottom:184px;width:62px;height:62px;opacity:0;visibility:hidden;transform:translateY(7px);border-color:#d7b77ca6}.touch-interact.visible{opacity:1;visibility:visible;transform:translateY(0)}.touch-interact i{color:var(--gold);text-shadow:0 0 8px var(--gold)}.touch-look-hint{position:absolute;right:25px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;color:#b1cdcf57;font-size:5px;letter-spacing:.14em;animation:touch-hint-fade 6s forwards}.touch-look-hint i{font: 15px Georgia,serif}@keyframes touch-hint-fade{0%,55%{opacity:1}to{opacity:0}}.orientation-prompt{display:none;position:absolute;inset:0;z-index:160;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left));background:radial-gradient(circle,#14232f,#050811 70%);text-align:center}.rotate-phone{width:38px;height:65px;display:grid;place-items:center;border:1px solid rgba(101,243,223,.5);border-radius:8px;color:var(--teal);font-size:42px;animation:rotate-device 1.8s ease-in-out infinite}.orientation-prompt strong{margin-top:10px;font:400 19px Georgia,serif;letter-spacing:.12em}.orientation-prompt span{color:#82979d;font-size:8px;letter-spacing:.12em}@keyframes rotate-device{50%{transform:rotate(90deg)}}.interact{position:absolute;left:50%;bottom:120px;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;transform:translate(-50%,8px);opacity:0;visibility:hidden;background:var(--panel-strong);border:1px solid rgba(215,183,124,.45);color:#e8ded0;font-size:8px;letter-spacing:.14em;transition:opacity .2s,transform .2s}.interact.visible{opacity:1;visibility:visible;transform:translate(-50%)}.interact kbd{border-color:var(--gold);color:var(--gold)}.toast{position:absolute;top:118px;left:50%;width:min(380px,80vw);padding:11px 18px 12px;transform:translate(-50%,-16px);opacity:0;visibility:hidden;text-align:center;background:linear-gradient(90deg,transparent,rgba(5,10,20,.88) 20%,rgba(5,10,20,.88) 80%,transparent);border-top:1px solid rgba(101,243,223,.25);border-bottom:1px solid rgba(101,243,223,.1);transition:opacity .28s,transform .28s,visibility .28s}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%)}.toast small{display:block;color:var(--teal);font-size:6px;letter-spacing:.3em}.toast strong{display:block;margin-top:4px;font:400 14px Georgia,serif;letter-spacing:.07em}.toast span{display:block;margin-top:3px;color:#8fa1a6;font-size:7px;letter-spacing:.08em}.area-title{position:absolute;left:50%;top:28%;width:min(570px,80vw);transform:translate(-50%,12px);opacity:0;visibility:hidden;text-align:center;transition:opacity .75s,transform .75s,visibility .75s}.area-title.visible{opacity:1;visibility:visible;transform:translate(-50%)}.area-title:before{content:"";position:absolute;left:0;right:0;top:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,231,231,.32),transparent)}.area-title small{color:var(--teal);font-size:7px;letter-spacing:.34em}.area-title h2{margin:12px 0 8px;font:300 clamp(28px,4vw,47px)/1 Georgia,serif;letter-spacing:.09em;text-shadow:0 2px 25px #000}.area-title p{margin:0;color:#91a1a5;font-size:7px;letter-spacing:.27em}.damage-number-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.damage-number{position:absolute;z-index:30;transform:translate(-50%,-50%);color:#d6fff7;font:600 18px Georgia,serif;text-shadow:0 1px 2px #000,0 0 9px rgba(101,243,223,.7)}.damage-number.critical{color:#e5bcff;font-size:27px;text-shadow:0 1px 2px #000,0 0 12px rgba(189,125,255,.9)}.end-screen{position:absolute;inset:0;z-index:110;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;text-align:center;background:radial-gradient(circle at 50% 50%,#2d1c47b8,#02040af2 60%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .6s,visibility .6s}.end-screen.visible{opacity:1;visibility:visible}.end-screen h2{margin:0;font:300 clamp(42px,6vw,74px)/1 Georgia,serif;letter-spacing:.09em}.end-screen>strong{margin-top:14px;color:#ead5ff;font:400 18px Georgia,serif;letter-spacing:.12em}.end-screen>p:not(.eyebrow){margin:6px 0 23px;color:#9c8daa;font-size:8px;letter-spacing:.16em}.reward-icon{position:relative;width:90px;height:90px;margin-top:25px;border:1px solid rgba(189,125,255,.5);transform:rotate(45deg);background:#150d23bf;box-shadow:0 0 55px #bd7dff2e}.reward-icon i:before{content:"";position:absolute;width:7px;height:62px;background:#8d96a3;left:38px;top:14px;transform:rotate(-16deg)}.reward-icon i:after{content:"";position:absolute;width:43px;height:43px;border:8px solid var(--violet);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;left:38px;top:0;transform:rotate(-42deg);filter:drop-shadow(0 0 8px var(--violet))}.end-stats{display:flex;gap:1px;margin-bottom:25px}.end-stats span{width:105px;padding:11px;background:#ffffff09;border-top:1px solid rgba(255,255,255,.12)}.end-stats small{display:block;color:#82798a;font-size:6px;letter-spacing:.2em}.end-stats b{display:block;margin-top:5px;color:#f2eafa;font:400 23px Georgia,serif}.end-screen button{padding:12px 23px;border:1px solid rgba(189,125,255,.5);background:#150d23a6;color:#fff;font-size:8px;font-weight:700;letter-spacing:.2em;cursor:pointer}.player-frame,.target-frame,.party-frame>div,.quest-frame,.chat-frame,.micro-menu,.action-deck{--mmo-gold: #a98148;--mmo-gold-bright: #e1c589;--mmo-stone: rgba(8, 9, 13, .92);--mmo-line: rgba(213, 178, 112, .5);filter:drop-shadow(0 6px 15px rgba(0,0,0,.56))}.player-frame{left:18px;top:15px;width:388px;height:84px;grid-template-columns:73px 95px 1fr;padding:7px 17px 7px 6px;background:linear-gradient(105deg,rgba(12,13,18,.97),rgba(19,17,20,.91) 86%,transparent);border:1px solid rgba(200,162,98,.42);border-left:3px solid #92703d;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}.player-frame:before{content:"";position:absolute;inset:4px 25px 4px 3px;border:1px solid rgba(255,221,154,.08);pointer-events:none}.portrait{width:64px;height:64px;border:2px solid #b68d4c;border-radius:50%;transform:none;box-shadow:0 0 0 3px #211a12,0 0 0 4px #dcb9746b,inset 0 0 15px #000}.portrait:before{inset:13px 9px 0;transform:none;background:linear-gradient(#202837,#111520)}.portrait:after{left:20px;top:10px;transform:none;background:#b38a7b;box-shadow:0 -8px #111622 inset}.portrait span{right:-5px;bottom:-3px;width:24px;height:24px;border-radius:50%;transform:none;background:#17130e}.identity{align-self:start;padding:11px 5px 0 6px}.identity small{color:#b9a171;font-size:6px;letter-spacing:.15em}.identity strong{margin-top:4px;color:#f2e5c9;font:400 17px/1 Georgia,serif}.vitals{gap:4px}.bar{height:18px;transform:none;border:1px solid rgba(216,183,118,.35);background:#151216;box-shadow:inset 0 1px 4px #000}.bar span{transform:none;font-family:Georgia,serif;letter-spacing:.06em}.bar.hp i{background:linear-gradient(90deg,#581324,#a52a3b 62%,#cf4454)}.bar.essence{height:14px}.bar.essence i{background:linear-gradient(90deg,#123e4a,#1c7082 64%,#45b7b4)}.player-frame .xp{display:none}.status-runes{position:absolute;left:173px;top:65px;display:flex;gap:4px}.status-runes i{width:19px;height:19px;display:grid;place-items:center;border:1px solid rgba(213,178,112,.42);background:linear-gradient(145deg,#2f2830,#0a0c10);color:#d0b77f;font: 10px Georgia,serif;box-shadow:inset 0 0 6px #000}.status-runes i.ward-status{opacity:.3}.status-runes i.ward-status.active{opacity:1;color:#8ff6e9;box-shadow:0 0 9px #65f3df66}.party-frame{left:24px;top:112px;width:211px}.party-frame>small{margin-left:3px;color:#c3a66e;font-family:Georgia,serif}.party-frame>div{grid-template-columns:30px 1fr 20px;width:196px;height:39px;margin-bottom:4px;padding:4px 7px;background:linear-gradient(90deg,#0d0e13f2,#141113c7);border:1px solid rgba(180,145,84,.32);border-left:2px solid #75582e}.party-frame span b{color:#e4d7bd;font-size:11px}.party-frame span em{color:#928b82}.party-orb{width:22px;height:22px;border-radius:50%}.party-orb.amber{color:#d6a65f}.party-orb.rose{color:#c76278}.minimap{top:15px;right:20px;width:174px;height:188px}.map-ring{width:152px;height:152px;margin-left:auto;border:3px solid #9e7941;box-shadow:0 0 0 3px #17120d,0 0 0 4px #dab67161,inset 0 0 24px #020306,0 8px 25px #000;background-color:#282519}.map-ring:after{inset:8px;border-color:#e9cc934d}.map-title{margin-top:8px;text-shadow:0 2px 5px #000}.map-title small{color:#9c8c72}.map-title strong{color:#ead8b3;font-size:11px}.map-buttons{position:absolute;left:-5px;top:12px;display:grid;gap:4px}.map-buttons i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #8c6b3a;border-radius:50%;background:#100e0b;color:#d7bd88;font: 11px Georgia,serif}.quest-frame{top:212px;right:20px;width:294px;padding:15px 17px 13px;background:linear-gradient(115deg,#0d0c0df5,#191312e0);border:1px solid rgba(184,145,80,.43);border-left:3px solid #9b7034;clip-path:none}.quest-frame:before{content:"";position:absolute;inset:4px;border:1px solid rgba(232,199,137,.08);pointer-events:none}.quest-head span{color:#d7ba7e;font-family:Georgia,serif;font-size:9px}.quest-head small{color:#867a6a}.quest-frame h2{color:#f0d493;font-size:15px}.quest-frame p{color:#b9afa2}.quest-frame>strong{color:#e0c68d}.quest-progress{background:#211718;border:1px solid rgba(213,178,112,.16)}.quest-progress i{background:linear-gradient(90deg,#704126,#c7984b)}.quest-secondary{display:grid;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(197,158,93,.2)}.quest-secondary span{position:relative;display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;column-gap:4px}.quest-secondary i{grid-row:1/3;color:#b88c4d;font: 11px Georgia,serif}.quest-secondary b{color:#d7c8aa;font:400 10px Georgia,serif}.quest-secondary small{color:#827c73;font-size:7px;line-height:1.4}.target-frame{left:50%;top:16px;width:360px;min-height:82px;display:flex;align-items:center;gap:10px;padding:7px 11px 7px 7px;transform:translate(-50%,-8px);text-align:left;background:linear-gradient(90deg,#0d0c0ff5,#181214e8);border:1px solid rgba(203,158,89,.45);border-bottom:2px solid #79572f}.target-frame.visible{transform:translate(-50%)}.target-frame>.target-portrait{position:relative;flex:0 0 64px;width:64px;height:64px;margin:0;border:2px solid #b48647;border-radius:50%;background:radial-gradient(circle at 50% 36%,#4e3840,#100d11 65%);box-shadow:0 0 0 3px #17110d,0 0 0 4px #dcb66f59,inset 0 0 17px #000}.target-portrait:before{content:"♜";position:absolute;inset:0;display:grid;place-items:center;color:#c9b49b;font:31px Georgia,serif;text-shadow:0 3px 7px #000}.target-frame>.target-portrait>i{display:none}.target-portrait span{position:absolute;right:-4px;bottom:-4px;z-index:2;width:23px;height:23px;display:grid;place-items:center;border:1px solid #ad8246;border-radius:50%;background:#16110d;color:#ead9b7;font-size:8px}.target-frame>.target-body{flex:1;width:auto;height:auto;min-width:0;margin:0;background:none}.target-frame .target-body>small{color:#a99072;font-size:6px;letter-spacing:.2em}.target-frame .target-body>strong{display:block;margin:3px 0 5px;color:#f2dfc2;font:400 16px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-frame .target-health{position:relative;width:100%;height:14px;margin:0;border:1px solid rgba(218,180,113,.33);background:#211315;box-shadow:inset 0 1px 4px #000}.target-frame .target-health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#5a1725,#b33042)}.target-frame .target-health span{position:absolute;inset:0;display:grid;place-items:center;color:#f4e5df;font-size:6px;text-shadow:0 1px 2px #000}.target-frame .target-cast{width:100%;height:11px;margin-top:4px}.target-effects{position:absolute;left:80px;bottom:-24px;display:flex;gap:3px}.target-frame .target-effects i{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(211,172,107,.38);background:#151018;color:#c785da;font: 10px Georgia,serif}.boss-frame{top:112px;width:min(500px,42vw)}.boss-frame h2{color:#eadbc5}.boss-bar{border-color:#c591537a}.action-deck{position:absolute;left:50%;bottom:8px;z-index:25;width:550px;padding:4px 5px 5px;transform:translate(-50%);pointer-events:auto;background:linear-gradient(#161313,#08090c);border:1px solid rgba(201,160,91,.55);box-shadow:0 0 0 2px #0f0b08f2,0 0 0 3px #b0854140,0 10px 30px #000}.action-deck:before,.action-deck:after{content:"◆";position:absolute;top:45px;color:#b48749;font-size:10px}.action-deck:before{left:-9px}.action-deck:after{right:-9px}.ability-rail,.secondary-rail{position:relative;left:auto;bottom:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;transform:none}.secondary-rail{margin-bottom:2px}.ability,.ability.light,.ability-slot{position:relative;width:43px;height:43px;display:grid;place-items:center;min-width:0;border:1px solid rgba(188,151,91,.48);border-radius:1px;background:radial-gradient(circle at 35% 28%,#434448f2,#090a0dfa 72%);clip-path:none;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -8px 16px #00000080}.ability:hover{transform:none;border-color:#e1bd78;filter:brightness(1.2)}.ability.active{border-color:#80e1d4;box-shadow:inset 0 0 12px #43cdbe3d,0 0 8px #65f3df59}.ability kbd,.ability-slot kbd{position:absolute;top:1px;left:2px;z-index:6;min-width:0;width:auto;height:auto;padding:0;border:0;background:none;box-shadow:none;color:#f0dfbc;font:700 8px Georgia,serif;text-shadow:0 1px 3px #000}.ability .glyph{width:27px;height:27px;margin-top:5px}.ability>span,.ability>small{display:none}.ability-slot i{color:#d2c3a5;font: 20px Georgia,serif;text-shadow:0 0 8px rgba(185,139,71,.35)}.ability-slot b{position:absolute;left:1px;right:1px;bottom:1px;overflow:hidden;color:#aea18c;font-size:4px;font-weight:700;letter-spacing:.06em;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000}.ability-slot.locked{filter:saturate(.3);opacity:.38}.ability-slot.potion i{color:#b87579}.cooldown,.swing-sweep{border-radius:0}.cooldown{font-size:13px;text-shadow:0 1px 4px #000}.action-xp{display:grid;grid-template-columns:22px 1fr 24px;gap:5px;align-items:center;height:15px;margin-top:3px;color:#bba87f}.action-xp>span{width:20px;height:20px;display:grid;place-items:center;margin-top:-4px;border:1px solid #98703c;border-radius:50%;background:#15110d;color:#e5cf9e;font:9px Georgia,serif}.action-xp>div{position:relative;height:7px;border:1px solid rgba(182,146,87,.4);background:#0c0b0f;overflow:hidden}.action-xp>div i{display:block;width:68%;height:100%;background:linear-gradient(90deg,#312663,#5a4a9a,#8c78cb)}.action-xp>div b{position:absolute;inset:-1px;display:grid;place-items:center;color:#ddd0f0;font-size:5px;letter-spacing:.08em;text-shadow:0 1px 2px #000}.action-xp em{--soul:35%;position:relative;width:20px;height:20px;margin-top:-4px;border:1px solid #9e7c49;border-radius:50%;background:conic-gradient(#62d5cf var(--soul),#12151b 0);box-shadow:inset 0 0 6px #000,0 0 6px #4dd3c933}.action-xp em:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#081015}.cast-frame{bottom:128px;width:330px}.gcd-frame{bottom:122px;width:330px}.desktop-mmo-panel{pointer-events:auto;background:linear-gradient(135deg,#0a0a0de6,#110e0fd1);border:1px solid rgba(180,143,80,.4);box-shadow:0 6px 22px #000}.chat-frame{position:absolute;left:16px;bottom:14px;width:310px;height:151px;padding:4px;color:#b8b1a7}.chat-tabs{display:flex;height:19px;align-items:center;border-bottom:1px solid rgba(179,141,79,.25);gap:2px}.chat-tabs>*{height:18px;padding:4px 8px;color:#807970;font-size:6px;letter-spacing:.08em}.chat-tabs b{color:#e0c790;border-bottom:1px solid #b78b47;background:#9871371f}.chat-lines{height:102px;padding:5px 5px 2px;overflow:hidden}.chat-lines p{margin:0 0 5px;font:8px/1.15 Georgia,serif;text-shadow:0 1px 2px #000}.chat-lines time{color:#716e6a}.chat-lines i{color:#73a8ca;font-style:normal}.chat-lines p:nth-child(2) i{color:#b59a64}.chat-lines p:nth-child(3) i{color:#9075bd}.chat-input{height:20px;display:flex;align-items:center;gap:4px;padding:2px 5px;border-top:1px solid rgba(179,141,79,.25);font:8px Georgia,serif}.chat-input span{color:#d0bb8c}.chat-input i{display:block;width:5px;height:10px;background:#d7c79f;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.micro-menu{position:absolute;right:16px;bottom:14px;width:314px;height:71px;display:grid;grid-template-columns:repeat(6,1fr);padding:4px 4px 17px}.micro-menu button{position:relative;display:grid;place-items:center;padding:0;border:1px solid rgba(184,145,79,.34);background:linear-gradient(#29231e,#0c0c0e);color:#d4c19d;cursor:pointer}.micro-menu button i{font: 21px Georgia,serif}.micro-menu button span{font:5px Georgia,serif}.micro-menu button kbd{position:absolute;right:2px;bottom:1px;min-width:0;height:auto;padding:0;border:0;background:none;box-shadow:none;color:#776f65;font-size:5px}.micro-menu button:hover{border-color:#d7b66f;filter:brightness(1.2)}.currency{position:absolute;right:5px;bottom:2px;display:flex;align-items:center;gap:4px;color:#c4b497;font:7px Georgia,serif}.currency i{width:7px;height:7px;border-radius:50%;background:#a47c3c;box-shadow:inset 0 0 2px #fff}.currency i:nth-of-type(2){background:#92969a}.currency i:nth-of-type(3){background:#754b32}.controls-hint{left:50%;bottom:133px;transform:translate(-50%);padding:4px 9px;background:#05060994;border:1px solid rgba(185,150,91,.15);white-space:nowrap}.controls-hint kbd{border-color:#c49f6059;color:#d8c393}@media(max-width:1100px)and (pointer:fine){.action-deck{transform:translate(-50%) scale(.8);transform-origin:bottom center}.chat-frame{width:250px;transform:scale(.82);transform-origin:bottom left}.micro-menu{transform:scale(.82);transform-origin:bottom right}.quest-frame{transform:scale(.86);transform-origin:top right}.target-frame{transform:translate(-50%,-8px) scale(.88)}.target-frame.visible{transform:translate(-50%) scale(.88)}}@media(max-width:900px){.player-frame{transform:scale(.86);transform-origin:top left}.party-frame,.controls-hint{display:none}.minimap{transform:scale(.82);transform-origin:top right}.quest-frame{top:160px;right:18px;width:235px}.ability{width:64px}.ability.light{width:70px}.ability>span{font-size:5px}.start-controls{gap:9px;flex-wrap:wrap;justify-content:center}}@media(max-width:620px){.player-frame{transform:scale(.7)}.minimap{transform:scale(.68)}.quest-frame{top:125px;right:9px;transform:scale(.8);transform-origin:top right}.ability-rail{bottom:12px;gap:3px}.ability{width:51px;height:61px}.ability.light{width:56px;height:66px}.ability>span{display:none}.boss-frame{width:70vw}}.touch-device .desktop-control{display:none!important}.touch-device .mobile-control{display:flex}.touch-device .start-note .mobile-control{display:inline}.touch-device .touch-controls{display:block}.touch-device .ability-rail,.touch-device .action-deck,.touch-device .chat-frame,.touch-device .micro-menu,.touch-device .status-runes,.touch-device .party-frame,.touch-device .controls-hint,.touch-device .minimap,.touch-device .interact{display:none}.touch-device .player-frame{left:max(9px,calc(var(--safe-left) + 9px));top:max(8px,calc(var(--safe-top) + 8px));transform:scale(.68);transform-origin:top left}.touch-device .quest-frame{top:max(9px,calc(var(--safe-top) + 9px));right:max(10px,calc(var(--safe-right) + 10px));width:242px;transform:scale(.74);transform-origin:top right}.touch-device .quest-secondary{display:none}.touch-device .quest-frame p{min-height:19px;margin-bottom:5px}.touch-device .boss-frame{top:max(7px,calc(var(--safe-top) + 7px));width:48vw}.touch-device .boss-frame h2{font-size:13px}.touch-device .toast{top:max(74px,calc(var(--safe-top) + 74px));width:min(320px,calc(100vw - var(--safe-left) - var(--safe-right) - 32px));padding:8px 14px}.touch-device .area-title{top:20%;transform:translate(-50%,8px) scale(.78)}.touch-device .area-title.visible{transform:translate(-50%) scale(.78)}.touch-device .cast-frame{bottom:max(113px,calc(var(--safe-bottom) + 113px));width:32vw;transform:translate(-50%,8px) scale(.84)}.touch-device .cast-frame.visible{transform:translate(-50%) scale(.84)}.touch-device .gcd-frame{bottom:max(105px,calc(var(--safe-bottom) + 105px));width:29vw}.touch-device .target-frame{top:auto;bottom:max(165px,calc(var(--safe-bottom) + 165px));width:235px;transform:translate(-50%,8px) scale(.82)}.touch-device .target-frame.visible{transform:translate(-50%) scale(.82)}.touch-device .end-screen{padding:max(16px,var(--safe-top)) max(30px,var(--safe-right)) max(16px,var(--safe-bottom)) max(30px,var(--safe-left))}@media(max-height:470px){.touch-device .start-screen{padding:max(12px,var(--safe-top)) max(24px,var(--safe-right)) max(12px,var(--safe-bottom)) max(24px,var(--safe-left));justify-content:center}.touch-device .start-sigil{width:54px;height:54px;margin-bottom:12px}.touch-device .start-sigil i{left:24px;top:7px;width:6px;height:40px}.touch-device .start-sigil b{left:23px;top:5px;width:24px;height:24px;border-width:4px}.touch-device .eyebrow{margin:2px 0 10px;font-size:7px}.touch-device .start-screen h1{font-size:clamp(42px,11vw,70px)}.touch-device .title-rule{margin-top:12px}.touch-device .start-copy{max-width:500px;margin:12px 0 15px;font-size:10px;line-height:1.45}.touch-device .enter-button{width:205px;min-height:48px}.touch-device .start-controls{margin-top:13px}.touch-device .start-note{bottom:max(5px,var(--safe-bottom))}}@media(orientation:portrait){.touch-device .orientation-prompt{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}