.v87{--ink87:#12100c;--panel87:#1c211fed;--gold87:#e6c56a;--cream87:#f3ead6;--muted87:#b8b4a3;color:var(--cream87);font-family:system-ui,-apple-system,sans-serif}
.v87 button,.v87 input,.v87 select{font:inherit}.v87 button{cursor:pointer}.v87 button:focus-visible,.v87 input:focus-visible,.v87 select:focus-visible{outline:2px solid #fff1aa;outline-offset:2px}.v87 button:disabled{opacity:.45;cursor:default}
.v87 #ltabs,.v87 #rtabs,.v87 #mobile-menu-toggle,.v87 #lstrip,.v87 #ctabs,.v87 #orbs,.v87 #village-title,.v87 #epic-crest,.v87 .xm{display:none!important}
.v87 #epic-hud{z-index:12}.v87 #hero-status{position:fixed;top:calc(10px + var(--st))!important;left:calc(12px + var(--sl))!important;width:min(240px,calc(100vw - 142px))!important;max-width:none!important;gap:9px!important;filter:drop-shadow(0 2px 4px #121b27aa);transform:none!important;align-items:center}
.v87 .hero-portrait{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border:2px solid var(--gold87)!important;background:#25362e!important;border-radius:50%!important;box-shadow:0 0 0 2px #28271e!important;padding:0;position:relative;overflow:visible!important}.v87 .hero-portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover}.v87 .hero-level{font:700 10px system-ui!important;left:-2px!important;bottom:-5px!important;border:1px solid var(--gold87)!important;background:#282b22!important;color:#fff1b5!important;padding:2px 5px!important}
.v87 .hero-bars{border:0;background:none;padding:0;min-width:0;min-height:44px;flex:1;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:4px;color:var(--cream87);touch-action:manipulation}.v87 .hero-name{font:600 14px/1.2 system-ui!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}.v87 .hero-meter{position:relative;display:block;width:100%;height:12px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #dfc68c!important;border-radius:8px!important;overflow:hidden;background:#392c30!important;box-shadow:0 1px 4px #07161c77!important}.v87 .hero-meter i{display:block;height:100%;background:linear-gradient(#fa9b8d,#b72c45)!important}.v87 .hero-spirit i{background:linear-gradient(#a0e8f4,#257db1)!important}.v87 .hero-meter span{display:none;font:700 10px/11px system-ui!important;position:absolute;inset:0;text-align:center;color:#fff;text-shadow:0 1px 2px #000}.v87 .show-numbers87 .hero-meter{height:16px!important}.v87 .show-numbers87 .hero-meter span{display:block;line-height:15px!important}
.v87 #quest-tracker{position:fixed;left:calc(12px + var(--sl))!important;top:calc(78px + var(--st))!important;width:44px!important;max-height:44px!important;border:1px solid #d9bb74!important;border-radius:14px!important;background:#202c28dd!important;box-shadow:none!important}.v87 .quest-heading{width:100%;height:44px;min-height:44px!important;padding:4px!important;font:22px Georgia!important;display:flex;align-items:center;justify-content:center;gap:7px}.v87 .quest-heading span{display:none}.v87 #quest-tracker.expanded82{width:min(220px,60vw)!important;max-height:150px!important}.v87 #quest-tracker.expanded82 .quest-heading{font:600 14px system-ui!important}.v87 #quest-tracker.expanded82 .quest-heading span{display:inline}.v87 .quest-list button{display:block;width:100%;min-height:44px;text-align:left;padding:8px 10px;background:none;border:0;border-top:1px solid #d9bb7433;color:var(--cream87)}.v87 .quest-list strong,.v87 .quest-list small{display:block;font:600 11px/1.5 system-ui}.v87 .quest-list small{font-weight:400;color:#c7ccb5}
.v87 #move-stick{position:fixed;width:84px!important;height:84px!important;min-width:0!important;min-height:0!important;left:calc(20px + var(--sl))!important;bottom:calc(96px + var(--sb))!important;border:1px solid #d8cc9b88!important;box-shadow:inset 0 0 0 8px #f3edd30a!important;background:#29443b44!important;border-radius:50%;opacity:.45;transition:opacity .2s}.v87 #move-stick.active,.v87.no-idle-stick87 #move-stick{opacity:.9}.v87 .stick-knob{width:44px!important;height:44px!important;border:1px solid #e6d8b0aa!important;background:radial-gradient(circle at 35% 30%,#a9b1a7,#58665b)!important;box-shadow:0 2px 5px #102b2a55!important}.v87 .stick-compass{display:none}
.v87 #epic-actions{position:fixed;inset:0!important;width:auto!important;height:auto!important;right:0!important;bottom:0!important;transform:none!important;pointer-events:none}.v87 #epic-actions .primary87{position:fixed!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;width:66px!important;height:66px!important;border:2px solid #d5bd7b!important;border-radius:50%!important;background:radial-gradient(circle at 35% 25%,#4e5542,#263b31)!important;box-shadow:0 3px 9px #14272266,inset 0 1px #fff8!important;color:var(--cream87);pointer-events:auto;touch-action:none;font-size:24px;gap:0}
.v87 #epic-actions .action-attack{width:76px!important;height:76px!important;right:calc(15px + var(--sr))!important;bottom:calc(158px + var(--sb))!important;background:radial-gradient(circle at 35% 25%,#9e5c52,#693d3d)!important;left:auto;top:auto}.v87 #epic-actions .action-interact{right:calc(100px + var(--sr))!important;bottom:calc(107px + var(--sb))!important;left:auto!important;top:auto!important;background:radial-gradient(circle at 35% 25%,#788251,#3d603e)!important}.v87 #epic-actions .action-specials{right:calc(15px + var(--sr))!important;bottom:calc(82px + var(--sb))!important;left:auto;top:auto;background:radial-gradient(circle at 35% 25%,#897197,#4c496d)!important}.v87 #epic-actions .primary87 img{width:32px;height:32px;filter:none!important}.v87 #epic-actions small{font:600 10px/1.3 system-ui;margin:0!important}.v87 #epic-actions .primary87 span{font-size:26px}
.v87 #nav87{position:fixed;left:calc(10px + var(--sl));right:calc(10px + var(--sr));bottom:calc(8px + var(--sb));display:flex;align-items:center;max-width:560px;margin:auto;border:1px solid #cbb77a99;border-radius:20px;background:#202c26e8;box-shadow:0 4px 15px #081b2277;pointer-events:auto;overflow:hidden;backdrop-filter:blur(10px)}.v87 #nav87 button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;min-width:44px;padding:7px 3px;border:0;border-right:1px solid #d2be8122;background:none;color:var(--cream87);font:600 12px system-ui;touch-action:manipulation}.v87 #nav87 img{width:26px;height:26px}.v87 #nav87 button:last-child{border:0}
.v87 #menu87{position:fixed;left:calc(13px + var(--sl));bottom:calc(52px + var(--sb) + 144px);width:44px;height:44px;border:1px solid #cbb77a88;border-radius:14px;background:#243329cf;color:var(--cream87);font-size:21px;pointer-events:auto}.v87 #action-feedback{position:fixed;bottom:calc(258px + var(--sb))!important;right:12px;max-width:230px;background:#162b28e8;border-radius:10px;padding:5px 9px;font:12px/1.4 system-ui;pointer-events:none}.v87 #action-feedback:empty{display:none}
.v87 #chattog{display:none!important;left:calc(14px + var(--sl))!important;bottom:calc(245px + var(--sb))!important;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:#253c32dd!important}.v87.conversation87 #chattog,.v87:has(#chat:not(.hidden)) #chattog{display:flex!important}.v87.hide87-chat #chattog,.v87.hide87-stories #quest-tracker{display:none!important}.v87 #chat{bottom:calc(295px + var(--sb))!important;left:calc(12px + var(--sl))!important;top:auto!important;width:min(300px,calc(100vw - 24px))!important;max-height:150px!important}.v87 #chatinput{min-height:44px}
.v87 #mmwrap{width:96px!important;height:96px!important;top:calc(10px + var(--st))!important;right:calc(12px + var(--sr))!important;border:2px solid #d9c18a!important;border-radius:24px!important;box-shadow:0 2px 8px #122b2a77!important;background:#294938!important}.v87 #mm{border-radius:20px!important;cursor:zoom-in}.v87 #compass{right:calc(85px + var(--sr))!important;top:calc(5px + var(--st))!important;width:28px!important;height:28px!important;pointer-events:none!important;min-width:0}.v87 #wmorb{top:calc(114px + var(--st))!important;right:calc(12px + var(--sr))!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:19px!important;line-height:normal!important;z-index:15}.v87 #minimap-players{font-size:9px;bottom:3px;min-height:23px}.v87 #mmwrap.expanded87{width:var(--expanded-size87)!important;height:calc(var(--expanded-size87) + var(--mini-extra87,120px))!important;border-radius:18px!important;z-index:30}.v87 #mmwrap.expanded87 #mm{position:absolute;top:24px;left:0;width:100%;height:var(--expanded-size87)!important;border-radius:0!important;touch-action:none;cursor:crosshair}.v87 #mmwrap.expanded87 #minimap-players{top:2px;bottom:auto;left:6px;transform:none;border:0;background:none;padding:1px 3px;min-height:22px}.v87 .mini-controls87{display:none;position:absolute;bottom:0;left:0;right:0;height:var(--mini-controls-height87,96px);background:#1d3029f5;border-top:1px solid #d1ba7644;align-items:center;justify-content:space-evenly;gap:1px;padding:3px;box-sizing:border-box}.v87 .expanded87 .mini-controls87{display:grid;grid-template-columns:repeat(var(--mini-columns87,3),minmax(0,1fr));grid-auto-rows:44px;gap:2px}.v87 .mini-controls87 button{min-height:44px;min-width:44px;flex:1;border:0;background:none;color:var(--cream87);font-size:12px;padding:3px 1px}.v87 .mini-controls87 [data-mini-walk]{color:#fbe4a0;font-weight:700}.v87 .mini-caption87{display:none}.v87 .expanded87 .mini-caption87{position:absolute;top:2px;right:5px;max-width:52%;display:block;font:9px/22px system-ui;color:#f3dfad;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.v87 #panel.panel87{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(70px + var(--sb))!important;top:calc(88px + var(--st))!important;width:min(560px,calc(100vw - 20px - var(--sl) - var(--sr)))!important;height:auto!important;max-height:none!important;min-height:0!important;padding:14px!important;box-sizing:border-box;background:linear-gradient(145deg,#242a25f7,#141d1bf7)!important;border:1px solid #cbb778!important;border-radius:20px!important;box-shadow:0 8px 35px #071b22bb!important;color:var(--cream87)!important;display:flex;flex-direction:column;z-index:40}.v87 #panel.hidden{display:none!important}.v87 #ptitle{font:600 25px/1.2 Georgia!important;color:#ecd493!important;letter-spacing:0!important;margin:0 0 10px!important;padding-bottom:10px!important;border-bottom:1px solid #d7c18a44!important;min-height:44px;gap:10px}.v87 #ptitle span{letter-spacing:0!important;white-space:normal}.v87 .mobile-panel-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid #c7b58166!important;border-radius:50%!important;background:#344239!important;color:#f8e8c3!important;font-size:27px!important;line-height:1!important}
.v87 #pbody.body87{overflow-y:auto!important;min-height:0!important;flex:1!important;overscroll-behavior:contain;padding:0 2px 10px;touch-action:pan-y;color:var(--cream87);font:14px/1.5 system-ui;-webkit-overflow-scrolling:touch}.v87 .body87 h2,.v87 .body87 h3{font-family:Georgia,serif;color:#e6ce94;margin:6px 0}.v87 .body87 h3{font-size:20px;line-height:1.25}.v87 .body87 p{color:#c6c8b6;margin:7px 0}.v87 .intro87{font:italic 15px/1.4 Georgia;margin-bottom:14px!important}.v87 .v87-button,.v87 .body87 select,.v87 .body87 input,.v87 .body87 button:not(.slot):not(.path-card87):not(.move-card87):not(.gear-slot87){min-height:44px;box-sizing:border-box}.v87 .v87-button{border:1px solid #a3926088;border-radius:10px;color:#f1e6c7;background:#38463be6;padding:9px 12px;font:600 12px system-ui;margin:3px 2px;touch-action:manipulation}.v87 .v87-button.selected,.v87 .selected{border-color:#f1d38b!important;background:#73654155!important}.v87 .body87 input:not([type=checkbox]),.v87 .body87 select{max-width:100%;background:#172621;color:var(--cream87);border:1px solid #988b60;border-radius:9px;padding:8px}.v87 .body87 input[type=checkbox]{accent-color:#e6c56a;width:44px;height:28px;flex-shrink:0;cursor:pointer}.v87 .body87 input[type=range]{accent-color:#e6c56a;width:45%;padding:0;border:0;background:none;min-width:90px}
.v87 .pack-summary87{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px}.v87 .pack-summary87 small{display:block;font:11px system-ui;color:#b8bea8}.v87 .pack-summary87 strong{font:600 20px Georgia;color:#e8ce8b;white-space:nowrap}.v87 .filters87{display:flex;flex-wrap:wrap;gap:3px;margin:8px 0}.v87 .filters87 .v87-button{flex:1;min-width:44px;padding:6px;font-size:11px;margin:0}.v87 #pbody .inv.pack-grid87{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:7px!important;height:auto!important;min-height:0!important;padding:3px 0!important}.v87 .pack-cell87{position:relative;aspect-ratio:.84;min-height:64px!important;height:auto!important;width:auto!important;background:linear-gradient(145deg,#41453688,#202c25)!important;border:1px solid #9e8c5977!important;border-radius:13px!important;padding:3px 3px 17px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.v87 .pack-cell87 b{position:absolute;bottom:17px;right:4px;font:600 11px system-ui;background:#17211de8;border-radius:8px;padding:1px 4px;color:#fff1cc}.v87 .pack-cell87 small{position:absolute;bottom:3px;left:2px;right:2px;font:9px/1.1 system-ui;color:#cfd2bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.v87 .empty-leaf87{font-size:26px;color:#a7a98722}.v87 .item-art87{display:block;width:100%;height:100%;min-width:36px;min-height:36px;background-image:url('./art87/items.png');background-repeat:no-repeat;background-size:400% 400%;aspect-ratio:1;filter:drop-shadow(0 3px 3px #081d1b44)}.v87 .existing-art87{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.v87 .existing-art87 img{width:78%!important;height:78%!important;object-fit:contain}.v87 .panel-note87{font:11px/1.5 system-ui;color:#adb9a3;text-align:center;margin-top:12px}
.v87 .gear-stage87{position:relative;min-height:400px;padding:12px 0}.v87 #gear-preview87{display:block;width:54%;max-height:350px;height:auto;object-fit:contain;margin:0 auto}.v87 .gear-slots87{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v87 .gear-slot87{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;background:#28372ddd;border:1px solid #8f855466;border-radius:12px;padding:5px;color:#d8d7bd;font:11px system-ui;overflow:hidden}.v87 .gear-slot87>.item-art87,.v87 .gear-slot87>.existing-art87{width:44px;height:44px}.v87 .gear-slot87 small{display:block;font:9px system-ui;color:#aab79d;text-align:center}.v87 .stat-chips87{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.v87 .stat-chips87 span{padding:9px 3px;border:1px solid #c7af6c55;border-radius:12px;text-align:center;color:#c6c9b1;font:11px system-ui}.v87 .stat-chips87 strong{display:block;color:#ead49b;font:600 18px Georgia;margin-top:5px}.v87 .set-list87 article{border:1px solid #a18e5744;border-radius:12px;padding:10px;margin:8px 0;opacity:.55}.v87 .set-list87 article.active{opacity:1;background:#49634522}.v87 .set-list87 strong{color:#e7ce91}.v87 .set-list87 p,.v87 .set-list87 small{font-size:12px}
.v87 .path-card87,.v87 .move-card87{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0;padding:14px;border:1px solid #b59b5e88;border-radius:15px;background:linear-gradient(145deg,#303a30,#1b2621);color:var(--cream87);text-align:left;box-sizing:border-box}.v87 .path-card87>img,.v87 .move-card87>img{width:48px;height:48px;flex-shrink:0}.v87 .path-card87>div,.v87 .move-card87>div{flex:1;min-width:0}.v87 .path-card87 p,.v87 .move-card87 p{font:13px Georgia;margin:4px 0}.v87 .path-card87 small,.v87 .move-card87 small{font:11px/1.5 system-ui;color:#bfc6aa}.v87 .progress87{height:8px;overflow:hidden;border:1px solid #8c7e50;border-radius:8px;background:#121f1a;margin:8px 0}.v87 .progress87 i{display:block;height:100%;background:linear-gradient(#f1d58d,#b59b53);border-radius:6px}
.v87 .journal-section87{border:1px solid #b8a16b77;border-radius:15px;margin:12px 0;padding:0 10px 10px;background:#3a344127}.v87 .journal-section87>summary{min-height:44px;padding:12px 0;box-sizing:border-box;font:600 20px Georgia;color:#e9d2a1;cursor:pointer;list-style:none}.v87 .journal-section87>summary small{float:right;font:11px system-ui;background:#7d6a8e44;padding:5px;border-radius:9px}.v87 .request87{padding:9px 0;border-bottom:1px solid #d6bd8433;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.v87 .request87 small{font-size:10px;color:#bec7ad}.v87 .request87>div{display:flex;flex-wrap:wrap}.v87 .story-card87{background:linear-gradient(135deg,#e8dec6,#cdbf9f);color:#302b25;padding:13px;border:1px solid #e8ce92;border-radius:13px;margin:10px 0}.v87 .story-card87 h3{color:#42354b!important;font-size:19px}.v87 .story-card87 p{color:#5b5549!important;font:13px/1.4 system-ui}.v87 .story-heading87{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.v87 .story-heading87>span{font:10px/1.4 system-ui;text-align:right;min-width:54px;color:#6b526d}.v87 .story-card87>strong{font:600 12px system-ui}.v87 .story-card87 .progress87{background:#ac987b88;border-color:#8a755e}.v87 .story-card87 .progress87 i{background:linear-gradient(#b49bc6,#826f98)}.v87 .story-card87 .v87-button{background:#6a5f7433;border-color:#857356;color:#3a3036}.v87 .story-reward87{display:flex;align-items:center;gap:10px;font:11px/1.4 system-ui;color:#6a5541;margin:7px 0}.v87 .story-reward87 .item-art87{width:40px;height:40px;flex-shrink:0}.v87 .recipe87{display:flex;gap:12px;padding:12px;margin:10px 0;border:1px solid #9c8d5555;border-radius:14px;background:#35443255}.v87 .recipe87>.item-art87{width:64px;height:64px;flex-shrink:0}.v87 .recipe87>div{min-width:0}.v87 .recipe87 p,.v87 .recipe87 small{font-size:11px}
.v87 .setting87{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;padding:9px 0;border-bottom:1px solid #cbb77a22;color:#e3dfc8}.v87 .setting87>span{flex:1;min-width:0}.v87 .setting87 strong,.v87 .setting87 small{display:block}.v87 .setting87 small{font:11px/1.5 system-ui;color:#b3bda4;margin-top:4px}.v87 .settings-section87{border:1px solid #a18d5655;border-radius:14px;padding:12px;margin-bottom:12px}.v87 .settings-section87 h3{font-size:18px;text-transform:uppercase;letter-spacing:1px}.v87 .reset87{margin-top:14px;padding-top:9px;border-top:1px solid #9f6e5755;color:#ddb69b}.v87 .reset87>summary{min-height:44px;cursor:pointer;line-height:44px}.v87 .specials-grid87{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v87 .specials-grid87 .v87-button{min-height:64px}
.v87 .dialog87{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;border:1px solid #dbc180;border-radius:20px;background:#202d25;color:var(--cream87);padding:16px}.v87 .dialog87::backdrop{background:#10212299;backdrop-filter:blur(3px)}.v87 .dialog87 header{display:flex;align-items:center;justify-content:space-between;font:600 25px Georgia;margin-bottom:15px}.v87 .dialog87 header button{width:44px;height:44px;background:#344a36;border:1px solid #a18d56;border-radius:50%;color:#fff0c4;font-size:24px}.v87 .menu-grid87{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v87 .menu-grid87 button{min-height:48px;border:1px solid #a18d5666;border-radius:10px;background:#384538;color:#f1e8cc;font-size:13px;padding:8px}
.v87 #safe87{position:fixed;inset:calc(8px + var(--st)) calc(8px + var(--sr)) calc(70px + var(--sb)) calc(8px + var(--sl));pointer-events:none;visibility:hidden}.v87 #layout-toolbar87{position:fixed;left:50%;top:calc(80px + var(--st));transform:translateX(-50%);z-index:100;background:#283f30f5;border:1px solid #e3c782;padding:12px;border-radius:14px;color:#f4e6c7;width:min(300px,calc(100vw - 32px));box-sizing:border-box;font:12px system-ui}.v87 #layout-toolbar87[hidden]{display:none!important}.v87 #layout-toolbar87 strong,.v87 #layout-toolbar87 label{display:block;margin:5px 0}.v87 #layout-toolbar87 button{min-height:44px;padding:7px 10px;background:#43553e;border:1px solid #b59f62;border-radius:8px;color:#f4e6c7}.v87.editing87 #epic-actions button{outline:2px dashed #a4e5bb;z-index:101}.v87.editing87 #move-stick,.v87.editing87 #quest-tracker,.v87.editing87 #nav87{pointer-events:none;opacity:.3}
.v87:has(#panel:not(.hidden)) #epic-actions,.v87:has(#panel:not(.hidden)) #move-stick{display:none!important}.v87 #mobile-camera[open]{display:block!important;position:fixed!important;left:auto!important;right:calc(12px + var(--sr))!important;bottom:calc(80px + var(--sb))!important;top:auto!important;z-index:50;background:#243a2f;border-radius:12px;color:#f3e5c4;padding:8px}
@media(min-width:650px){.v87 .gear-stage87{padding-left:140px;min-height:400px}.v87 #gear-preview87{width:210px;height:300px}.v87 .gear-slots87{position:absolute;inset:5px 0 auto 0;grid-template-columns:120px 120px;justify-content:space-between;pointer-events:none}.v87 .gear-slot87{pointer-events:auto;min-height:74px}.v87 .gear-slot87:nth-child(n+7){display:flex}.v87 #panel.panel87{width:min(600px,calc(100vw - 240px))!important;max-height:720px;top:calc(50px + var(--st))!important}.v87 #nav87{width:500px}.v87 .pack-cell87{min-height:92px!important}}
@media(orientation:landscape) and (max-height:600px){.v87 #hero-status{top:calc(5px + var(--st))!important;left:calc(8px + var(--sl))!important;width:190px!important}.v87 .hero-portrait{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.v87 #quest-tracker{top:calc(65px + var(--st))!important;left:calc(8px + var(--sl))!important}.v87 #mmwrap{width:84px!important;height:84px!important;top:calc(6px + var(--st))!important}.v87 #wmorb{top:calc(98px + var(--st))!important}.v87 #move-stick{bottom:calc(72px + var(--sb))!important;left:calc(25px + var(--sl))!important;width:76px!important;height:76px!important}.v87 #epic-actions .action-attack{width:68px!important;height:68px!important;bottom:calc(132px + var(--sb))!important}.v87 #epic-actions .action-interact{bottom:calc(88px + var(--sb))!important;right:calc(94px + var(--sr))!important}.v87 #epic-actions .action-specials{bottom:calc(62px + var(--sb))!important}.v87 #nav87{bottom:calc(4px + var(--sb));max-width:440px}.v87 #nav87 button{min-height:44px}.v87 #menu87{bottom:calc(162px + var(--sb))}.v87 #panel.panel87{top:calc(12px + var(--st))!important;bottom:calc(56px + var(--sb))!important;width:min(520px,calc(100vw - 250px))!important;min-width:300px!important}.v87 #pbody .pack-grid87{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v87 .pack-cell87{min-height:76px!important}.v87 #ptitle{font-size:22px!important;margin-bottom:5px!important;padding-bottom:4px!important}.v87 #chattog{bottom:calc(206px + var(--sb))!important}.v87 #chat{bottom:calc(252px + var(--sb))!important}.v87 #layout-toolbar87{top:10px;width:300px}}
@media(max-width:360px){.v87 #hero-status{width:calc(100vw - 126px)!important;gap:6px!important}.v87 .hero-name{font-size:12px!important}.v87 .hero-portrait{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.v87 #mmwrap{width:88px!important;height:88px!important}.v87 #wmorb{top:calc(106px + var(--st))!important}.v87 #nav87 button{gap:3px;font-size:11px}.v87 #nav87 img{width:22px;height:22px}.v87 .pack-cell87 small{font-size:8px}.v87 #panel.panel87{padding:10px!important}.v87 #pbody .pack-grid87{gap:5px!important}.v87 .path-card87{padding:11px;gap:8px}.v87 .path-card87>img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.v87 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:649px){.v87 .gear-stage87{min-height:505px;padding:0}.v87 #gear-preview87{width:100%;height:auto;max-height:none;margin:30px auto 0}.v87 .gear-slots87{position:absolute;inset:5px 0 auto;grid-template-columns:76px 76px;justify-content:space-between;pointer-events:none}.v87 .gear-slot87{min-height:76px;pointer-events:auto}.v87 .gear-slot87>.item-art87,.v87 .gear-slot87>.existing-art87{width:36px;height:36px}}
@media(min-width:650px){.v87 .gear-stage87{padding:0;min-height:520px}.v87 #gear-preview87{width:320px;max-width:100%;height:auto;max-height:none;margin:25px auto 0}.v87 .gear-slots87{grid-template-columns:116px 116px}.v87 .gear-slot87{min-height:76px}}
.v87:has(#panel[data-screen="inv"]:not(.hidden)) #nav87 [data-panel87="inv"],.v87:has(#panel[data-screen="quests"]:not(.hidden)) #nav87 [data-panel87="quests"],.v87:has(#panel[data-screen="equip"]:not(.hidden)) #nav87 [data-panel87="equip"],.v87:has(#panel[data-screen="skills"]:not(.hidden)) #nav87 [data-panel87="skills"]{background:#b49c5344;color:#fff0bf}

.v87 #preview-banner87{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(64px + var(--sb));z-index:41;background:#172b24bb;border-radius:8px;padding:2px 8px;color:#d3ceaa;font:10px system-ui;pointer-events:none}

/* Reference screens: charcoal panels, gold trim, labeled bars, stacked nav. */
.v87 #hero-status{background:#16140fe6!important;border:1px solid #e6c56a!important;border-radius:18px!important;padding:8px 10px!important;box-shadow:0 8px 18px #0008}
.v87 .show-numbers87 .hero-meter{height:16px!important}.v87 .show-numbers87 .hero-meter span{display:block!important;line-height:15px!important}
.v87 #mmwrap{width:78px!important;height:78px!important;border-radius:16px!important}.v87 #mmwrap.expanded87{width:min(42vw,220px)!important;height:min(42vw,220px)!important;border-radius:16px!important}.v87 #mm{border-radius:12px!important}
.v87 #nav87{background:#14110ef2;border:1px solid #e6c56a;border-radius:22px}.v87 #nav87 button{flex-direction:column;gap:2px;font-size:11px;min-height:58px}
.v87 #panel.panel87{background:#14110ef6!important;border:2px solid #e6c56a!important;border-radius:22px!important}
.v87 #panel.panel87[data-screen="combat"] .move-card87{min-height:78px;border-radius:22px;padding:16px 18px}
.v87 #panel.panel87[data-screen="combat"] .move-card87 h3{font:800 28px/1 Georgia,serif;letter-spacing:.3px;margin:0;color:#fff8ea}
.v87 #panel.panel87[data-screen="combat"] .move-card87 p{color:#fff6e8;font-style:normal}
.v87 #panel.panel87[data-screen="combat"] .move-card87[data-style87="0"]{background:linear-gradient(180deg,#e07a55,#b8432e);border-color:#f3c2a4}
.v87 #panel.panel87[data-screen="combat"] .move-card87[data-style87="1"]{background:linear-gradient(180deg,#4c8ec4,#2d5f93);border-color:#b7d4ef}
.v87 #panel.panel87[data-screen="combat"] .move-card87[data-style87="2"]{background:linear-gradient(180deg,#7aa45a,#466838);border-color:#d5e3bf}
.v87 #panel.panel87[data-screen="combat"] .move-card87.selected{box-shadow:inset 0 0 0 2px #fff6d4}
.v87 .move-tag87{font:700 11px/1 system-ui;border:1px solid #fff8;border-radius:10px;padding:6px 8px;letter-spacing:.4px;text-transform:uppercase}
.v87 #panel.panel87[data-screen="inv"]{background:linear-gradient(180deg,#3a2c20f8,#24180ff8)!important}
.v87 #panel.panel87[data-screen="inv"] .pack-cell87{background:linear-gradient(180deg,#5a4633,#3a2b1e)!important;border-color:#e6c56a88!important}
.v87 #panel.panel87[data-screen="skills"] .path-card87{display:grid;grid-template-columns:52px minmax(0,1fr) 108px;align-items:center;background:#1c1914;border:1px solid #e6c56a66;margin:8px 0}
.v87 #panel.panel87[data-screen="skills"] .path-card87 em{display:block;font:italic 13px Georgia,serif;color:#e6c56a}
.v87 #panel.panel87[data-screen="skills"] .path-card87 aside{text-align:right;font-size:12px;color:#f3ead6}
.v87 #panel.panel87[data-screen="skills"] .path-card87 aside strong{display:block;color:#f6e7b8}
.v87 .settings-section87{background:#1b1916;border:1px solid #e6c56a55;border-radius:16px;padding:4px 12px 8px;margin:0 0 10px}
.v87 .settings-section87>summary{min-height:48px;display:flex;align-items:center;font:700 20px Georgia,serif;color:#f3e2b0;cursor:pointer;list-style:none}
.v87 .settings-section87>summary::-webkit-details-marker{display:none}
/* Phase 1: quiet world-first HUD. */
.v87 #hero-status{width:min(168px,42vw)!important;padding:4px 6px!important}
.v87 .hero-portrait{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.v87 #online82{display:inline-flex!important;position:fixed;left:calc(12px + var(--sl));top:calc(78px + var(--st));z-index:13;max-width:44px;min-height:44px;align-items:center;gap:6px;padding:6px 8px;border-radius:14px;border:1px solid #e6c56a;background:#14110ee6;color:#f6efe2;font:600 12px system-ui;overflow:hidden}
.v87 #online82 span{display:none}.v87 #online82.expanded{max-width:220px}.v87 #online82.expanded span{display:block;font-size:10px;color:#e6c56a}
.v87 #nav-fold87{flex:0 0 44px;width:44px;min-height:44px;border:0;background:transparent;color:#f6efe2;font-size:18px}
.v87.nav-collapsed #nav87 [data-panel87]{display:none!important}
.v87.nav-collapsed #nav87{width:52px;max-width:52px}
.v87 #chat{display:none!important}
.v87.conversation87 #chat{display:block!important}
.v87 #move-stick{opacity:.35}.v87 #move-stick.active,.v87.no-idle-stick87 #move-stick{opacity:.9}
.v87 #quest-tracker{overflow:hidden!important}.v87 #quest-tracker.expanded82{overflow:auto!important}

/* v96.2 phone: name card vs minimap clearance */
@media (max-width:430px){
  .v87 #hero-status{width:min(200px,calc(100vw - 150px))!important;max-width:calc(100vw - 148px)!important}
  .v87 #mmwrap{width:72px!important;height:72px!important}
}
@media (max-width:390px){
  .v87 #hero-status{width:min(178px,calc(100vw - 138px))!important}
  .v87 #mmwrap{width:66px!important;height:66px!important}
}