:root{color-scheme:dark;--ink:#e0e6e5;--muted:#8a9b9e;--gold:#c9ac76;--gold-bright:#ead2a1;--teal:#78c8c1;--red:#ee7f74;--panel:rgba(12,22,29,.86);--line:rgba(166,188,185,.15)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;background:#0b141c;color:var(--ink);font-size:12px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}button{border:0}button:disabled{cursor:default}button:hover{filter:brightness(1.17)}h1,h2,h3,p{margin:0}#game-shell{width:100%;height:100%;position:relative;isolation:isolate}#world{width:100%;height:100%;display:block;cursor:crosshair}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 44%,transparent 31%,rgba(4,11,17,.28) 71%,rgba(4,11,17,.78));box-shadow:inset 0 0 80px #06101766}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid #9aaead35;background:#a1bbbd09;border-radius:3px;color:#c3cfcc;font-family:inherit;font-size:10px}.hidden{display:none!important}.topbar{height:92px;position:absolute;top:0;left:0;right:0;padding:0 32px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(#0a141cf2,#0a141c99);gap:38px}.brand{display:flex;gap:12px;align-items:center;color:var(--gold-bright);text-decoration:none}.brand svg{width:31px;height:37px;fill:none;stroke:var(--gold);stroke-width:1.5}.brand>span{font:27px Georgia,serif;letter-spacing:6px}.brand small{font:7px sans-serif;letter-spacing:2.3px;display:block;margin-top:5px;color:var(--muted)}.location{border-left:1px solid var(--line);padding-left:27px;display:flex;align-items:center;gap:14px}.location-mark{font-size:28px;color:var(--gold)}.location small{font-size:8px;letter-spacing:2.5px;color:var(--muted)}.location h1{font-size:16px;font-weight:500;letter-spacing:3px;margin-top:5px}.difficulty{font-size:8px;border:1px solid var(--line);padding:5px 9px;letter-spacing:1px;color:#a2b1b3;margin-left:10px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.top-actions>#elapsed{font-family:Georgia,serif;font-size:17px;color:#afbdba;letter-spacing:2px;margin-right:10px}.icon-button{width:32px;height:32px;border:1px solid var(--line);background:#13212b77;color:#b9c8c8;position:relative;font-size:17px}.sound-off{position:absolute;bottom:0;right:4px;font-size:13px;color:var(--red)}.progress-strip{position:absolute;left:50%;top:111px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap}.phase-step{display:flex;gap:9px;align-items:center;color:#788989;font-size:10px;letter-spacing:1px}.phase-step b{font:12px Georgia,serif;border:1px solid #6f89862e;width:26px;height:26px;display:grid;place-items:center}.phase-step.current{color:var(--gold-bright)}.phase-step.current b{border-color:#c9ac7670;background:#c9ac7612}.phase-step.done{color:var(--teal)}.progress-strip>i{height:1px;background:var(--line);width:28px}.glass-panel{background:linear-gradient(130deg,rgba(19,33,41,.88),rgba(9,19,27,.84));border:1px solid var(--line);box-shadow:0 10px 30px #0000001f;backdrop-filter:blur(12px)}.party-panel{position:absolute;top:158px;left:28px;width:207px;padding:17px 14px 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-heading h2{font-size:10px;font-weight:500;letter-spacing:2px;color:#c8d1cf}.panel-heading>span{font:10px Georgia,serif;color:#8d9f9c;letter-spacing:1px}.party-member{display:flex;gap:10px;align-items:center;margin-bottom:12px;position:relative;transition:opacity .3s}.party-member.dead{opacity:.35}.party-member.self{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:15px}.role-icon{width:28px;height:31px;display:grid;place-items:center;flex-shrink:0;border:1px solid currentColor;background:color-mix(in srgb,currentColor 8%,transparent);font:17px Georgia,serif;color:var(--teal);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.role-icon.melee{color:#d9a395}.role-icon.ranged{color:#b5c196}.role-icon.magic{color:#b1a0d6}.role-icon.healer{color:#85c4ab}.member-body{flex:1;min-width:0}.member-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.member-name{font-size:10px;letter-spacing:.8px}.member-job{font-size:8px;color:#738a8c}.member-health{height:4px;background:#b6d7d614;position:relative}.member-health>i{display:block;height:100%;width:100%;background:#81aaa5;transition:width .13s}.self .member-health>i{background:var(--teal)}.member-health.low>i{background:var(--red)}.member-aggro{font-size:8px;color:var(--red);position:absolute;right:0;top:18px;transform:translateY(12px);letter-spacing:1px}.formation-note{margin:18px -14px 0;border-top:1px solid var(--line);padding:11px 10px;color:#829792;font-size:9px;text-align:center}.formation-note>span{color:var(--gold);margin-right:4px}.right-panels{position:absolute;right:28px;top:158px;width:222px}.objective-panel{padding:18px 16px;margin-bottom:14px}.eyebrow{font-size:8px;letter-spacing:2.1px;color:var(--gold);margin-bottom:12px}.objective-panel h2{font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:10px}.objective-panel p{color:#8fa29f;font-size:10px;line-height:1.9;min-height:37px}.objective-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:15px;font-size:9px;color:#bcc8c2;display:flex;align-items:center;gap:9px}.gold-dot{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.enmity-panel{padding:15px}.enmity-panel .panel-heading{margin-bottom:12px}.enmity-legend{display:flex;gap:12px;font-size:7px;color:#8da09c;margin-bottom:16px}.enmity-legend>span{display:flex;align-items:center;gap:4px}.legend-dot{width:4px;height:4px;border-radius:50%;display:inline-block}.legend-dot.tank{background:var(--teal)}.legend-dot.danger{background:var(--red)}.enemy-row{margin-bottom:11px}.enemy-row:last-child{margin-bottom:0}.enemy-info{font-size:9px;display:flex;justify-content:space-between;margin-bottom:5px;color:#b6c2be}.enemy-info .enemy-target{color:var(--teal);font-size:8px}.enemy-row.danger .enemy-target{color:var(--red)}.enemy-bar{height:2px;background:#cddbd916}.enemy-bar i{display:block;height:100%;background:#73aca5}.enemy-row.danger .enemy-bar i{background:var(--red)}.enemy-overflow{font-size:9px;color:var(--muted);text-align:center;padding-top:8px}.empty-list{font-size:9px;color:#5f7778;text-align:center;padding:8px 0 13px}#battle-log{margin-top:15px;min-height:60px}.log-line{font-size:9px;color:#829b99;border-left:1px solid #a3bcb426;padding:5px 0 5px 10px;line-height:1.6;text-shadow:0 1px 3px #000}.log-line.warning{color:#e4b68f}.boss-hud{position:absolute;top:159px;left:50%;transform:translateX(-50%);width:min(480px,38vw);text-align:center;padding:0 10px;text-shadow:0 2px 8px #000}.boss-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;color:#b0a497;margin-bottom:7px}.boss-label b{font:10px Georgia,serif;color:var(--gold)}.boss-hud h2{font-size:17px;letter-spacing:2px;font-weight:500;margin-bottom:10px}.boss-hp{height:7px;padding:1px;border:1px solid #c59e7655;background:#0a1018dd}.boss-hp i{display:block;height:100%;background:linear-gradient(90deg,#947557,#d0ab77);transition:width .12s}.boss-cast{margin-top:13px}.cast-label{display:flex;justify-content:space-between;color:#efb58b;font-size:10px;margin-bottom:6px}.cast-label span:last-child{font-size:9px}.cast-track{height:7px;position:relative;background:#120e0cc9;border:1px solid #bb886544}.cast-track>i{display:block;height:100%;width:0;background:#da9864}.cast-track>em{position:absolute;right:0;top:-2px;height:9px;background:#fff1b733;border-left:1px solid #ffe8a3;width:11.43%}.boss-cast.buster .cast-label{color:#f1d69d}.boss-cast.buster .cast-track>i{background:var(--gold-bright)}.boss-cast.ready .cast-track{box-shadow:0 0 15px #e8c68488}.announcement{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,#07111adb,transparent);width:650px;padding:27px 0;animation:announcement-in .5s ease}.announcement>span{display:block;color:var(--gold);font-size:8px;letter-spacing:4px;margin-bottom:12px}.announcement>strong{font-size:28px;letter-spacing:6px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}.announcement>p{font-size:10px;color:#b5c3bc;margin-top:12px;letter-spacing:1px}.combat-toast{position:absolute;top:44%;left:50%;transform:translateX(-50%);font:27px Georgia,serif;letter-spacing:4px;color:#ffe6ad;text-align:center;text-shadow:0 0 25px #d9ac56,0 2px 4px #000;pointer-events:none}.combat-toast.warning{font-family:inherit;font-size:16px;letter-spacing:1px;color:#f29a85}.direction-hint{position:absolute;bottom:250px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#c1c3aa;font-size:11px;letter-spacing:2px;text-shadow:0 2px 5px #000}.direction-hint>span{font-size:24px;color:var(--gold);animation:bob 2s infinite}.combat-hud{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:584px}.target-info{display:flex;justify-content:center;align-items:center;gap:14px;font-size:10px;margin-bottom:14px;color:#b7c4c0;min-height:17px}.target-info>small{font-size:8px;color:#6f8787}.target-info .target-mini-hp{width:100px;height:3px;background:#adb4ae33}.target-info .target-mini-hp>i{display:block;height:100%;background:#d0a67d}.player-resource{display:flex;align-items:center;gap:12px;width:400px;margin:0 auto 16px}.tank-mark{width:30px;height:32px;border:1px solid #76c3bb5e;color:var(--teal);display:grid;place-items:center;font-size:21px;background:#112d33b5}.player-resource>div{flex:1}.player-resource-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:5px}.player-resource-label strong{font-weight:500;color:#c5ddd5}.player-resource-label strong small{font:7px Georgia,serif;margin-left:7px;letter-spacing:1px;color:#6c9896}.player-resource-label>span{font:10px Georgia,serif;letter-spacing:1px;color:#bcd8d0}.player-health{height:9px;padding:1px;border:1px solid #77a5a441;background:#091820d9}.player-health>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#437f80,#99d2c2);transition:width .1s}.player-health.low>i{background:linear-gradient(90deg,#a65151,#ef9b86)}.hotbar{display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(90deg,transparent,#0b1621df 14%,#0b1621ef 85%,transparent);padding:10px 8px 12px;border-top:1px solid #a7bbb020;border-bottom:1px solid #a7bbb018}.skill-button{width:98px;height:93px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;background:linear-gradient(#26434d99,#142630dd);border:1px solid #789c9d52;border-radius:3px}.skill-button>kbd{position:absolute;top:5px;left:5px;font-size:9px;height:16px;min-width:15px;padding:0 3px;border-color:#b3c9c44a;z-index:2;background:#0b1b23cf}.skill-button svg{width:36px;height:36px;fill:none;stroke:#abcfc9;stroke-width:1.5;margin-top:13px;margin-bottom:5px;filter:drop-shadow(0 0 7px #79c8cf55)}.skill-button strong{font-size:10px;font-weight:500;color:#c5d7d1;z-index:2;white-space:nowrap}.skill-button small{font-size:7px;color:#8eaaa6;margin-top:4px;z-index:2}.skill-button.guard{width:121px;background:linear-gradient(#67523477,#28251fdc);border-color:#d2b07966}.skill-button.guard svg{stroke:#e0c496;filter:drop-shadow(0 0 7px #d8b67355)}.skill-button.guard strong{color:#e4d3b1}.skill-button.guard small{color:#b7a685}.skill-button.emote{background:linear-gradient(#2e4b3c77,#172b23dc);border-color:#89af8755;width:86px}.skill-button.emote svg{stroke:#a2c5a7}.cooldown-cover{position:absolute;inset:0;background:#030b13c4;transform-origin:bottom;transform:scaleY(0);pointer-events:none}.cooldown-number{position:absolute;left:0;right:0;top:26px;text-align:center;color:#e1e7df;font:24px Georgia,serif;text-shadow:0 2px 5px #000;z-index:2}.skill-button.on-cooldown svg{opacity:.3}.skill-button.just-ready{box-shadow:0 0 18px #e9ca7c66;border-color:#ebd398;animation:pulse .45s infinite alternate}.movement-keys{margin-right:7px;color:#6e8989;text-align:center}.wasd{display:flex;flex-direction:column;align-items:center;gap:3px}.wasd>span{display:flex;gap:3px}.wasd kbd{width:18px;height:19px;min-width:0;font-size:9px}.movement-keys>small{font-size:8px;display:block;margin-top:7px}.auto-attack{margin-left:5px;text-align:center;color:#6e8989;width:38px}.auto-attack>span{display:block;font-size:22px;color:#9baca3;margin-bottom:6px}.auto-attack>small{font-size:8px;line-height:1.6}.bottom-hints{display:flex;justify-content:center;gap:24px;color:#657e7f;font-size:8px;margin-top:11px}.bottom-hints kbd{height:16px;min-width:21px;font-size:8px;margin-right:5px;border-color:#9aaead1f}.overlay{position:absolute;inset:0;z-index:10;background:#030b13a8;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center}.start-overlay{background:linear-gradient(90deg,#040e1799,#05111b70,#040e1799);backdrop-filter:blur(3px)}.start-card{text-align:center;width:650px;padding:26px 0 35px;margin-top:-8px;position:relative}.start-card:before{content:"";position:absolute;inset:-45px -90px;background:radial-gradient(ellipse,#07131cee 5%,#07131cbb 45%,transparent 72%);z-index:-1}.title-rule{display:flex;justify-content:center;gap:15px;align-items:center;font:8px Georgia,serif;letter-spacing:2.8px;color:#b1ae92}.title-rule>span{width:36px;height:1px;background:#c9ac7655}.title-emblem{margin:31px auto 21px;width:62px;position:relative}.title-emblem:before{content:"";position:absolute;inset:-17px;border:1px solid #c9ac7620;transform:rotate(45deg)}.title-emblem svg{width:62px;height:72px;fill:#a8926010;stroke:var(--gold);stroke-width:1}.start-card h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:76px;font-weight:500;letter-spacing:9px;color:#efe9d8;line-height:1.5;text-shadow:0 6px 25px #0009}.start-subtitle{font-family:"Yu Mincho",serif;font-size:17px;letter-spacing:4px;color:#d1c7af;margin-top:6px}.start-description{font-size:11px;line-height:2.2;letter-spacing:1px;color:#8fa5a5;margin-top:25px}.start-features{display:flex;justify-content:center;gap:26px;margin:27px 0 33px;font-size:10px;color:#b9c7c0;letter-spacing:1px}.start-features b{font:11px Georgia,serif;color:var(--gold);margin-right:7px}.primary-button{min-width:256px;min-height:47px;background:linear-gradient(110deg,#baa06c,#d6bc86);color:#152024;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 23px;font-size:12px;letter-spacing:2px;margin:auto;box-shadow:0 0 35px #b8934313;font-weight:600}.primary-button>span{font-size:18px;font-weight:400}.text-button{display:block;background:transparent;color:#a6b6af;font-size:10px;letter-spacing:1px;margin:18px auto}.start-meta{display:block;font-size:8px;letter-spacing:1px;color:#5f7b80;margin-top:26px}.modal{background:linear-gradient(135deg,#14242dee,#0b1720fa);border:1px solid #c1b48538;padding:35px 39px;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 140px #0009;width:min(710px,90vw)}.modal>.eyebrow{text-align:center;font-size:9px;margin-bottom:15px}.modal h2{font-family:"Yu Mincho",serif;font-size:30px;letter-spacing:4px;font-weight:500;text-align:center;color:#e0dbc9}.modal-intro{font-size:11px;line-height:1.8;color:#98aaa5;text-align:center;margin-top:16px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin:32px 0}.help-grid article{position:relative;padding-left:32px}.help-number{position:absolute;left:0;top:1px;font:17px Georgia,serif;color:var(--gold)}.help-grid h3{font-size:12px;letter-spacing:1px;font-weight:500;margin-bottom:10px}.help-grid p{font-size:10px;line-height:2;color:#9aada7}.help-grid b{color:var(--gold-bright);font-weight:500}.help-grid kbd{height:17px;font-size:9px}.help-tip{padding:15px;background:#91b0a80b;border:1px solid var(--line);font-size:10px;line-height:2;color:#95aaa3}.help-tip>b{font-weight:500;color:#ccd6c6;margin-right:10px}.help-extra{display:flex;gap:20px;justify-content:center;color:#98aaa5;font-size:9px;margin:23px 0}.small-modal{width:390px;text-align:center}.small-modal>p{margin:24px 0 30px;color:#95aaa3;font-size:11px}.small-modal .primary-button{width:100%}.secondary-button{background:transparent;border:1px solid var(--line);font-size:11px;letter-spacing:2px;width:100%;padding:14px;margin-top:14px;color:#a3b3ad}.result-modal{text-align:center;width:530px}.result-modal h2{font-size:26px;letter-spacing:2px}.result-modal>p{color:#9bb0aa;font-size:11px;line-height:1.9;margin-top:18px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-block:1px solid var(--line);padding:24px 0;margin:27px 0}.result-stat>strong{font:27px Georgia,serif;color:var(--gold-bright);display:block;margin-bottom:8px}.result-stat>span{font-size:9px;letter-spacing:1px;color:#96aaa4}#small-screen-note{display:none;position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#a6b4a7;font-size:9px;z-index:20;pointer-events:none}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes pulse{to{box-shadow:0 0 28px #f3d68caa}}@keyframes announcement-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
#help-overlay{z-index:12}
.announcement.encounter{top:auto;bottom:246px;transform:translateX(-50%);width:490px;padding:13px 20px;background:linear-gradient(90deg,transparent,#07111aca,transparent)}
.announcement.encounter>span{font-size:7px;letter-spacing:2px;margin-bottom:7px}
.announcement.encounter>strong{font-size:17px;letter-spacing:3px}
.announcement.encounter>p{font-size:8px;letter-spacing:.4px;margin-top:7px}
@media(max-height:780px){.announcement.encounter{bottom:215px}}
@media(min-width:1700px){.party-panel{left:40px;top:180px;width:230px;padding:21px 18px 0}.right-panels{right:40px;top:180px;width:250px}.party-member{margin-bottom:15px}.formation-note{margin-inline:-18px}.combat-hud{bottom:24px}.topbar{padding-inline:40px}.member-name{font-size:11px}.role-icon{width:31px;height:34px}}
@media(max-height:780px){.topbar{height:72px}.progress-strip{top:87px}.party-panel,.right-panels{top:129px}.party-panel{padding-top:13px}.party-member{margin-bottom:10px}.party-member.self{padding-bottom:10px;margin-bottom:10px}.formation-note{margin-top:13px;padding-block:9px}.role-icon{height:27px;width:25px}.boss-hud{top:130px}.combat-hud{bottom:8px}.hotbar{padding-block:7px}.skill-button{height:84px}.skill-button svg{height:31px;margin-top:10px}.player-resource{margin-bottom:10px}.target-info{margin-bottom:8px}.bottom-hints{margin-top:7px}.direction-hint{bottom:214px}.start-card{transform:scale(.87)}.help-modal{padding-block:26px}.help-grid{gap:19px 30px;margin:24px 0}}
@media(max-width:1100px){.topbar{padding-inline:20px;gap:20px}.location{padding-left:17px}.difficulty{display:none}.party-panel{left:16px;width:174px;padding-inline:11px}.member-job{font-size:7px}.member-name{font-size:9px}.party-member{gap:7px}.formation-note{margin-inline:-11px;font-size:8px}.right-panels{right:16px;width:185px}.objective-panel{padding:15px 12px}.enmity-panel{padding:12px}.enmity-legend{font-size:6px;gap:8px}.progress-strip{gap:12px}.phase-step{font-size:9px}.progress-strip>i{width:18px}.boss-hud{width:40vw}.combat-hud{transform:translateX(-50%) scale(.9);transform-origin:bottom}.boss-hud h2{font-size:14px}}
@media(max-width:760px){.brand>span{font-size:20px}.brand small{font-size:6px}.brand svg{width:25px}.location{display:none}.topbar{height:62px}.top-actions{gap:7px}.top-actions>#elapsed{font-size:13px;margin:0}.progress-strip{top:76px;gap:8px}.phase-step{font-size:8px;gap:5px}.phase-step b{width:21px;height:21px;font-size:10px}.progress-strip>i{width:8px}.party-panel{top:110px;left:8px;width:118px;padding:10px 8px 0}.party-panel .panel-heading{margin-bottom:12px}.party-member{gap:5px;margin-bottom:9px}.role-icon{width:19px;height:22px;font-size:12px}.member-job{display:none}.member-name{font-size:8px}.member-aggro{font-size:6px}.formation-note{font-size:7px;margin-inline:-8px;padding-inline:4px}.right-panels{top:110px;right:8px;width:130px}.objective-panel{padding:12px 10px}.eyebrow{font-size:6px;letter-spacing:1px}.objective-panel h2{font-size:10px}.objective-panel p{font-size:8px}.objective-footer{font-size:8px;padding-top:8px;margin-top:10px}.enmity-panel{padding:9px}.enmity-legend{display:none}.enemy-info{font-size:7px;flex-wrap:wrap;gap:4px}.enemy-info .enemy-target{font-size:7px}.log-line{font-size:7px}.combat-hud{transform:translateX(-50%) scale(.73);bottom:22px}.boss-hud{top:115px;width:45vw}.boss-hud h2{font-size:10px;letter-spacing:1px}.boss-label{font-size:5px;letter-spacing:1px}.cast-label{font-size:8px}.cast-label span:last-child{font-size:7px}.start-card{transform:scale(.76);min-width:550px}.direction-hint{font-size:9px;bottom:192px}.announcement{width:90vw}.announcement>strong{font-size:21px;letter-spacing:3px}.announcement>p{font-size:8px}.help-grid{grid-template-columns:1fr;gap:16px}.modal{padding:26px}.help-extra{flex-wrap:wrap;gap:9px}.result-modal h2{font-size:20px}#small-screen-note{display:block}}