#f8-original-tooltip{position:fixed;z-index:80;width:310px;display:none;padding:13px 14px;background:linear-gradient(180deg,#0a0b12f7,#06070cf7);border:5px solid transparent;border-image:linear-gradient(135deg,#71597d,#32293c) 1;box-shadow:0 18px 44px #000e;color:#d9d3dd;pointer-events:none;font-size:10px;line-height:1.45}#f8-original-tooltip.show{display:block}.op-tip-name{font:700 15px Georgia,serif;letter-spacing:.04em}.op-tip-meta{margin-top:3px;color:#988da1;font-size:9px;text-transform:uppercase}.op-rule{height:1px;background:#3b3045;margin:9px 0}.op-tip-stat{color:#ddd5e4;margin:3px 0}.op-tip-dur{margin-top:8px;color:#7fd18e}.op-tip-dur.low{color:#ff666e}.op-tip-desc{margin-top:9px;color:#aaa0ad;font-style:italic}.op-tip-hint{color:#7d7184;text-transform:uppercase;font-size:8px}#f8-original-context{position:fixed;z-index:90;display:none;width:180px;padding:7px;background:#080910f7;border:1px solid #5b4b65;box-shadow:0 15px 35px #000d}#f8-original-context.show{display:block}.op-context-title{padding:7px 8px;color:#d8c6e2;border-bottom:1px solid #352b3b;font-size:10px;font-weight:700}#f8-original-context button{width:100%;border:0;border-bottom:1px solid #26202c;background:#0d0e16;color:#bfb5c7;text-align:left;padding:8px 9px;font:700 9px ui-monospace,monospace;cursor:pointer}#f8-original-context button:hover{background:#21152b;color:#efdfff}
#f8-original-character{text-align:center;margin-bottom:10px}.op-char-name{font:700 18px Georgia,serif;color:#eadcf1}.op-char-class{margin-top:3px;color:#c59ae0;font-size:9px;font-weight:800;letter-spacing:.12em}.op-char-role{margin-top:4px;color:#746d79;font-size:8px;letter-spacing:.08em}.paper-doll .portrait{position:relative;overflow:hidden;background:#090b10}.paper-doll .portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.paper-doll .portrait b{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#17111e;border:1px solid #a778c2;color:#e9d8f2;font-size:10px}#f8-currencies{display:flex;justify-content:center;gap:8px;margin:-14px 0 16px;font-size:9px;color:#cab8d2}#f8-currencies span{padding:4px 6px;border:1px solid #403449;background:#0b0c12}.op-stats-head{display:flex;justify-content:space-between;align-items:end;padding:4px 2px 12px;border-bottom:1px solid #403549;color:#bbb0c3;font-size:9px}.op-stats-head b{color:#dfc7ed}.op-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;max-height:430px;overflow:auto}.op-stats-grid div{min-height:72px;padding:10px;border:1px solid #37303d;background:linear-gradient(145deg,#15151d,#0d0e13)}.op-stats-grid b,.op-stats-grid strong{display:block}.op-stats-grid b{font-size:8px;letter-spacing:.1em;color:#817789}.op-stats-grid strong{margin-top:9px;color:#dfd4e5;font:700 17px Georgia,serif}
.op-skill-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #3d3345;padding-bottom:9px;color:#a79baa;font-size:9px}.op-skill-head button,.op-spec-tabs button,#f8-journal-tabs button,#f8-merchant-tabs button{border:1px solid #44374d;background:#101118;color:#94899c;padding:8px 10px;font-size:8px;font-weight:800;letter-spacing:.08em;cursor:pointer}.op-spec-tabs{display:flex;gap:6px;margin:10px 0}.op-spec-tabs button.active,#f8-journal-tabs button.active,#f8-merchant-tabs button.active{background:#25152f;border-color:#9361ad;color:#eddbf6;box-shadow:inset 0 -2px #b16bd0}.op-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:305px;overflow:auto}.op-skill-node{position:relative;min-height:118px;padding:9px;border:1px solid #352d3c;background:#111219;color:#aaa0b0}.op-skill-node.active-skill{border-color:#5f466c}.op-skill-node.locked{opacity:.38}.op-skill-node.unlocked{box-shadow:inset 0 0 14px #6d3e8830}.op-skill-node.maxed{border-color:#a16ab9}.op-skill-node strong,.op-skill-node small,.op-skill-node em{display:block}.op-skill-node strong{color:#ded1e5;font-size:9px;margin-top:4px}.op-skill-node small{font-size:8px;line-height:1.35;margin-top:4px;color:#847b89}.op-skill-node em{font-size:7px;margin-top:5px;color:#6d6471}.op-skill-node button{margin-top:7px;border:1px solid #44374d;background:#18131d;color:#bbaac5;font-size:7px;padding:5px 7px;cursor:pointer}.op-rank{position:absolute;right:6px;top:5px;font-size:8px;color:#b895cb}.op-node-glyph{font-size:22px;color:#c58adf}.op-inventory-skillbar{margin-top:11px;padding-top:8px;border-top:1px solid #3b3141}.op-inventory-skillbar h4{margin:0 0 7px;color:#8f8398;font-size:8px;letter-spacing:.1em}#op-inventory-skill-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.op-inv-skill-slot,.op-skill-slot{position:relative;border:1px solid #4b3b54;background:linear-gradient(180deg,#1a1620,#0b0c11);color:#a99bb1}.op-inv-skill-slot{height:48px;display:grid;grid-template-columns:18px 26px 1fr;align-items:center;padding:0 5px}.op-inv-skill-slot>span{font-size:8px}.op-inv-skill-slot>b{font-size:18px;color:#c68fde}.op-inv-skill-slot>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}#f8-global-skillbar{position:fixed;z-index:9;left:50%;bottom:82px;transform:translateX(-50%);display:flex;gap:4px;pointer-events:auto}.op-skill-slot{width:52px;height:50px;display:flex;align-items:center;justify-content:center}.op-skill-slot.drag-over{outline:2px solid #ce92eb}.op-skill-key{position:absolute;left:4px;top:3px;font-size:8px}.op-skill-glyph{font-size:21px;color:#c88ce2}.op-skill-slot small{position:absolute;left:3px;right:3px;bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:6px;color:#827889}.op-skill-slot em{position:absolute;right:3px;top:2px;font-size:7px;color:#dfb9f0}
#f8-resource-vault{margin-top:12px;padding-top:10px;border-top:1px solid #3e3544}#f8-resource-vault h4{margin:0 0 7px;font-size:8px;letter-spacing:.12em;color:#8f8495}#f8-resource-vault>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#f8-resource-vault span{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:5px;min-height:34px;padding:4px 6px;background:#101118;border:1px solid #33303a;font-size:7px}#f8-resource-vault img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}#f8-resource-vault b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#968e9c}#f8-resource-vault em{color:#dbd1df}#f8-item-details{margin-top:8px;min-height:42px;padding:8px;border:1px solid #312b36;background:#0b0c11;color:#817989;font-size:8px;line-height:1.4}#f8-item-details .op-tip-name{font-size:12px}#f8-item-details .op-tip-desc{display:none}
#f8-journal-tabs{display:flex;gap:7px;padding:7px 20px;background:#0b0c13;border-bottom:1px solid #3d3345}#f8-dungeon-grid{display:grid;grid-template-columns:250px 1fr;height:calc(100% - 118px)}#f8-dungeon-grid[hidden]{display:none!important}#f8-dungeon-list{padding:14px;border-right:1px solid #3c3342;display:flex;flex-direction:column;gap:6px;overflow:auto}#f8-dungeon-list button{padding:10px;border:1px solid #352e3b;background:#0d0e15;color:#8c8392;text-align:left;cursor:pointer}#f8-dungeon-list button.selected{border-color:#79528c;box-shadow:inset 3px 0 #a966c7;color:#e2d2eb}#f8-dungeon-list strong,#f8-dungeon-list small{display:block}#f8-dungeon-list strong{font-size:9px}#f8-dungeon-list small{margin-top:4px;font-size:7px;color:#706878}#f8-dungeon-detail{padding:24px;overflow:auto}#f8-dungeon-detail h2{font:700 24px Georgia,serif;color:#e1c8ed;margin:6px 0 10px}.op-dungeon-kicker{font-size:8px;letter-spacing:.13em;color:#a96bc6}.op-dungeon-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.op-dungeon-summary div{padding:10px;border:1px solid #39313f;background:#0e0f15}.op-dungeon-summary span,.op-dungeon-summary b{display:block}.op-dungeon-summary span{font-size:7px;color:#756d7a}.op-dungeon-summary b{margin-top:5px;font-size:10px;color:#d7c8df}.op-floor-list{display:flex;flex-direction:column;gap:6px}.op-floor-list>div{display:grid;grid-template-columns:90px 1fr 1fr;padding:10px;border:1px solid #39313f;background:#0e0f15}.op-floor-list>div.active{border-color:#86539d}.op-floor-list>div.cleared{opacity:.6}.op-floor-list strong{font-size:9px}.op-floor-list em{font-size:8px;color:#b083c3}.op-floor-list small{font-size:8px;color:#77707c}
#f8-minimap{position:absolute;right:24px;top:180px;width:196px;padding:9px;background:#080a0bdc;border:1px solid #5b4d62;pointer-events:none}#f8-minimap>div{display:flex;justify-content:space-between;margin-bottom:5px}#f8-minimap b,#f8-minimap span,#f8-minimap small{font-size:7px;letter-spacing:.1em;color:#9e91a6}#f8-minimap canvas{display:block;width:176px;height:176px;image-rendering:pixelated}.op-map-body{height:calc(100% - 70px);display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;padding:18px}.op-map-body canvas{height:min(100%,560px);width:auto;max-width:100%;aspect-ratio:1;justify-self:center;image-rendering:pixelated}.op-map-body aside{border-left:1px solid #3d3542;padding:18px;color:#98909c;font-size:10px}.op-map-body h3{font-size:9px;letter-spacing:.13em;color:#c7b2d3}.op-map-body b{color:#dfc674}
#f8-dialogue{position:fixed;z-index:70;left:50%;bottom:34px;transform:translateX(-50%);width:min(860px,calc(100vw - 40px));pointer-events:auto}#f8-dialogue.hidden{display:none}#f8-dialogue article{background:linear-gradient(180deg,#0b0c13f6,#06070cf6);border:6px solid transparent;border-image:linear-gradient(135deg,#795c87,#2e2735) 1;box-shadow:0 25px 60px #000d}#f8-dialogue header{height:52px;padding:9px 15px;border-bottom:1px solid #3c3144;display:flex;justify-content:space-between;align-items:center}#f8-dialogue h2{margin:0;color:#ddc7e8;font:700 16px Georgia,serif}#f8-dialogue header button{border:0;background:none;color:#968d9c;font-size:24px;cursor:pointer}#f8-dialogue-lines{padding:14px 18px 8px}#f8-dialogue-lines p{color:#b9b0be;line-height:1.55;font-size:11px}#f8-dialogue-choices{padding:0 18px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px}#f8-dialogue-choices button{border:1px solid #44394c;background:#101119;color:#c2b5ca;padding:10px;text-align:left;cursor:pointer}#f8-dialogue-choices button span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border:1px solid #665272;color:#d8bce7}#f8-dialogue footer{padding:7px 18px;border-top:1px solid #2e2833;color:#675f6c;font-size:7px;letter-spacing:.12em}
#f8-merchant-tabs{display:flex;gap:6px;padding:8px 20px;border-bottom:1px solid #39323e}#f8-merchant-tabs button{flex:1;text-align:left}#f8-merchant-tabs strong,#f8-merchant-tabs small{display:block}#f8-merchant-tabs small{margin-top:3px;font-size:6px;color:#6c6571}#f8-merchant-talk{margin-right:10px;border:1px solid #6b5577;background:#1d1324;color:#dbc3e7;padding:7px 12px;font-size:8px;font-weight:800;cursor:pointer}.merchant-list button img,.recipe-list button img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;flex:none}#f8-station-strip{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:7px;margin-bottom:12px;padding:9px;border:1px solid #37313c;background:#0e0f14}#f8-station-strip>strong{font-size:7px;color:#8a808f;letter-spacing:.1em}#f8-station-strip span{padding:6px;border-left:1px solid #302a35}#f8-station-strip b,#f8-station-strip small{display:block}#f8-station-strip b{font-size:7px;color:#b6a9bd}#f8-station-strip small{font-size:6px;color:#675f6c;margin-top:3px}
@media(max-width:900px){#f8-minimap{display:none}#f8-global-skillbar{bottom:68px}.op-skill-grid{grid-template-columns:repeat(2,1fr)}.op-stats-grid{grid-template-columns:repeat(2,1fr)}#f8-dungeon-grid{grid-template-columns:1fr}#f8-dungeon-list{max-height:140px;border-right:0;border-bottom:1px solid #3c3342}.op-map-body{grid-template-columns:1fr}.op-map-body aside{display:none}#f8-dialogue-choices{grid-template-columns:1fr}}