/* v1.4.90: single grid and the site's cream, brown and olive palette. */ .profile-life-layout{display:block;min-width:0}.profile-life-summary{min-width:0} #view-perfil .profile-simulator-card{margin:20px 0;padding:24px;min-width:0} #profileSimulatorMount{container-type:inline-size;min-width:0} #profileSimulatorMount *,#profileSimulatorMount *::before,#profileSimulatorMount *::after{box-sizing:border-box} #profileSimulatorMount{color:var(--text);font-family:inherit} #profileSimulatorMount .sim-profile-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:8px} #profileSimulatorMount h3{font-size:26px;color:var(--brand-brown-dark);margin:5px 0 8px;line-height:1.2} #profileSimulatorMount .sim-profile-subtitle{color:var(--muted);margin:0;font-size:13px;line-height:1.5} #profileSimulatorMount .sim-local-pill{flex-shrink:0;padding:7px 12px;border:1px solid var(--guide-olive-line);border-radius:20px;background:var(--guide-olive-soft);color:var(--guide-olive-dark);font-size:11px;font-weight:700} #profileSimulatorMount .sim-account-line{color:var(--muted);font-size:12px;margin:12px 0 18px} #profileSimulatorMount .sim-left-column{display:grid;gap:16px;min-width:0} #profileSimulatorMount .official-block{min-width:0;border:1px solid var(--brand-line);border-radius:16px;background:linear-gradient(180deg,#fffdf9,#f8eedf);box-shadow:0 6px 18px rgba(77,47,27,.06);padding:20px} #profileSimulatorMount .sim-result-panel{border-top:3px solid var(--brand-gold)} #profileSimulatorMount .sim-result-panel-head h4{color:var(--brand-brown-dark);font-size:24px;margin:4px 0 0} #profileSimulatorMount .sim-result-hero{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;padding-bottom:18px;border-bottom:1px solid var(--line)} #profileSimulatorMount .sim-result-hero div{display:grid;gap:7px} #profileSimulatorMount .sim-result-hero strong{font-size:36px;line-height:1;color:var(--brand-brown)} #profileSimulatorMount .sim-result-hero div:last-child strong{color:var(--guide-olive)} #profileSimulatorMount .sim-result-hero span{font-size:12px;color:var(--muted)} #profileSimulatorMount .sim-breakdown{display:grid;gap:2px} #profileSimulatorMount .sim-breakdown div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(150,116,72,.12);font-size:12px} #profileSimulatorMount .sim-breakdown b{color:var(--brand-brown-dark)} #profileSimulatorMount .sim-help,#profileSimulatorMount .sim-warning-list p{color:var(--muted);font-size:11px;line-height:1.55;margin:8px 0} #profileSimulatorMount .sim-warning-list:empty{display:none} #profileSimulatorMount .sim-notice{border:1px solid var(--guide-olive-line);background:var(--guide-olive-soft);color:var(--guide-olive-dark);padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px} #profileSimulatorMount .sim-notice.is-error{background:#fff2e6;border-color:#d9a16e;color:#82421d} #profileSimulatorMount .sim-hud-header-official{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px} #profileSimulatorMount .sim-equipment-kicker{font-size:20px;color:var(--brand-brown-dark);font-weight:800} #profileSimulatorMount .sim-help-badge{width:26px;height:26px;border:1px solid var(--brand-line);border-radius:50%;color:var(--brand-brown);background:var(--panel2);cursor:pointer} #profileSimulatorMount label{color:var(--brand-brown);font-size:12px;font-weight:600} #profileSimulatorMount select,#profileSimulatorMount input:not([type=checkbox]){width:100%;min-width:0;min-height:36px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-family:inherit;font-size:12px} #profileSimulatorMount .sim-equipment-toolbar{display:grid;grid-template-columns:1.15fr 1fr 62px;gap:8px} #profileSimulatorMount .sim-equipment-toolbar label{display:grid;gap:5px} #profileSimulatorMount .sim-equipment-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 0} #profileSimulatorMount .btn.small{font-size:11px;min-height:32px;padding:7px 10px} #profileSimulatorMount .sim-profile-help{font-size:10px} #profileSimulatorMount .sim-hud-top{display:flex;justify-content:center;margin:16px 0 10px} #profileSimulatorMount .sim-hud-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--guide-olive-dark);padding:6px 24px;border-radius:20px;background:var(--guide-olive-soft);border:1px solid var(--guide-olive-line)} #profileSimulatorMount .sim-hud-grid::before{content:"";z-index:-1;position:absolute;inset:15px 26px 44px;border:1px solid rgba(164,127,73,.2);border-radius:50%;background:radial-gradient(ellipse,rgba(224,202,164,.2),transparent 70%)} #profileSimulatorMount .sim-hud-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;width:76px;min-width:0;gap:5px;border:0;background:none;padding:0;cursor:pointer;color:var(--brand-brown)} #profileSimulatorMount .sim-hud-slot-art{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;border:1px solid #c5ae88;background:linear-gradient(145deg,#faf1e1,#e9d8bd);box-shadow:inset 0 1px 1px #fff9ef,0 3px 7px rgba(77,47,27,.08)} #profileSimulatorMount .sim-hud-slot-art img{width:42px;height:42px;object-fit:contain} #profileSimulatorMount .sim-hud-slot-art svg{width:27px;height:27px;opacity:.64} #profileSimulatorMount .sim-hud-slot-label{font-size:10px;line-height:1.2;text-align:center;max-width:90px;color:var(--brand-brown);font-weight:650;min-height:12px} #profileSimulatorMount .sim-hud-slot-enhance{position:absolute;top:0;right:7px;min-width:19px;padding:2px 4px;border-radius:5px;background:var(--brand-brown-dark);color:#fff5d6;font-size:10px;font-weight:800;pointer-events:none} #profileSimulatorMount .sim-hud-slot.is-filled .sim-hud-slot-art{background:linear-gradient(145deg,#42453b,#262e28);border-color:#ba964f} #profileSimulatorMount .sim-hud-slot:not(:disabled):hover .sim-hud-slot-art{border-color:var(--guide-olive);box-shadow:0 0 0 3px rgba(126,163,60,.16)} #profileSimulatorMount button:focus-visible,#profileSimulatorMount input:focus-visible,#profileSimulatorMount select:focus-visible,#profileSimulatorMount summary:focus-visible{outline:2px solid var(--guide-olive);outline-offset:3px} #profileSimulatorMount button:disabled{opacity:.45;cursor:not-allowed} #profileSimulatorMount .slot-earring1{grid-area:1/1}#profileSimulatorMount .slot-clothes{grid-area:1/2}#profileSimulatorMount .slot-ring1{grid-area:1/3} #profileSimulatorMount .slot-earring2{grid-area:2/1}#profileSimulatorMount .slot-pearl-outfit{grid-area:2/2}#profileSimulatorMount .slot-ring2{grid-area:2/3} #profileSimulatorMount .slot-artifact0{grid-area:3/1}#profileSimulatorMount .slot-alchemy-stone{grid-area:3/2}#profileSimulatorMount .slot-artifact1{grid-area:3/3} #profileSimulatorMount .slot-belt{grid-area:4/1}#profileSimulatorMount .slot-node{grid-area:4/2}#profileSimulatorMount .slot-necklace{grid-area:4/3} #profileSimulatorMount .slot-purity-orb{grid-area:5/1}#profileSimulatorMount .slot-book{grid-area:5/2}#profileSimulatorMount .slot-backpack{grid-area:5/3} #profileSimulatorMount .slot-artifact1{flex-direction:row-reverse} #profileSimulatorMount .sim-lightstone-slot{width:24px} #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art{width:24px;height:24px;border-radius:5px} #profileSimulatorMount .sim-lightstone-slot img{width:22px;height:22px} #profileSimulatorMount .sim-lightstone-slot svg{width:16px;height:16px} #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #profileSimulatorMount .sim-tool-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;padding:7px 3px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--brand-brown);font-size:10px;cursor:pointer} #profileSimulatorMount .sim-tool-chip-art{display:grid;place-items:center;width:32px;height:32px} #profileSimulatorMount .sim-tool-chip-art img{width:32px;height:32px;object-fit:contain} #profileSimulatorMount .sim-tool-chip-art svg{width:26px;height:26px} #profileSimulatorMount .sim-tool-chip.is-active{border-color:var(--guide-olive);background:var(--guide-olive-soft)} #profileSimulatorMount .sim-tool-rod{justify-self:center} #profileSimulatorMount .sim-tool-strip-empty{grid-column:1/-1;font-size:11px;color:var(--muted);text-align:center} #profileSimulatorMount .sim-hud-tip{text-align:center} #profileSimulatorMount .sim-save-large{width:100%;min-height:42px;border:1px solid var(--guide-olive-dark);border-radius:10px;background:linear-gradient(180deg,#719242,#557530);color:#fffaf2;font-size:13px;font-weight:750;cursor:pointer;margin-top:5px} #profileSimulatorMount .sim-block-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--brand-brown-dark);font-size:15px} #profileSimulatorMount .sim-block-icon{color:var(--brand-gold);font-size:18px} #profileSimulatorMount .sim-buff-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} #profileSimulatorMount .sim-buff-tab{border:1px solid var(--brand-line);border-radius:8px;padding:7px 10px;background:var(--panel);color:var(--brand-brown);font-size:11px;cursor:pointer} #profileSimulatorMount .sim-buff-tab.is-active{border-color:var(--guide-olive-line);background:var(--guide-olive-soft);color:var(--guide-olive-dark);font-weight:750} #profileSimulatorMount .sim-buff-summary{padding:8px 10px;background:var(--guide-olive-soft);color:var(--guide-olive-dark);border-radius:8px;font-size:11px;line-height:1.6;margin-bottom:10px} #profileSimulatorMount .sim-buff-list{display:grid;gap:8px} #profileSimulatorMount .sim-buff-row{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px;background:rgba(255,255,255,.5);cursor:pointer} #profileSimulatorMount .sim-buff-row-icon{display:grid;place-items:center;width:42px;height:42px;background:#33382f;border:1px solid var(--brand-line);border-radius:8px} #profileSimulatorMount .sim-buff-row-icon img{width:38px;height:38px;object-fit:contain} #profileSimulatorMount .sim-buff-row-copy strong{display:block;color:var(--brand-brown-dark);font-size:12px} #profileSimulatorMount .sim-buff-row-copy small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px} #profileSimulatorMount input[type=checkbox]{accent-color:var(--guide-olive);width:16px;height:16px;margin:0} #profileSimulatorMount summary{cursor:pointer;font-weight:750;color:var(--brand-brown-dark);font-size:14px} #profileSimulatorMount details[open]>summary{margin-bottom:12px} #profileSimulatorMount .sim-save-row,#profileSimulatorMount .sim-load-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0} #profileSimulatorMount .sim-save-row p{flex-basis:100%;margin:0} #profileSimulatorMount .sim-load-row label{display:grid;gap:5px;flex:1 1 180px} #profileSimulatorMount .sim-inline-actions,#profileSimulatorMount .sim-file-row{display:flex;gap:6px;flex-wrap:wrap} #profileSimulatorMount .sim-compare-label{display:grid;gap:6px;margin-top:12px} #profileSimulatorMount .sim-picker,#profileSimulatorMount .sim-dialog{position:fixed;inset:0;margin:auto;width:min(580px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid var(--brand-line);border-radius:18px;padding:20px;background:var(--panel);color:var(--text);box-shadow:0 24px 70px rgba(61,43,31,.3)} #profileSimulatorMount dialog:not([open]){display:none} #profileSimulatorMount dialog::backdrop{background:rgba(45,36,27,.42);backdrop-filter:blur(3px)} #profileSimulatorMount .sim-picker-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px} #profileSimulatorMount .sim-picker-head strong{font-size:17px;color:var(--brand-brown-dark)} #profileSimulatorMount .sim-picker-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 105px auto;gap:8px;margin-bottom:12px} #profileSimulatorMount .sim-picker-list{display:grid;gap:7px;max-height:52dvh;overflow:auto} #profileSimulatorMount .sim-picker-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:8px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer} #profileSimulatorMount .sim-picker-item.is-active{background:var(--guide-olive-soft);border-color:var(--guide-olive)} #profileSimulatorMount .sim-picker-icon{display:grid;place-items:center;width:44px;height:44px;background:#34382f;border-radius:8px} #profileSimulatorMount .sim-picker-icon img{width:42px;height:42px;object-fit:contain} #profileSimulatorMount .sim-picker-copy strong{display:block;font-size:12px;line-height:1.4} #profileSimulatorMount .sim-picker-copy small,#profileSimulatorMount .sim-picker-meta{display:block;font-size:10px;color:var(--muted);margin-top:4px} @container(max-width:780px){#profileSimulatorMount .official-block:not(.sim-equipment-panel){padding:15px}#profileSimulatorMount .sim-local-pill{display:none}#profileSimulatorMount .sim-result-hero strong{font-size:30px}} @container(max-width:630px){#profileSimulatorMount .sim-left-column{width:100%}#profileSimulatorMount .sim-profile-head h3{font-size:23px}} @media(max-width:600px){#view-perfil .profile-simulator-card{padding:12px}#profileSimulatorMount .sim-picker-toolbar{grid-template-columns:minmax(0,1fr) 100px}#profileSimulatorMount .sim-picker-toolbar input{grid-column:1/-1;box-sizing:border-box;min-width:0;max-width:100%}} /* v1.4.91 — compact HUD workspace; selections stay beside the clicked slot. */ #view-perfil.sim-v191-ready #lifeSkillsCard{display:none!important} #view-perfil .profile-simulator-card{padding:18px} #profileSimulatorMount .official-block{padding:16px;border-radius:13px} #profileSimulatorMount .sim-life-card{grid-area:life;height:100%} #profileSimulatorMount .sim-crystal-card{grid-area:crystals;height:100%} #profileSimulatorMount .sim-result-panel{grid-area:result} #profileSimulatorMount .sim-buff-card{grid-area:buffs} #profileSimulatorMount .sim-presets-card{grid-area:presets} #profileSimulatorMount .sim-life-card .sim-block-title,#profileSimulatorMount .sim-crystal-card .sim-block-title{justify-content:space-between;gap:12px} #profileSimulatorMount .sim-life-tile{display:grid;gap:5px;text-align:left;min-width:0;border:1px solid var(--brand-line);border-radius:10px;padding:12px 10px;background:linear-gradient(#fffdf9,#f4eadb);color:var(--brand-brown);font:inherit;cursor:pointer} #profileSimulatorMount .sim-life-tile span{font-size:10px;text-transform:uppercase;letter-spacing:.035em;font-weight:700} #profileSimulatorMount .sim-life-tile strong{font-size:14px} #profileSimulatorMount .sim-life-tile small{font-size:9px;color:var(--muted)} #profileSimulatorMount .sim-life-tile.is-active{border-color:var(--guide-olive);background:var(--guide-olive-soft);box-shadow:inset 0 0 0 1px var(--guide-olive-line)} #profileSimulatorMount .sim-crystal-card label{display:flex;align-items:center;gap:8px;font-size:10px} #profileSimulatorMount #simCrystalCapacity{width:60px;min-height:30px;padding:4px 6px} #profileSimulatorMount .sim-crystal-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 2px;justify-items:center} #profileSimulatorMount .sim-crystal-slot{width:100%;gap:3px} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-art{width:38px;height:38px;border-radius:8px} #profileSimulatorMount .sim-crystal-slot img{width:34px;height:34px} #profileSimulatorMount .sim-crystal-slot svg{width:24px;height:24px} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-label{font-size:9px} #profileSimulatorMount .sim-hud-slot-art{width:42px;height:42px;border-radius:8px} #profileSimulatorMount .sim-hud-slot-art img{width:38px;height:38px} #profileSimulatorMount .sim-hud-slot-art svg{width:26px;height:26px} #profileSimulatorMount .sim-hud-slot-enhance{top:-4px;right:15px;font-size:10px;padding:1px 4px} #profileSimulatorMount .sim-lightstone-slot,#profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art{width:20px;height:20px} #profileSimulatorMount .sim-lightstone-slot img{width:18px;height:18px} #profileSimulatorMount .sim-lightstone-slot svg{width:14px;height:14px} #profileSimulatorMount .sim-equipment-kicker{font-size:18px} #profileSimulatorMount .sim-hud-header-official{margin-bottom:10px} #profileSimulatorMount .sim-hud-top{margin:10px 0 6px} #profileSimulatorMount .sim-profile-help{max-height:32px;overflow:auto;font-size:9px} #profileSimulatorMount .sim-equipment-toolbar{grid-template-columns:1.1fr 1fr 48px;gap:6px} #profileSimulatorMount .sim-equipment-toolbar label{font-size:10px} #profileSimulatorMount .sim-equipment-toolbar select,#profileSimulatorMount .sim-equipment-toolbar input{font-size:11px;min-height:32px;padding:6px} #profileSimulatorMount .sim-equipment-actions{margin-top:7px} #profileSimulatorMount .sim-hud-tip{margin:6px 0} #profileSimulatorMount .sim-save-large{min-height:36px} #profileSimulatorMount .sim-result-hero{grid-template-columns:1fr;gap:14px;margin:14px 0;padding-bottom:14px} #profileSimulatorMount .sim-result-hero strong{font-size:33px} #profileSimulatorMount .sim-breakdown div{font-size:10px;gap:6px;padding:6px 0} #profileSimulatorMount .sim-result-panel-head h4{font-size:20px} #profileSimulatorMount .sim-warning-list{max-height:130px;overflow:auto} #profileSimulatorMount .sim-buff-tabs{gap:4px;margin:10px 0} #profileSimulatorMount .sim-buff-tab{padding:6px 8px;font-size:10px} #profileSimulatorMount .sim-buff-list{max-height:320px;overflow:auto;overscroll-behavior:contain;padding:2px 3px 2px 0} #profileSimulatorMount .sim-buff-row{grid-template-columns:34px minmax(0,1fr) 16px;gap:7px;padding:7px} #profileSimulatorMount .sim-buff-row-icon{width:34px;height:34px} #profileSimulatorMount .sim-buff-row-icon img,#profileSimulatorMount .sim-buff-row-icon svg{width:30px;height:30px} #profileSimulatorMount .sim-buff-row-copy strong{font-size:11px} #profileSimulatorMount .sim-buff-row-copy small{font-size:9px} #profileSimulatorMount .sim-buff-summary{max-height:90px;overflow:auto} #profileSimulatorMount .sim-picker{inset:auto;margin:0;position:fixed;width:min(360px,calc(100vw - 20px));max-height:min(520px,calc(100dvh - 20px));padding:12px;border-radius:12px;border:1px solid var(--brand-gold);box-shadow:0 10px 35px #3d2b1f40;overflow:auto} #profileSimulatorMount .sim-picker::backdrop{background:transparent;backdrop-filter:none} #profileSimulatorMount .sim-picker-head strong{font-size:13px} #profileSimulatorMount .sim-picker-head{margin-bottom:8px} #profileSimulatorMount .sim-picker-toolbar{grid-template-columns:minmax(0,1fr) 88px auto;gap:5px} #profileSimulatorMount .sim-picker-toolbar input{grid-column:1/-1;box-sizing:border-box;min-width:0;max-width:100%} #profileSimulatorMount .sim-picker-toolbar select{grid-column:1/3} #profileSimulatorMount .sim-picker-list{max-height:290px} #profileSimulatorMount .sim-picker-item{padding:6px;grid-template-columns:36px minmax(0,1fr);gap:7px} #profileSimulatorMount .sim-picker-icon{width:36px;height:36px} #profileSimulatorMount .sim-picker-icon img{width:34px;height:34px} #profileSimulatorMount .sim-picker-meta{display:none} #profileSimulatorMount .sim-picker-copy strong{font-size:11px} @container(max-width:950px){#profileSimulatorMount .sim-crystal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#profileSimulatorMount .sim-result-hero{grid-template-columns:1fr 1fr}} @container(max-width:630px){#profileSimulatorMount .sim-life-tile{padding:9px 7px}#profileSimulatorMount .sim-life-tile strong{font-size:12px}#profileSimulatorMount .sim-crystal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#profileSimulatorMount .sim-local-pill{display:none}} @media(max-width:600px){#view-perfil .profile-simulator-card{padding:10px}#profileSimulatorMount .official-block{padding:12px}#profileSimulatorMount .sim-profile-subtitle{font-size:12px}} /* Compact spacing after full-page review. */ #profileSimulatorMount .sim-hud-top{display:none} #profileSimulatorMount .sim-hud-slot-label{font-size:9px;line-height:1.2} #profileSimulatorMount .sim-tool-strip[data-skill=fishing]{grid-template-columns:repeat(4,minmax(0,1fr))} #profileSimulatorMount .sim-tool-strip[data-skill=fishing] .sim-tool-slot{width:100%} #profileSimulatorMount .sim-result-hero{grid-template-columns:1fr 1fr;gap:10px} #profileSimulatorMount .sim-result-hero strong{font-size:28px} #profileSimulatorMount .sim-result-hero span{font-size:10px} #profileSimulatorMount .sim-life-tile{padding:10px} #profileSimulatorMount .sim-life-card,#profileSimulatorMount .sim-crystal-card{height:auto} /* Soft backdrop avoids a decorative outline crossing the small slots. */ #profileSimulatorMount .sim-hud-grid::before{border:0;border-radius:0} /* v1.4.92 — crystal constellation and parchment item frames. */ #profileSimulatorMount .sim-life-tile{min-height:70px} #profileSimulatorMount .sim-crystal-grid{display:block;position:relative;width:min(410px,100%);aspect-ratio:1;margin:10px auto 16px;background:radial-gradient(circle,#edf0dd55 0%,#f8edda55 55%,transparent 72%);isolation:isolate} #profileSimulatorMount .sim-crystal-diagram{position:absolute;inset:0;width:100%;height:100%;color:#b6955d;opacity:.46;pointer-events:none} #profileSimulatorMount .sim-crystal-position{position:absolute;left:var(--cx);top:var(--cy);transform:translate(-50%,-50%);width:14%;aspect-ratio:1} #profileSimulatorMount .sim-crystal-slot{width:100%;height:100%;padding:0;position:relative;display:block} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-art{width:100%;height:100%;border-radius:9px} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-art img{width:86%;height:86%} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-art svg{width:68%;height:68%} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-label{position:absolute;bottom:-13px;left:0;right:0;font-size:8px;color:#947e60} #profileSimulatorMount .sim-crystal-slot:disabled{opacity:.38} #profileSimulatorMount .sim-crystal-slot:disabled svg{visibility:hidden} #profileSimulatorMount .sim-crystal-lock{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#99886f;font-size:18px} #profileSimulatorMount .sim-crystal-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;color:#9b8b6e;font-size:9px} #profileSimulatorMount .sim-crystal-center svg{width:28px;height:28px;opacity:.65} #profileSimulatorMount .sim-crystal-center .sim-empty-plus{display:none} #profileSimulatorMount .sim-hud-slot.is-filled .sim-hud-slot-art,#profileSimulatorMount .sim-picker-icon,#profileSimulatorMount .sim-buff-row-icon{background:linear-gradient(145deg,#fffdf8,#efe0c6);border:1px solid #cba968;box-shadow:inset 0 0 0 2px #ffffffa6,0 3px 8px #5d3d231a} #profileSimulatorMount .sim-hud-slot-art .sim-empty-glyph{color:#82775f;opacity:.84;width:29px;height:29px} #profileSimulatorMount .sim-empty-plus{pointer-events:none} #profileSimulatorMount .sim-lightstone-slot .sim-empty-glyph{width:15px;height:15px} #profileSimulatorMount .sim-buff-row-icon:focus-visible{outline:2px solid var(--guide-olive);outline-offset:3px} .sim-item-tooltip{position:fixed;inset:auto;margin:0;padding:0;width:min(330px,calc(100vw - 20px));max-height:min(480px,calc(100dvh - 20px));font-size:12px;z-index:10060} .sim-item-tooltip .workshop-tip-summary{display:flex;align-items:flex-start;gap:12px} .sim-item-tooltip .item-icon{display:grid;place-items:center;flex-shrink:0} .sim-item-tooltip .item-icon img{width:42px;height:42px;object-fit:contain} .sim-item-tooltip .workshop-tip-title{font-size:15px;font-weight:750;line-height:1.4;margin:3px 0} .sim-item-tooltip .workshop-tip-id,.sim-item-tooltip .workshop-tip-category{font-size:10px} .sim-item-tooltip .sim-tooltip-effects{font-size:11px;line-height:1.7} .sim-item-tooltip .workshop-tip-description p{margin:4px 0} .sim-item-tooltip .workshop-tip-footer{padding:10px 14px;font-size:10px;color:#8a735f;border-top:1px solid #dfcaa8} @container(max-width:1050px){#profileSimulatorMount .sim-crystal-grid{width:min(330px,100%)}} @container(max-width:630px){#profileSimulatorMount .sim-life-tile{min-height:65px}#profileSimulatorMount .sim-crystal-card .sim-block-title{flex-wrap:wrap}} /* v1.4.93 — aligned panels and compact icon selectors. */ #profileSimulatorMount .official-block{margin:0;min-width:0} #profileSimulatorMount .sim-life-card,#profileSimulatorMount .sim-crystal-card{height:100%} #profileSimulatorMount .sim-life-card{display:flex;flex-direction:column} #profileSimulatorMount .sim-life-tile{min-height:0;padding:8px;gap:3px} #profileSimulatorMount .sim-life-tile strong{font-size:13px} #profileSimulatorMount .sim-life-card>.sim-help{margin:10px 0 0;font-size:10px} #profileSimulatorMount .sim-crystal-card{display:flex;flex-direction:column} #profileSimulatorMount .sim-crystal-card .sim-block-title{margin-bottom:4px} #profileSimulatorMount .sim-crystal-grid{width:min(266.5px,100%);flex:none;margin:4px auto 12px} #profileSimulatorMount #simCrystalSummary{margin:0;font-size:9px;line-height:1.4} #profileSimulatorMount .sim-crystal-position{width:14.5%} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-label{bottom:-11px;font-size:7px} #profileSimulatorMount .sim-crystal-center svg{width:21px;height:21px} #profileSimulatorMount .sim-crystal-center span{font-size:8px} #profileSimulatorMount .sim-save-large{margin-top:auto} #profileSimulatorMount .sim-buff-list{display:grid;grid-template-columns:repeat(auto-fill,46px);gap:9px;align-content:start;max-height:180px;overflow:auto;padding:4px;overscroll-behavior:contain} #profileSimulatorMount .sim-buff-item{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:3px;border:1px solid var(--brand-line);border-radius:9px;background:var(--panel);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s} #profileSimulatorMount .sim-buff-item .sim-buff-row-icon{width:38px;height:38px;border:0;box-shadow:none;border-radius:6px;background:linear-gradient(145deg,#fffdf8,#efe0c6)} #profileSimulatorMount .sim-buff-item img{width:35px;height:35px;object-fit:contain} #profileSimulatorMount .sim-buff-item:hover,#profileSimulatorMount .sim-buff-item:focus-visible{border-color:var(--guide-olive);outline:0;box-shadow:0 0 0 2px var(--guide-olive-line)} #profileSimulatorMount .sim-buff-item.is-selected{border-color:var(--guide-olive);background:var(--guide-olive-soft);box-shadow:inset 0 0 0 1px var(--guide-olive-line),0 0 0 2px #7ea33c20} #profileSimulatorMount .sim-buff-item.is-selected .sim-buff-row-icon{background:transparent} #profileSimulatorMount .sim-buff-check{display:none;position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:var(--guide-olive);border:1px solid #fff8ec;color:white;font-size:10px;line-height:12px;text-align:center;pointer-events:none} #profileSimulatorMount .sim-buff-item.is-selected .sim-buff-check{display:block} #profileSimulatorMount .sim-buff-list>.sim-help{grid-column:1/-1} #profileSimulatorMount .sim-result-hero{margin:10px 0;padding-bottom:10px} #profileSimulatorMount .sim-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px} #profileSimulatorMount .sim-breakdown div{font-size:10px;padding:6px 0;min-width:0} #profileSimulatorMount .sim-warning-list{max-height:68px;overflow:auto;margin-top:8px} #profileSimulatorMount .sim-warning-list p{font-size:10px;margin:6px 0} #profileSimulatorMount .sim-presets-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start} #profileSimulatorMount .sim-presets-content .sim-save-row,#profileSimulatorMount .sim-presets-content .sim-load-row{margin:0;align-content:start} #profileSimulatorMount .sim-presets-content .sim-load-row label{flex-basis:100%} #profileSimulatorMount .sim-presets-info>.sim-help:first-child{margin-top:0} #profileSimulatorMount .sim-presets-content .sim-help{font-size:10px} #profileSimulatorMount details:not([open])>.sim-presets-content{display:none} #profileSimulatorMount .grade-0,.sim-item-tooltip .grade-0{--sim-grade-color:#59493c} #profileSimulatorMount .grade-1,.sim-item-tooltip .grade-1{--sim-grade-color:#668b35} #profileSimulatorMount .grade-2,.sim-item-tooltip .grade-2{--sim-grade-color:#377ea3} #profileSimulatorMount .grade-3,.sim-item-tooltip .grade-3{--sim-grade-color:#b77a18} #profileSimulatorMount .grade-4,.sim-item-tooltip .grade-4{--sim-grade-color:#c26427} #profileSimulatorMount .grade-5,.sim-item-tooltip .grade-5{--sim-grade-color:#9657a7} #profileSimulatorMount .sim-picker-copy .sim-item-name,.sim-item-tooltip .workshop-tip-title{color:var(--sim-grade-color,#59493c)} @container(max-width:1050px){#profileSimulatorMount .sim-life-tile{min-height:62px}#profileSimulatorMount .sim-crystal-grid{width:min(266.5px,100%)}#profileSimulatorMount .sim-crystal-card{justify-content:center}#profileSimulatorMount .sim-presets-content{grid-template-columns:1fr 1fr;gap:14px}#profileSimulatorMount .sim-presets-info{grid-column:1/-1}} @container(max-width:630px){#profileSimulatorMount .sim-crystal-card{min-height:0}#profileSimulatorMount .sim-life-tile strong{font-size:12px}#profileSimulatorMount .sim-presets-content{grid-template-columns:1fr}#profileSimulatorMount .sim-presets-info{grid-column:auto}#profileSimulatorMount .sim-buff-list{max-height:190px}#profileSimulatorMount .sim-breakdown{grid-template-columns:1fr}#profileSimulatorMount .sim-warning-list{max-height:90px}} /* Keep labels and helper copy inside the shared first-row baseline. */ #profileSimulatorMount .sim-life-tile{line-height:1.25;align-content:center} #profileSimulatorMount .sim-life-tile strong{line-height:1.3} #profileSimulatorMount .sim-life-card .sim-help{line-height:1.35} #profileSimulatorMount .sim-crystal-card .sim-block-title{margin-bottom:0} #profileSimulatorMount .sim-crystal-grid{margin:0 auto 8px} #profileSimulatorMount #simCrystalSummary{line-height:1.2} /* v1.4.94 — inline presets, dedicated crystal bar and knot exclusivity. */ #profileSimulatorMount .sim-equipment-presets{width:100%;margin:0 0 12px;min-height:38px;color:var(--text);background:var(--panel);border:1px solid var(--brand-line);border-radius:7px;padding:8px 10px;font:inherit;font-size:12px} #profileSimulatorMount .sim-crystal-bottom-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:min(266.5px,100%);margin:auto auto 0;padding-top:8px;border-top:1px solid #b49a6c55} #profileSimulatorMount .sim-outfit-blocked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9a866b;font-size:10px;text-align:center;min-width:0} #profileSimulatorMount .sim-outfit-blocked small{font-size:9px} #profileSimulatorMount .sim-result-details{display:block;padding:7px 0 0;border:0;background:none;color:#637942;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer} .sim-calculation-scroll{max-height:55vh;overflow:auto} .sim-calculation-table{border-collapse:collapse;width:100%;font-size:12px} .sim-calculation-table th,.sim-calculation-table td{padding:9px 8px;text-align:right;border-bottom:1px solid #b49a6c55;vertical-align:top} .sim-calculation-table th:first-child,.sim-calculation-table td:first-child{text-align:left} .sim-calculation-table td:not(:first-child){white-space:nowrap;font-variant-numeric:tabular-nums} .sim-calculation-table tfoot{font-weight:700;background:#dce4cb66} @container(max-width:1050px){#profileSimulatorMount .sim-crystal-bottom-bar{margin:4px auto 0}} @container(max-width:630px){#profileSimulatorMount .sim-crystal-card{padding-bottom:14px}} /* v1.4.95 — six usable extra slots and legible, coherent empty-slot art. */ #profileSimulatorMount .sim-crystal-bottom-bar{padding-bottom:13px;gap:9px} #profileSimulatorMount .sim-crystal-extra-position{position:relative;width:100%;aspect-ratio:1;max-width:37px;justify-self:center} #profileSimulatorMount .sim-hud-slot-art .sim-empty-glyph{width:33px;height:33px;opacity:1} #profileSimulatorMount .sim-crystal-slot .sim-empty-glyph{width:85%;height:85%} #profileSimulatorMount .sim-lightstone-slot .sim-empty-glyph{width:18px;height:18px} #profileSimulatorMount .sim-lightstone-slot .sim-empty-plus{display:none} /* v1.4.96 — class disclosure, private profile and compact readable tooltips. */ #profileSimulatorCard[hidden]{display:none!important} #profileSimulatorMount .sim-character-panel{margin:9px 0 0;border:1px solid var(--brand-line);border-radius:8px;background:#fff9ed80;overflow:hidden} #profileSimulatorMount .sim-character-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:44px;padding:9px 10px;font-size:12px;font-weight:650;list-style:none;color:var(--text)} #profileSimulatorMount .sim-character-panel>summary::before{content:"›";font-size:18px;color:var(--guide-olive)} #profileSimulatorMount .sim-character-panel[open]>summary::before{transform:rotate(90deg)} #profileSimulatorMount .sim-character-panel>summary span{margin-right:auto} #profileSimulatorMount .sim-character-panel>summary small{font-size:10px;font-weight:400;color:#7c725a;text-align:right} #profileSimulatorMount .sim-character-panel>summary:focus-visible{outline:2px solid var(--guide-olive);outline-offset:-3px} #profileSimulatorMount .sim-character-fields{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;padding:0 10px 7px} #profileSimulatorMount .sim-character-panel label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#725e45} #profileSimulatorMount .sim-character-panel select,#profileSimulatorMount .sim-character-panel input{width:100%;min-width:0;min-height:40px;padding:7px;border:1px solid var(--brand-line);border-radius:6px;background:var(--panel);color:var(--text);font:inherit;font-size:12px} #profileSimulatorMount .sim-passive-field{padding:4px 10px} #profileSimulatorMount .sim-passive-hint{font-size:11px;line-height:1.45;color:#78664e;margin:7px 0} #profileSimulatorMount .sim-character-panel .sim-passive-hint{padding:0 10px 5px} #profileSimulatorMount .sim-picker{width:min(320px,calc(100vw - 20px));max-height:min(460px,calc(100dvh - 20px));padding:10px} #profileSimulatorMount .sim-picker-list{max-height:240px;overscroll-behavior:contain} #profileSimulatorMount .sim-picker-item{min-height:44px;padding:5px;grid-template-columns:32px minmax(0,1fr);gap:8px} #profileSimulatorMount .sim-picker-copy strong{font-size:12px;line-height:1.4} #profileSimulatorMount .sim-picker-icon{width:32px;height:32px} #profileSimulatorMount .sim-picker-icon img{width:30px;height:30px} #profileSimulatorMount .sim-picker button,#profileSimulatorMount .sim-picker input,#profileSimulatorMount .sim-picker select{min-height:40px} .sim-item-tooltip.workshop-item-tooltip{width:min(320px,calc(100vw - 20px))!important;max-height:var(--sim-tooltip-max-height,min(360px,calc(100dvh - 20px)))!important;overflow:auto;overscroll-behavior:contain;font-size:12px!important;line-height:1.45} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-head,.sim-item-tooltip.workshop-item-tooltip .workshop-tip-summary,.sim-item-tooltip.workshop-item-tooltip .workshop-tip-section{padding:8px 10px} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-summary{gap:8px} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-title{font-size:13px!important;line-height:1.35;margin:3px 0} .sim-item-tooltip.workshop-item-tooltip .item-icon{width:36px;height:36px;min-width:36px} .sim-item-tooltip.workshop-item-tooltip .item-icon img{width:34px;height:34px} .sim-item-tooltip.workshop-item-tooltip .sim-tooltip-effects{font-size:12px;line-height:1.5} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-description{font-size:11.5px!important;line-height:1.45} @media(pointer:coarse){#profileSimulatorMount .sim-picker button,#profileSimulatorMount .sim-picker input,#profileSimulatorMount .sim-picker select,#profileSimulatorMount .sim-character-panel select,#profileSimulatorMount .sim-character-panel input{min-height:44px}} /* v1.4.97 — lightstone combinations, independent gathering tools and refinement. */ #profileSimulatorMount .sim-picker [hidden]{display:none!important} #profileSimulatorMount .sim-artifact-modes{display:flex;gap:6px;margin:0 0 10px} #profileSimulatorMount .sim-artifact-modes button{flex:1;min-width:0;min-height:40px;border:1px solid var(--brand-line);border-radius:7px;background:var(--panel);color:var(--text);padding:6px 8px;font:inherit;font-size:11px;cursor:pointer} #profileSimulatorMount .sim-artifact-modes button[aria-pressed=true]{border-color:var(--guide-olive);background:var(--guide-olive-soft);box-shadow:inset 0 0 0 1px var(--guide-olive-line);font-weight:650} #profileSimulatorMount .sim-combo-choice{border:1px solid var(--brand-line);border-radius:9px;padding:8px;background:#fffaf1} #profileSimulatorMount .sim-combo-choice.is-selected{border-color:var(--guide-olive);background:var(--guide-olive-soft)} #profileSimulatorMount .sim-combo-apply{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;color:var(--text);padding:0 0 5px;font:inherit;cursor:pointer;text-align:left} #profileSimulatorMount .sim-combo-apply strong{font-size:12px;line-height:1.4} #profileSimulatorMount .sim-combo-apply>span{font-size:10px;white-space:nowrap;color:var(--guide-olive);font-weight:700} #profileSimulatorMount .sim-combo-apply:disabled{cursor:not-allowed;opacity:.55} #profileSimulatorMount .sim-combo-apply:focus-visible,#profileSimulatorMount .sim-combo-stones>span:focus-visible{outline:2px solid var(--guide-olive);outline-offset:2px;border-radius:4px} #profileSimulatorMount .sim-combo-stones{display:flex;justify-content:center;gap:9px;padding:5px 0} #profileSimulatorMount .sim-combo-caption{font-size:10px;color:#867258;margin:6px 0 3px} #profileSimulatorMount .sim-combo-effects{display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.4;color:#67543d} #profileSimulatorMount .sim-enhance-control{grid-column:1/3;display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;font-size:11px;font-weight:700;color:var(--guide-olive)} #profileSimulatorMount .sim-enhance-control select{border:1px solid var(--guide-olive);background:var(--guide-olive-soft);border-radius:7px;font-size:12px;font-weight:600;box-shadow:0 0 0 2px #819c3920} #profileSimulatorMount .sim-enhance-control select:disabled{opacity:.6} #profileSimulatorMount #simPickerRemove{align-self:end} @keyframes sim-enhancement-pulse{0%,100%{box-shadow:0 0 0 1px #819c3920;background-color:#f4f5e9}50%{box-shadow:0 0 0 3px #81a34050;background-color:#dce9c1}} #profileSimulatorMount .sim-enhance-control.is-attention select:not(:disabled){animation:sim-enhancement-pulse 1.6s ease-in-out 3} @media(prefers-reduced-motion:reduce){#profileSimulatorMount .sim-enhance-control.is-attention select:not(:disabled){animation:none}} #profileSimulatorMount .sim-active-tool-control{display:flex;flex-direction:column;gap:5px;grid-column:1/-1;min-width:0;margin:8px 0 1px;font-size:11px;font-weight:650;color:#63783d} #profileSimulatorMount .sim-active-tool-control select{width:100%;min-height:40px;padding:7px 9px;border:1px solid var(--guide-olive-line);border-radius:7px;background:var(--panel);font:inherit;color:var(--text)} #profileSimulatorMount .sim-active-tool-control small{font-size:10px;font-weight:400;color:#857155} #profileSimulatorMount .sim-tool-slot.is-calculated .sim-hud-slot-art{border-color:var(--guide-olive);background:var(--guide-olive-soft);box-shadow:0 0 0 2px #819c3940,inset 0 0 0 1px #fff9ed} #profileSimulatorMount .sim-tool-slot.is-calculated .sim-hud-slot-label{color:var(--guide-olive);font-weight:700} #profileSimulatorMount .sim-crystal-slot .sim-hud-slot-label{display:none} #profileSimulatorMount .sim-crystal-bottom-bar{padding-bottom:2px} #profileSimulatorMount .sim-picker-head{align-items:flex-start} #profileSimulatorMount .sim-picker-head>div{min-width:0} #profileSimulatorMount .sim-picker-head>button{flex:none;align-self:flex-start} /* v1.4.98 — compact parchment HUD, shared icon scale and usable hit targets. */ #profileSimulatorMount{--sim-icon-size:36px;--sim-ink:#5b4937;--sim-scroll-thumb:#887651;--sim-scroll-track:#eee3cf} #profileSimulatorMount .official-block{padding:14px;border-radius:12px} #profileSimulatorMount .sim-profile-head{margin-bottom:10px} #profileSimulatorMount .sim-profile-head h3{font-size:24px} #profileSimulatorMount .sim-profile-subtitle,#profileSimulatorMount .sim-account-line{font-size:12px;line-height:1.45} #profileSimulatorMount .sim-block-title{margin-bottom:10px;font-size:14px} #profileSimulatorMount .sim-equipment-kicker{font-size:18px} #profileSimulatorMount .sim-hud-header-official{margin-bottom:8px} #profileSimulatorMount .sim-equipment-presets{margin-bottom:8px} #profileSimulatorMount .sim-equipment-toolbar{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 48px;gap:6px} #profileSimulatorMount .sim-equipment-actions{margin-top:8px;gap:6px} #profileSimulatorMount .sim-hud-top{margin:8px 0 2px} #profileSimulatorMount .sim-hud-slot{width:72px;min-height:44px;gap:3px} #profileSimulatorMount .sim-hud-slot-art,#profileSimulatorMount .sim-crystal-slot .sim-hud-slot-art{width:var(--sim-icon-size);height:var(--sim-icon-size);flex-shrink:0;border-radius:7px} #profileSimulatorMount .sim-hud-slot-art img,#profileSimulatorMount .sim-crystal-slot .sim-hud-slot-art img{width:32px;height:32px} #profileSimulatorMount .sim-hud-slot-art .sim-empty-glyph,#profileSimulatorMount .sim-crystal-slot .sim-empty-glyph{width:29px;height:29px} #profileSimulatorMount .sim-hud-slot-label{font-size:11px;line-height:1.2;color:var(--sim-ink)} #profileSimulatorMount .sim-hud-slot-enhance{top:-3px;font-size:10px;padding:1px 3px} /* Two 17px lightstones and a 2px gap align with the 36px artifact icon. */ #profileSimulatorMount .sim-lightstone-slot{width:17px;min-height:17px;height:17px} #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art{width:17px;height:17px;border-radius:4px} #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art img,#profileSimulatorMount .sim-lightstone-slot .sim-empty-glyph{width:15px;height:15px} #profileSimulatorMount .sim-active-tool-hint{grid-column:1/-1;text-align:center;font-size:12px;line-height:1.4;color:var(--sim-ink);margin:2px 0} #profileSimulatorMount .sim-hud-tip{margin:7px 0} #profileSimulatorMount .sim-help,#profileSimulatorMount .sim-life-card>.sim-help,#profileSimulatorMount .sim-passive-hint{font-size:12px;line-height:1.4;color:var(--sim-ink)} #profileSimulatorMount .sim-save-large{min-height:40px;border-radius:8px;margin-top:auto} #profileSimulatorMount .sim-life-tile{min-height:52px;padding:7px 5px} #profileSimulatorMount .sim-life-tile span,#profileSimulatorMount .sim-life-tile small{font-size:12px;color:var(--sim-ink)} #profileSimulatorMount .sim-crystal-grid{width:266.5px;max-width:100%;margin:0 auto 4px} #profileSimulatorMount .sim-crystal-position{width:44px;height:44px} #profileSimulatorMount .sim-crystal-slot{width:44px;height:44px;min-height:44px;padding:4px;gap:0} #profileSimulatorMount .sim-crystal-bottom-bar{grid-template-columns:repeat(6,44px);gap:0;width:264px;max-width:100%;padding-top:5px;margin:auto auto 0;justify-content:center} #profileSimulatorMount .sim-crystal-extra-position{width:44px;max-width:44px;height:44px} #profileSimulatorMount .sim-crystal-center span{font-size:10px} #profileSimulatorMount .sim-result-hero strong{font-size:30px} #profileSimulatorMount .sim-result-hero span,#profileSimulatorMount .sim-breakdown div,#profileSimulatorMount .sim-warning-list p,#profileSimulatorMount .sim-result-details{font-size:12px;line-height:1.4} #profileSimulatorMount .sim-breakdown{grid-template-columns:1fr} #profileSimulatorMount .sim-breakdown div{padding:4px 0} #profileSimulatorMount .sim-result-details{min-height:32px;padding-top:6px} #profileSimulatorMount .sim-warning-list{max-height:76px} #profileSimulatorMount .sim-buff-tabs{gap:5px;margin-bottom:8px} #profileSimulatorMount .sim-buff-tab{min-height:32px;padding:5px 7px;font-size:12px;color:var(--sim-ink)} #profileSimulatorMount .sim-buff-list{grid-template-columns:repeat(auto-fill,44px);gap:6px;max-height:164px;padding:4px} #profileSimulatorMount .sim-buff-item{width:44px;height:44px;padding:3px} #profileSimulatorMount .sim-buff-item .sim-buff-row-icon{width:36px;height:36px} #profileSimulatorMount .sim-buff-item img{width:32px;height:32px} #profileSimulatorMount .sim-picker{width:min(296px,calc(100vw - 20px));max-height:min(430px,calc(100dvh - 20px));padding:9px;border-radius:10px} #profileSimulatorMount .sim-picker-list{max-height:220px;gap:5px} #profileSimulatorMount .sim-picker-copy strong{font-size:13px} #profileSimulatorMount .sim-picker-head strong{font-size:14px} #profileSimulatorMount .sim-picker-head .sim-help{margin:4px 0} #profileSimulatorMount .sim-picker button,#profileSimulatorMount .sim-picker input,#profileSimulatorMount .sim-picker select{min-height:36px} #profileSimulatorMount .sim-picker-item{min-height:44px;padding:4px} #profileSimulatorMount .sim-artifact-modes{margin-bottom:8px} #profileSimulatorMount .sim-artifact-modes button{font-size:12px;line-height:1.3;padding:5px} #profileSimulatorMount .sim-combo-apply strong{font-size:13px} #profileSimulatorMount .sim-combo-apply>span,#profileSimulatorMount .sim-combo-caption,#profileSimulatorMount .sim-combo-effects,#profileSimulatorMount .sim-combo-note{font-size:12px;line-height:1.4;color:var(--sim-ink)} #profileSimulatorMount .sim-combo-stones{gap:8px;padding:3px 0} #profileSimulatorMount .sim-combo-free{width:32px;height:32px;display:grid;place-items:center;border:1px dashed #9d8b67;border-radius:6px;font-size:10px;color:var(--sim-ink)} #profileSimulatorMount .sim-combo-note{margin:7px 0 0} #profileSimulatorMount .sim-enhance-control{font-size:12px} #profileSimulatorMount select,#profileSimulatorMount input:not([type=checkbox]){border-radius:7px;font-size:13px;padding:6px} #profileSimulatorMount .sim-dialog{width:min(660px,calc(100vw - 24px));padding:16px;max-height:calc(100dvh - 24px)} .sim-item-tooltip.workshop-item-tooltip{width:min(296px,calc(100vw - 20px))!important;border-radius:10px!important} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-head,.sim-item-tooltip.workshop-item-tooltip .workshop-tip-summary,.sim-item-tooltip.workshop-item-tooltip .workshop-tip-section{padding:7px 9px} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-description{font-size:12px!important;line-height:1.4;color:#5b4937} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-category,.sim-item-tooltip.workshop-item-tooltip .workshop-tip-id{font-size:11px;color:#685741} #profileSimulatorMount *, .sim-item-tooltip.workshop-item-tooltip{scrollbar-width:thin;scrollbar-color:#887651 #eee3cf} #profileSimulatorMount ::-webkit-scrollbar,.sim-item-tooltip.workshop-item-tooltip::-webkit-scrollbar{width:9px;height:9px} #profileSimulatorMount ::-webkit-scrollbar-track,.sim-item-tooltip.workshop-item-tooltip::-webkit-scrollbar-track{background:#eee3cf;border-radius:8px} #profileSimulatorMount ::-webkit-scrollbar-thumb,.sim-item-tooltip.workshop-item-tooltip::-webkit-scrollbar-thumb{background:#887651;border:2px solid #eee3cf;border-radius:8px} @container(max-width:1000px){#profileSimulatorMount .sim-crystal-card{justify-content:center}} @container(max-width:630px){#profileSimulatorMount .sim-life-tile{min-height:54px}#profileSimulatorMount .official-block{padding:12px}#profileSimulatorMount .sim-crystal-bottom-bar{margin:5px auto 0}} @media(pointer:coarse){#profileSimulatorMount .sim-picker button,#profileSimulatorMount .sim-picker input,#profileSimulatorMount .sim-picker select,#profileSimulatorMount .sim-buff-tab,#profileSimulatorMount .sim-equipment-actions button,#profileSimulatorMount .sim-save-large{min-height:44px}#profileSimulatorMount select,#profileSimulatorMount input:not([type=checkbox]){font-size:16px}} @media(forced-colors:active){#profileSimulatorMount *,.sim-item-tooltip.workshop-item-tooltip{scrollbar-color:auto}#profileSimulatorMount button:focus-visible{outline:2px solid Highlight}} #profileSimulatorMount .grade-1,.sim-item-tooltip .grade-1{--sim-grade-color:#486820} #profileSimulatorMount .grade-2,.sim-item-tooltip .grade-2{--sim-grade-color:#286282} #profileSimulatorMount .grade-3,.sim-item-tooltip .grade-3{--sim-grade-color:#86560b} #profileSimulatorMount .grade-4,.sim-item-tooltip .grade-4{--sim-grade-color:#9b4d1b} #profileSimulatorMount .grade-5,.sim-item-tooltip .grade-5{--sim-grade-color:#7b3f8b} #profileSimulatorMount .sim-life-tile{min-width:0} #profileSimulatorMount .sim-life-tile>span,#profileSimulatorMount .sim-life-tile>strong{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal} @container(max-width:430px){#profileSimulatorMount .sim-life-tile>span{text-transform:none;letter-spacing:0;font-size:13px}#profileSimulatorMount .sim-crystal-bottom-bar{grid-template-columns:repeat(6,minmax(0,1fr))}#profileSimulatorMount .sim-crystal-extra-position{justify-self:center}} /* v1.4.101 — single owner for layout, slots and panel sizing. Keep each grid's columns and named areas together; never span equipment over Life Skills + Cristais (that made its height depend on unrelated content). */ #profileSimulatorMount{container-name:simulator} #profileSimulatorMount .sim-master-layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(274px,1fr) 300px; grid-template-areas:"life crystals equipment" "result buffs pets"; grid-template-rows:auto auto; grid-auto-rows:auto; gap:12px; align-items:start; min-width:0; } #profileSimulatorMount .sim-master-layout>.official-block{min-width:0;max-width:100%} #profileSimulatorMount .sim-equipment-panel{ grid-area:equipment; display:flex; flex-direction:column; width:min(300px,100%); max-width:100%; min-width:0; height:auto; padding:12px; align-self:start; justify-self:end; } #profileSimulatorMount .sim-hud-stage{ display:flex; flex-direction:column; flex:0 0 auto; width:100%; min-width:0; align-self:stretch; } #profileSimulatorMount .sim-hud-grid{ position:relative; isolation:isolate; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(5,44px); gap:4px 0; align-items:start; justify-items:center; width:100%; min-width:0; padding:0; margin:12px 0 0; } #profileSimulatorMount .sim-hud-grid .sim-hud-slot, #profileSimulatorMount .sim-tool-strip .sim-hud-slot{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:44px; height:44px; min-height:44px; margin:0; padding:4px; gap:0; } /* Slot names stay in aria-label, the picker and item tooltips, not below icons. */ #profileSimulatorMount .sim-hud-grid .sim-hud-slot-label, #profileSimulatorMount .sim-tool-strip .sim-hud-slot-label{display:none} #profileSimulatorMount .sim-hud-grid .sim-hud-slot-enhance, #profileSimulatorMount .sim-tool-strip .sim-hud-slot-enhance{ top:-2px; right:0; min-width:16px; padding:1px 3px; } #profileSimulatorMount .sim-artifact-group{ position:relative; display:block; width:44px; height:44px; min-width:0; margin:0; padding:0; } /* The artifact owns the same 44px grid cell as earrings/belt/necklace. Its two lightstones are anchored to the 36px artwork, not its label. */ #profileSimulatorMount .sim-artifact-group>.sim-hud-slot{width:44px;margin:0} #profileSimulatorMount .sim-lightstones{ position:absolute; display:grid; grid-template-rows:repeat(2,17px); gap:2px; top:4px; left:calc(100% + 1px); right:auto; width:17px; height:36px; } #profileSimulatorMount .slot-artifact1 .sim-lightstones{ left:auto; right:calc(100% + 1px); } #profileSimulatorMount .sim-hud-grid .sim-lightstone-slot{ width:17px; height:17px; min-height:17px; padding:0; } #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art{ width:17px; height:17px; border-radius:4px; } #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art img, #profileSimulatorMount .sim-lightstone-slot .sim-empty-glyph{width:15px;height:15px} /* Reserve exactly two rows for six gathering tools, independent of profession. */ #profileSimulatorMount .sim-tool-strip{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(2,44px); align-content:start; align-items:start; justify-items:center; gap:4px 0; height:101px; min-height:101px; margin:8px 0 0; padding:8px 0 0; border-top:1px solid var(--line); } #profileSimulatorMount .sim-tool-strip-empty{ grid-column:1/-1; grid-row:1/-1; align-self:center; margin:0; padding:8px; line-height:1.4; } #profileSimulatorMount .sim-hud-tip{ min-height:33.6px; margin:8px 0; font-size:12px; line-height:1.4; } #profileSimulatorMount .sim-save-large{flex:none;min-height:40px;margin:8px 0 0} #profileSimulatorMount .sim-life-card, #profileSimulatorMount .sim-crystal-card{height:100%;align-self:stretch} #profileSimulatorMount .sim-life-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr)); grid-auto-rows:1fr; gap:6px; flex:1; } #profileSimulatorMount .sim-life-tile{min-height:54px;padding:8px;align-content:center;gap:3px} #profileSimulatorMount .sim-life-tile>span{ text-transform:none; font-size:12px; letter-spacing:0; overflow-wrap:normal; word-break:normal; hyphens:none; } #profileSimulatorMount .sim-crystal-card{display:flex;flex-direction:column;justify-content:flex-start} #profileSimulatorMount .sim-crystal-card .sim-block-title{flex:none;flex-wrap:wrap;margin-bottom:8px} #profileSimulatorMount .sim-crystal-grid{flex:none;width:266.5px;max-width:100%;margin:auto} #profileSimulatorMount .sim-crystal-bottom-bar{flex:none;margin:8px auto 0} @container simulator (max-width:940px){ #profileSimulatorMount .sim-master-layout{ grid-template-columns:minmax(0,1fr) 300px; grid-template-areas:"life life" "crystals equipment" "buffs pets" "result result"; grid-template-rows:auto auto auto; } #profileSimulatorMount .sim-life-grid{flex:none} } @container simulator (max-width:620px){ #profileSimulatorMount .sim-master-layout{ grid-template-columns:minmax(0,1fr); grid-template-areas:"life" "equipment" "pets" "crystals" "buffs" "result"; grid-template-rows:auto auto auto auto auto; } #profileSimulatorMount .sim-equipment-panel{justify-self:center} #profileSimulatorMount .sim-life-card, #profileSimulatorMount .sim-crystal-card{height:auto;min-height:0} #profileSimulatorMount .sim-crystal-grid{margin:8px auto} } @container simulator (max-width:340px){ #profileSimulatorMount .sim-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #profileSimulatorMount .sim-life-tile{padding:8px 5px} #profileSimulatorMount .sim-life-tile>span{font-size:11px} } /* The profile link form must fit its own card, not a desktop-only minimum. Otherwise its Vincular button introduces a page-wide horizontal scrollbar. */ #view-perfil .bdo-link-card{container:profile-link / inline-size;min-width:0} #view-perfil .bdo-link-form{grid-template-columns:160px minmax(0,1fr);gap:12px;min-width:0} #view-perfil .bdo-link-form label,#view-perfil .bdo-link-form input,#view-perfil .bdo-link-form select{min-width:0;width:100%;max-width:100%} #view-perfil .bdo-pro-benefit-row{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:8px;min-width:0} #view-perfil #bdoProHint{flex:1;min-width:0;margin:0;line-height:1.55} #view-perfil .bdo-pro-benefit-row .btn{flex:none;min-width:0;max-width:100%} @container profile-link (max-width:500px){ #view-perfil .bdo-pro-benefit-row{flex-direction:column;align-items:stretch;gap:12px} #view-perfil .bdo-pro-benefit-row .btn{width:100%} } @container profile-link (max-width:380px){#view-perfil .bdo-link-form{grid-template-columns:minmax(0,1fr)}} /* v1.4.102 — pets occupy the third column below equipment. */ #profileSimulatorMount .sim-pet-card{ grid-area:pets;width:min(300px,100%);min-width:0;max-width:100%; justify-self:end;align-self:start;padding:12px; } #profileSimulatorMount .sim-pet-card .sim-block-title{gap:6px;flex-wrap:wrap;margin-bottom:12px} #profileSimulatorMount #simPetTitle{display:flex;align-items:center;gap:6px;white-space:nowrap} #profileSimulatorMount .sim-pet-heading-icon{display:inline-flex;width:25px;height:25px} #profileSimulatorMount .sim-pet-heading-icon svg{width:25px;height:25px} #profileSimulatorMount .sim-pet-heading-icon .sim-empty-plus, #profileSimulatorMount .sim-pet-slot.is-filled .sim-empty-plus{display:none} #profileSimulatorMount #simPetCount{font-size:11px;padding:3px 7px;white-space:nowrap} #profileSimulatorMount .sim-pet-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-width:0} #profileSimulatorMount .sim-pet-slot{ position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px; padding:4px;border:0;border-radius:8px;background:transparent;cursor:pointer;color:var(--sim-ink); } #profileSimulatorMount .sim-pet-slot svg{width:30px;height:30px} #profileSimulatorMount .sim-pet-slot.is-active .sim-hud-slot-art, #profileSimulatorMount .sim-pet-slot:hover .sim-hud-slot-art{ border-color:var(--guide-olive);background:var(--guide-olive-soft);box-shadow:0 0 0 2px #819c3925; } #profileSimulatorMount .sim-pet-slot:focus-visible{outline:2px solid var(--guide-olive);outline-offset:2px} #profileSimulatorMount .sim-pet-slot.is-filled:not(.is-active){opacity:.65} #profileSimulatorMount .sim-pet-tier{ position:absolute;right:0;top:-2px;min-width:16px;border-radius:4px; background:var(--brand-brown);color:#fff8e9;font-size:10px;line-height:14px;padding:1px 3px; } #profileSimulatorMount .sim-pet-alpha{position:absolute;left:-1px;bottom:-1px;color:#936314;font-size:17px;line-height:18px;text-shadow:0 1px #fff8e9} #profileSimulatorMount .sim-pet-summary{color:var(--guide-olive);font-weight:650;line-height:1.4;text-align:center;margin:10px 0 4px} #profileSimulatorMount .sim-pet-save-hint{margin:0;text-align:center;font-size:11px;line-height:1.4} #profileSimulatorMount .sim-pet-picker{width:min(360px,calc(100vw - 20px));max-height:min(560px,calc(100dvh - 20px));overflow:hidden;overscroll-behavior:contain} #app #profileSimulatorMount .sim-pet-card.is-pro-locked{position:relative;min-height:0!important} #app #profileSimulatorMount .sim-pet-card.is-pro-locked>:is(.sim-pet-slots,.sim-pet-save-state){display:none!important} #app #profileSimulatorMount .sim-pet-card.is-pro-locked .sim-pet-overview-trigger{display:none!important} #profileSimulatorMount .sim-pet-lock-marker{display:none;color:#917043} #app #profileSimulatorMount .sim-pet-card.is-pro-locked .sim-pet-lock-marker{display:inline-flex;align-items:center} #profileSimulatorMount .sim-pet-lock-marker svg{width:20px;height:20px} #app #profileSimulatorMount .sim-pet-pro-overlay{display:flex;align-items:center;gap:8px;min-height:60px;height:60px;min-width:0} #app #profileSimulatorMount .sim-pet-pro-overlay[hidden]{display:none} #profileSimulatorMount .sim-pet-pro-overlay>img{width:48px;height:48px;flex:none;object-fit:contain} #app #profileSimulatorMount .sim-pet-pro-overlay>.btn{flex:1;min-width:0;font-size:13px!important;line-height:18px!important;padding:8px!important;text-align:center} #profileSimulatorMount .sim-pet-type{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 12px;text-align:left;background:var(--ui-surface,#fffbf5);border:1px solid var(--ui-line,#c6a784);border-radius:8px;color:inherit;font:inherit;cursor:pointer} #profileSimulatorMount .sim-pet-type>img{width:32px;height:32px;object-fit:contain} #profileSimulatorMount .sim-pet-type>span{flex:1} #profileSimulatorMount .sim-pet-choice-search{flex:none;margin:8px 0;width:100%;min-height:44px} #profileSimulatorMount .sim-pet-choices{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px} #profileSimulatorMount .sim-pet-choice{display:flex;align-items:center;gap:12px;flex:none;width:100%;min-height:56px;padding:8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;color:inherit;font:inherit;cursor:pointer} #profileSimulatorMount .sim-pet-choice>img{width:40px;height:40px;object-fit:contain;flex:none} #profileSimulatorMount .sim-pet-choice>span{flex:1;min-width:0;display:grid;gap:4px} #profileSimulatorMount .sim-pet-choice small{font-size:12px;color:#776650;line-height:1.4} #profileSimulatorMount .sim-pet-choice[aria-selected=true]{background:#eaf1df;border-color:#789759} #profileSimulatorMount .sim-pet-choice:hover{background:#f0eee3} #profileSimulatorMount :is(.sim-pet-choice,.sim-pet-type):focus-visible{outline:3px solid #557336;outline-offset:1px} #profileSimulatorMount .sim-pet-picker:popover-open{display:flex;flex-direction:column} #profileSimulatorMount .sim-pet-picker .sim-picker-head{flex:none} #profileSimulatorMount .sim-pet-form{display:grid;gap:9px;min-width:0;min-height:0;overflow-y:auto;padding:4px;overscroll-behavior:contain} #profileSimulatorMount .sim-pet-form label{display:grid;gap:4px;font-size:12px;font-weight:600;min-width:0;color:var(--sim-ink)} #profileSimulatorMount .sim-pet-form select{width:100%;min-width:0;max-width:100%;font-size:12px} #profileSimulatorMount .sim-pet-generation{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end} #profileSimulatorMount .sim-pet-form .sim-pet-check{display:flex;align-items:center;gap:5px;min-height:36px;line-height:1.3;font-weight:500} #profileSimulatorMount .sim-pet-check input[type=checkbox]{width:16px;height:16px;min-height:0;flex:none;margin:0;accent-color:var(--guide-olive)} #profileSimulatorMount .sim-pet-skills{border:1px solid var(--line);border-radius:8px;margin:0;padding:8px;display:grid;gap:6px;min-width:0} #profileSimulatorMount .sim-pet-skills legend{padding:0 5px;color:var(--sim-ink);font-size:12px;font-weight:650} #profileSimulatorMount .sim-pet-skills legend span{font-weight:400;margin-left:4px} #profileSimulatorMount .sim-pet-guidance{margin:0;line-height:1.4;font-size:11px} #profileSimulatorMount .sim-pet-error{color:#943c29;font-size:12px;line-height:1.4;margin:0} #profileSimulatorMount .sim-pet-actions{display:flex;flex:none;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)} #profileSimulatorMount .sim-pet-actions [data-pet-apply]{background:var(--guide-olive);color:#fff;border-color:var(--guide-olive);min-width:92px} #profileSimulatorMount .sim-result-hero{margin-bottom:12px} #profileSimulatorMount .sim-pet-row-effects{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--sim-ink);font-weight:400} #profileSimulatorMount .sim-pet-special-effects{margin-top:16px;font-size:12px;line-height:1.5} #profileSimulatorMount .sim-pet-special-effects h3{font-size:14px;margin:0 0 8px} #profileSimulatorMount .sim-pet-special-effects small{display:block;font-size:12px} @container simulator (max-width:940px){ #profileSimulatorMount .sim-master-layout{grid-template-rows:auto auto auto auto} } @container simulator (max-width:620px){ #profileSimulatorMount .sim-master-layout{grid-template-rows:repeat(6,auto)} #profileSimulatorMount .sim-pet-card{justify-self:center} } @media(pointer:coarse){ #profileSimulatorMount .sim-pet-form select{font-size:16px} } /* v1.4.103 — approved four-column HUD; all sizing follows the available container. */ #profileSimulatorMount .sim-master-layout{ grid-template-columns:minmax(0,1.11fr) minmax(280px,1fr) minmax(266px,.91fr) 300px; grid-template-areas:"life crystals pets equipment" "life crystals buffs equipment" "market result result equipment"; grid-template-rows:auto auto auto;align-items:stretch;gap:12px; } #profileSimulatorMount .official-block{border-radius:12px;padding:14px;box-shadow:0 3px 10px #67492907} #profileSimulatorMount .sim-equipment-panel{width:300px;height:100%;align-self:stretch;justify-self:end;padding:14px} #profileSimulatorMount .sim-hud-stage{flex:1} #profileSimulatorMount .sim-hud-grid{grid-template-columns:repeat(3,44px);justify-content:space-between;row-gap:26px} #profileSimulatorMount .sim-tool-strip{ grid-template-columns:repeat(6,44px);grid-template-rows:44px;justify-content:space-between; height:53px;min-height:53px;gap:0;width:100%;overflow-x:auto;overflow-y:hidden; } #profileSimulatorMount .sim-save-large{margin-top:auto} #profileSimulatorMount .sim-hud-tip{font-size:11px;line-height:1.5;min-height:33px;margin:10px 0 12px} #profileSimulatorMount .sim-life-card,#profileSimulatorMount .sim-crystal-card{height:100%;min-height:0} #profileSimulatorMount .sim-life-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} #profileSimulatorMount .sim-life-tile{align-content:center;gap:6px;padding:10px 6px;border-radius:8px;min-height:80px} #profileSimulatorMount .sim-life-tile>span{font-size:11px;text-transform:none;letter-spacing:0} #profileSimulatorMount .sim-life-tile strong{font-size:12px} #profileSimulatorMount .sim-life-card>.sim-help{margin:12px 0 0;font-size:11px;line-height:1.6} #profileSimulatorMount .sim-crystal-card .sim-block-title{flex-wrap:nowrap;gap:6px} #profileSimulatorMount .sim-crystal-card label{gap:6px} #profileSimulatorMount #simCrystalCapacity{width:44px} #profileSimulatorMount .sim-crystal-grid{margin:auto} #profileSimulatorMount .sim-pet-card{width:100%;height:100%;align-self:stretch;justify-self:stretch} #profileSimulatorMount .sim-pet-card .sim-block-title{justify-content:space-between;gap:4px;margin-bottom:12px} #profileSimulatorMount .sim-pet-slots{flex-wrap:nowrap;justify-content:space-between;gap:0;margin-bottom:9px} #profileSimulatorMount .sim-pet-slot{flex:none} #profileSimulatorMount .sim-pet-slot .sim-hud-slot-art img{width:34px;height:34px;object-fit:contain;border-radius:5px} #profileSimulatorMount .sim-pet-bonuses{display:flex;flex-wrap:wrap;gap:4px} #profileSimulatorMount .sim-pet-bonuses>span{border:1px solid var(--line);border-radius:5px;background:#fcf8ef;padding:3px 6px;color:var(--sim-ink);font-size:11px;line-height:1.35} #profileSimulatorMount .sim-pet-summary{background:var(--guide-olive-soft);padding:6px;border-radius:5px;font-size:11px;line-height:1.4;text-align:left;margin:8px 0} #profileSimulatorMount .sim-pet-specials{display:flex;gap:4px 8px;flex-wrap:wrap;color:var(--sim-ink);font-size:11px;line-height:1.4} #profileSimulatorMount .sim-pet-specials span::before{content:'• ';color:#b89a66} #profileSimulatorMount .sim-pet-save-hint{margin-top:8px;font-size:11px;text-align:left} #profileSimulatorMount .sim-pet-preview{display:flex;align-items:center;gap:10px;padding:8px;background:#fbf6eb;border:1px solid var(--line);border-radius:8px} #profileSimulatorMount .sim-pet-preview>img,#profileSimulatorMount .sim-pet-preview>svg{width:64px;height:64px;object-fit:contain;flex:none} #profileSimulatorMount .sim-pet-preview strong{display:block;font-size:13px} #profileSimulatorMount .sim-pet-preview span{display:block;font-size:11px;line-height:1.4;margin-top:4px} #profileSimulatorMount .sim-auto-label{font-size:10px;color:var(--guide-olive);font-weight:500} #profileSimulatorMount .sim-pet-form select:disabled{opacity:1;color:var(--sim-ink);background:#f4efdf;border-style:dashed;cursor:default} #profileSimulatorMount .sim-buff-card{min-height:0;overflow:hidden} #profileSimulatorMount .sim-buff-card .sim-block-title{margin-bottom:9px} #profileSimulatorMount .sim-buff-tabs{gap:4px;margin:9px 0 8px} #profileSimulatorMount .sim-buff-tab{font-size:11px;min-height:30px;padding:5px 7px} #profileSimulatorMount .sim-buff-list{grid-template-columns:repeat(auto-fill,44px);justify-content:space-between;gap:4px;max-height:144px;padding:3px 1px} #profileSimulatorMount .sim-result-panel{padding:14px;border-top:3px solid #bc954b;min-height:0} #profileSimulatorMount .sim-result-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} #profileSimulatorMount .sim-result-panel-head h4{margin:0;font-size:14px} #profileSimulatorMount .sim-result-body{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px} #profileSimulatorMount .sim-result-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:16px;border-right:1px solid var(--line);padding-right:12px;margin:0} #profileSimulatorMount .sim-result-hero>div{display:grid;gap:4px} #profileSimulatorMount .sim-result-hero strong{font-size:32px;line-height:1.1} #profileSimulatorMount .sim-result-hero #simExp{font-size:24px;color:var(--guide-olive)} #profileSimulatorMount .sim-result-hero span{font-size:11px} #profileSimulatorMount .sim-xp-caption{font-size:11px;color:var(--sim-ink);margin:0 0 5px} #profileSimulatorMount .sim-exp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px} #profileSimulatorMount .sim-exp-grid>div{display:grid;min-width:0;padding:4px 6px;gap:2px;border-radius:5px} #profileSimulatorMount .sim-exp-grid strong{font-size:14px;line-height:1.2} #profileSimulatorMount .sim-exp-grid span{font-size:11px;line-height:1.3;overflow-wrap:anywhere} #profileSimulatorMount .sim-exp-grid .is-active{background:var(--guide-olive-soft);box-shadow:inset 2px 0 var(--guide-olive);color:var(--guide-olive)} #profileSimulatorMount .sim-result-details{font-size:12px;min-height:34px;margin-top:8px;text-align:left} #profileSimulatorMount .sim-market-card{grid-area:market;min-width:0} #profileSimulatorMount .sim-market-card .sim-block-title{justify-content:space-between} #profileSimulatorMount .sim-market-region{background:var(--guide-olive-soft);border:1px solid #bfce96;border-radius:10px;padding:3px 7px;font-size:11px;color:var(--guide-olive);white-space:nowrap} #profileSimulatorMount .sim-market-value{display:grid;gap:4px} #profileSimulatorMount .sim-market-value strong{font-size:clamp(18px,1.75vw,26px);overflow-wrap:anywhere;line-height:1.2;color:var(--brand-brown)} #profileSimulatorMount .sim-market-value span{font-size:11px;color:var(--sim-ink)} #profileSimulatorMount .sim-market-groups{display:grid;gap:5px;margin:12px 0 6px;font-size:11px} #profileSimulatorMount .sim-market-groups>div{display:flex;justify-content:space-between;gap:8px;line-height:1.4} #profileSimulatorMount .sim-market-groups b{font-weight:600;white-space:nowrap} #profileSimulatorMount .sim-market-actions{display:flex;align-items:center;justify-content:space-between;gap:8px} #profileSimulatorMount .sim-market-actions button{margin:0} #profileSimulatorMount #simMarketStatus{font-size:11px;margin:8px 0 0;line-height:1.4} #profileSimulatorMount .sim-market-table{min-width:510px} #profileSimulatorMount .sim-market-table th:not(:first-child),#profileSimulatorMount .sim-market-table td:not(:first-child){text-align:right;white-space:nowrap} #profileSimulatorMount .sim-market-item{display:flex;align-items:center;gap:8px;min-width:170px} #profileSimulatorMount .sim-market-item img{width:32px;height:32px;object-fit:contain;flex:none} #profileSimulatorMount .sim-market-item strong{font-size:12px} #profileSimulatorMount .sim-market-item small{display:block;font-size:11px;margin-top:3px;font-weight:400} @container simulator (max-width:1230px){ #profileSimulatorMount .sim-master-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1fr) 300px;grid-template-areas:"life crystals equipment" "pets buffs equipment" "market result result";grid-template-rows:auto auto auto} #profileSimulatorMount .sim-hud-grid{row-gap:16px} } @container simulator (max-width:940px){ #profileSimulatorMount .sim-master-layout{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"life equipment" "crystals equipment" "pets buffs" "market market" "result result";grid-template-rows:repeat(5,auto)} #profileSimulatorMount .sim-life-card,#profileSimulatorMount .sim-crystal-card{height:auto} #profileSimulatorMount .sim-life-tile{min-height:65px} #profileSimulatorMount .sim-crystal-grid{margin:8px auto} } @container simulator (max-width:620px){ #profileSimulatorMount .sim-master-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"life" "market" "equipment" "pets" "crystals" "buffs" "result";grid-template-rows:repeat(7,auto)} #profileSimulatorMount .sim-equipment-panel{justify-self:center;width:min(300px,100%);height:auto;padding:12px} #profileSimulatorMount .sim-pet-card{height:auto;justify-self:stretch} #profileSimulatorMount .sim-pet-slots{justify-content:flex-start;gap:4px} #profileSimulatorMount .sim-hud-grid{row-gap:16px} #profileSimulatorMount .sim-save-large{margin-top:8px} #profileSimulatorMount .sim-market-value strong{font-size:25px} #profileSimulatorMount .sim-result-body{grid-template-columns:minmax(0,1fr)} #profileSimulatorMount .sim-result-hero{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px} #profileSimulatorMount .sim-result-hero>div{flex:1} } @container simulator (max-width:340px){ #profileSimulatorMount .official-block{padding:10px} #profileSimulatorMount .sim-equipment-panel{padding:10px 8px} #profileSimulatorMount .sim-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #profileSimulatorMount .sim-life-tile>span{font-size:12px} #profileSimulatorMount .sim-market-groups>div{flex-wrap:wrap;gap:2px 8px} #profileSimulatorMount .sim-pet-slots{justify-content:space-between;gap:0} } #profileSimulatorMount .sim-result-title{display:flex;align-items:center;gap:10px} #profileSimulatorMount .sim-result-panel-head{flex-wrap:wrap;margin-bottom:10px;gap:5px 10px} #profileSimulatorMount .sim-result-panel-head .sim-result-details{margin:0;font-size:11px;min-height:30px;padding:0} #profileSimulatorMount .sim-result-hero{border-bottom:0;padding-bottom:0} #profileSimulatorMount .sim-exp-grid{gap:2px 4px} #profileSimulatorMount .sim-exp-grid>div{padding:3px 5px;gap:1px} #profileSimulatorMount .sim-exp-grid strong{font-size:13px} #profileSimulatorMount .sim-warning-list{margin-top:8px} #profileSimulatorMount .sim-warning-list p{font-size:11px;line-height:1.35;margin:4px 0 0} #profileSimulatorMount .sim-pet-bonuses>span{padding:2px 5px} #profileSimulatorMount .sim-pet-summary{padding:4px 6px;margin:7px 0} #profileSimulatorMount .sim-pet-specials{gap:3px 8px;line-height:1.3} #profileSimulatorMount .sim-pet-save-hint{margin:6px 0 0} #profileSimulatorMount .sim-dialog.is-market{width:min(780px,calc(100vw - 24px))} @container simulator (max-width:620px){ #profileSimulatorMount .sim-result-hero{border-bottom:1px solid var(--line);padding-bottom:12px} } /* v1.4.104 — equipment emblem and aligned fishing tools. */ #profileSimulatorMount .sim-tool-strip[data-skill=fishing]{grid-template-columns:repeat(4,44px);justify-content:space-between} #profileSimulatorMount .sim-tool-strip[data-skill=fishing] .sim-tool-slot{width:44px} #profileSimulatorMount .sim-hud-grid::before{ content:"";position:absolute;inset:-5px -7px;z-index:-1;pointer-events:none; border:0;border-radius:0;background:url('assets/simulator-equipment-emblem.svg?v=1.4.104') center/contain no-repeat;opacity:.2; } #profileSimulatorMount .sim-pet-save-state{margin-top:6px} #profileSimulatorMount .sim-pet-save-state button[hidden]{display:none} #profileSimulatorMount .sim-pet-save-state button{margin:6px 0 0;font-size:11px} #profileSimulatorMount .sim-pet-save-hint.is-error{color:#943c29} #profileSimulatorMount .sim-pet-slot:disabled{cursor:wait} #profileSimulatorMount .sim-market-card .sim-block-title{flex-wrap:wrap;gap:5px} /* v1.4.106 — edit → observe → save. Content-sized columns, no global zoom. The compact outcome is independent. The DOM follows the mobile reading order. */ #profileSimulatorMount{--sim-sticky-top:10px;font-size:14px} #profileSimulatorMount .sim-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #profileSimulatorMount[data-workspace] .sim-master-layout{ display:grid;grid-template-columns:minmax(270px,1fr) 300px minmax(300px,1.05fr); grid-template-areas:none;grid-template-rows:none;grid-auto-rows:auto; gap:16px;align-items:start;width:100%;max-width:1140px;margin-inline:auto; } #profileSimulatorMount .sim-workspace-column{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0} #profileSimulatorMount[data-workspace] .official-block{ grid-area:auto;align-self:start;height:auto;min-height:0;max-width:100%;width:100%; flex:0 0 auto;padding:14px;border-radius:12px; } #profileSimulatorMount[data-workspace] .sim-workspace-column>.official-block{align-self:stretch} #profileSimulatorMount[data-workspace] .sim-equipment-panel{padding:12px;width:min(300px,100%);height:auto;align-self:start;justify-self:center} #profileSimulatorMount[data-workspace] .sim-hud-stage{flex:0 0 auto} #profileSimulatorMount[data-workspace] .sim-life-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-auto-rows:auto;flex:none;gap:6px; } #profileSimulatorMount[data-workspace] .sim-life-tile{ display:grid;align-content:center;justify-content:start;gap:3px;min-height:58px; height:auto;padding:8px;border-radius:8px;line-height:1.3;text-align:left; } #profileSimulatorMount[data-workspace] .sim-life-tile>span, #profileSimulatorMount[data-workspace] .sim-life-tile>strong{font-size:14px;line-height:1.3;overflow-wrap:normal;word-break:normal;text-transform:none;letter-spacing:0} #profileSimulatorMount[data-workspace] .sim-life-tile>span{font-weight:650} #profileSimulatorMount[data-workspace] .sim-life-tile>strong{font-weight:400} #profileSimulatorMount .sim-life-card .sim-block-title{justify-content:space-between;flex-wrap:wrap;margin-bottom:10px} #profileSimulatorMount .sim-local-pill,#profileSimulatorMount #simPetCount{font-size:14px;padding:4px 8px} #profileSimulatorMount .sim-profile-subtitle,#profileSimulatorMount .sim-account-line{font-size:14px;line-height:1.5} #profileSimulatorMount .sim-block-title{font-size:16px} #profileSimulatorMount .sim-help,#profileSimulatorMount .sim-warning-list p, #profileSimulatorMount label,#profileSimulatorMount .btn.small, #profileSimulatorMount .sim-equipment-toolbar label, #profileSimulatorMount .sim-equipment-toolbar select,#profileSimulatorMount .sim-equipment-toolbar input, #profileSimulatorMount .sim-buff-tab,#profileSimulatorMount .sim-passive-hint, #profileSimulatorMount .sim-pet-summary,#profileSimulatorMount .sim-pet-save-hint, #profileSimulatorMount .sim-pet-save-state button,#profileSimulatorMount .sim-pet-specials, #profileSimulatorMount .sim-pet-bonuses>span,#profileSimulatorMount .sim-pet-preview span, #profileSimulatorMount .sim-market-value span,#profileSimulatorMount .sim-market-groups, #profileSimulatorMount #simMarketStatus,#profileSimulatorMount .sim-result-details, #profileSimulatorMount .sim-xp-caption,#profileSimulatorMount .sim-exp-grid span, #profileSimulatorMount .sim-result-hero span{font-size:14px;line-height:1.4} #profileSimulatorMount select,#profileSimulatorMount input:not([type=checkbox]){font-size:14px;min-height:40px} #profileSimulatorMount .sim-equipment-toolbar{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 50px;gap:6px} #profileSimulatorMount .sim-equipment-toolbar select,#profileSimulatorMount .sim-equipment-toolbar input{padding:5px;min-height:38px} #profileSimulatorMount .sim-equipment-presets{font-size:14px;min-height:40px;margin-bottom:8px} #profileSimulatorMount .sim-equipment-actions{gap:6px;margin-top:8px;flex-wrap:nowrap} #profileSimulatorMount .sim-equipment-actions .btn{min-height:38px;padding:6px 7px;font-size:14px;line-height:1.3} #profileSimulatorMount .sim-equipment-actions #simImportProfile{flex:1;white-space:normal} #profileSimulatorMount .sim-help-badge{width:32px;height:32px;flex:none;font-size:14px} #profileSimulatorMount .sim-hud-header-official{margin-bottom:10px} #profileSimulatorMount[data-workspace] .sim-hud-grid{ grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:44px 44px 56px 44px 44px; align-items:center;justify-items:center;justify-content:normal;gap:6px 0; width:100%;padding:0;margin:12px 0 0; } #profileSimulatorMount .sim-hud-grid .sim-hud-slot,#profileSimulatorMount .sim-tool-strip .sim-hud-slot{width:44px;height:44px;min-height:44px;padding:4px;align-self:center} #profileSimulatorMount .sim-artifact-group{align-self:center;width:44px;height:44px} /* 17px artwork remains aligned with the artifact. Two 28px targets meet, but never overlap; their artwork is aligned towards the shared boundary. */ #profileSimulatorMount .sim-lightstones{ grid-template-rows:repeat(2,28px);gap:0;top:-6px;left:calc(100% + 2px);right:auto;width:28px;height:56px; } #profileSimulatorMount .slot-artifact1 .sim-lightstones{left:auto;right:calc(100% + 2px)} #profileSimulatorMount .sim-hud-grid .sim-lightstone-slot{ display:flex;align-items:center;justify-content:flex-end;width:28px;height:28px;min-height:28px;padding:0 0 1px; } #profileSimulatorMount .sim-hud-grid .sim-lightstone-slot+ .sim-lightstone-slot{justify-content:flex-start;padding:1px 0 0} #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art{width:17px;height:17px;border-radius:4px} #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art img,#profileSimulatorMount .sim-lightstone-slot .sim-empty-glyph{width:15px;height:15px} #profileSimulatorMount[data-workspace] .sim-tool-strip{ display:flex;flex-wrap:wrap;justify-content:space-between;align-content:start;align-items:center; gap:4px 2px;min-height:0;height:auto;grid-template-rows:none;grid-template-columns:none; width:100%;margin:10px 0 0;padding:8px 0 0;overflow:visible; } #profileSimulatorMount[data-workspace] .sim-tool-strip[hidden]{display:none} #profileSimulatorMount .sim-tool-strip[data-tool-count="1"]{justify-content:center} #profileSimulatorMount .sim-tool-strip .sim-tool-slot{flex:none} #profileSimulatorMount .sim-hud-tip{font-size:14px;line-height:1.4;min-height:0;margin:10px 0 0} #profileSimulatorMount[data-workspace] .sim-save-large{margin:10px 0 0;min-height:44px;font-size:14px;flex:none} #profileSimulatorMount[data-workspace] .sim-crystal-card{display:flex;flex-direction:column;justify-content:flex-start;height:auto} #profileSimulatorMount .sim-crystal-card .sim-block-title{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px} #profileSimulatorMount .sim-crystal-card label{font-size:14px} #profileSimulatorMount #simCrystalCapacity{width:56px;min-height:38px} #profileSimulatorMount[data-workspace] .sim-crystal-grid{width:266.5px;max-width:100%;flex:none;margin:0 auto 4px} #profileSimulatorMount[data-workspace] .sim-crystal-bottom-bar{flex:none;margin:4px auto 0;padding-top:6px} #profileSimulatorMount .sim-crystal-center span{font-size:14px} #profileSimulatorMount .sim-buff-card{overflow:visible} #profileSimulatorMount .sim-buff-tabs{gap:6px;margin:10px 0} #profileSimulatorMount .sim-buff-tab{min-height:38px;padding:7px 9px} #profileSimulatorMount .sim-buff-list{gap:6px;grid-template-columns:repeat(auto-fill,44px);justify-content:start;max-height:220px} #profileSimulatorMount .sim-pet-card .sim-block-title{margin-bottom:10px} #profileSimulatorMount .sim-pet-slots{flex-wrap:wrap;gap:4px;justify-content:space-between} #profileSimulatorMount .sim-pet-bonuses>span{padding:3px 6px} /* Always a separate component: current profession, current totals, breakdown. */ #profileSimulatorMount[data-workspace] .sim-live-result{ position:sticky;top:var(--sim-sticky-top);z-index:12;border-color:#bfcba5;border-top:3px solid var(--guide-olive); background:linear-gradient(180deg,#fffdf8,#f6f3e7);box-shadow:0 4px 14px #4e592519; } #profileSimulatorMount .sim-live-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin-bottom:10px} #profileSimulatorMount .sim-live-head h4{display:flex;flex-wrap:wrap;gap:6px;margin:0;font-size:16px;line-height:1.4;color:var(--brand-brown-dark)} #profileSimulatorMount #simLiveSkill{color:var(--guide-olive-dark);font-weight:500} #profileSimulatorMount .sim-live-details{border:0;border-radius:6px;background:transparent;color:var(--guide-olive-dark);font:inherit;font-size:14px;line-height:1.4;padding:8px 3px;min-height:36px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:left} #profileSimulatorMount .sim-live-values{display:grid;grid-template-columns:1fr 1fr;gap:12px} #profileSimulatorMount .sim-live-values>div{display:flex;flex-direction:column;gap:4px;min-width:0} #profileSimulatorMount .sim-live-values strong{font-size:30px;font-weight:750;line-height:1.1;color:var(--guide-olive-dark);font-variant-numeric:tabular-nums} #profileSimulatorMount .sim-live-values span{font-size:14px;line-height:1.4;color:var(--brand-brown)} #profileSimulatorMount .sim-live-change{margin:10px 0 0;padding-top:8px;border-top:1px solid #c7d1b280;color:var(--brand-brown);font-size:14px;line-height:1.4} #profileSimulatorMount .sim-live-change[hidden]{display:none} #profileSimulatorMount .sim-result-panel>summary,#profileSimulatorMount .sim-market-disclosure>summary{cursor:pointer;font-size:14px;line-height:1.4;min-height:36px;padding:8px 0;color:var(--brand-brown-dark);font-weight:600} #profileSimulatorMount .sim-result-panel>summary{font-size:16px} #profileSimulatorMount .sim-result-expanded{padding-top:10px} #profileSimulatorMount .sim-result-body{grid-template-columns:1fr;gap:14px} #profileSimulatorMount .sim-result-hero{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;gap:12px;margin:0} #profileSimulatorMount .sim-result-panel-head .sim-result-details{font-size:14px;min-height:38px} #profileSimulatorMount .sim-exp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #profileSimulatorMount .sim-exp-grid strong{font-size:16px} #profileSimulatorMount .sim-warning-list{max-height:none} #profileSimulatorMount .sim-market-value strong{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums} #profileSimulatorMount .sim-market-region{font-size:14px} #profileSimulatorMount .sim-market-disclosure{margin-top:8px} #profileSimulatorMount .sim-market-groups{margin:4px 0 10px} #profileSimulatorMount .sim-market-actions{margin-top:8px} #profileSimulatorMount .sim-market-actions button{min-height:38px;font-size:14px} /* Selector controls are sized independently of their original 17px icons. */ #profileSimulatorMount .sim-picker:not(.sim-pet-picker){width:min(360px,calc(100vw - 20px));max-height:min(680px,calc(100dvh - 20px));padding:12px;overflow:hidden} #profileSimulatorMount .sim-picker:not(.sim-pet-picker):popover-open{display:flex;flex-direction:column;gap:0} #profileSimulatorMount .sim-picker-head{flex:none;gap:8px} #profileSimulatorMount .sim-picker-head strong{font-size:16px;line-height:1.3} #profileSimulatorMount .sim-picker-head .sim-help{font-size:14px} #profileSimulatorMount .sim-picker-toolbar{flex:none;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:8px 0;padding:4px} #profileSimulatorMount .sim-picker-toolbar input{grid-column:1/-1;box-sizing:border-box;min-width:0;max-width:100%} #profileSimulatorMount .sim-enhance-control{font-size:14px} #profileSimulatorMount .sim-picker-list{min-height:60px;flex:1 1 auto;max-height:290px;overflow:auto;overscroll-behavior:contain} #profileSimulatorMount .sim-picker-item{min-height:52px;padding:8px;gap:8px} #profileSimulatorMount .sim-picker-copy strong{font-size:14px;line-height:1.4} #profileSimulatorMount .sim-picker-copy small{font-size:12px} #profileSimulatorMount .sim-artifact-stones{flex:none;border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:8px;background:#fcf7ec} #profileSimulatorMount .sim-artifact-stones[hidden],#profileSimulatorMount #simBackArtifact[hidden]{display:none} #profileSimulatorMount .sim-artifact-stones-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;font-size:14px} #profileSimulatorMount .sim-artifact-stones-head .sim-live-details{min-height:32px;padding:4px;font-size:14px} #profileSimulatorMount .sim-artifact-stone-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px} #profileSimulatorMount .sim-artifact-stone-buttons button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:48px;padding:6px;border:1px solid var(--brand-line);border-radius:7px;background:var(--panel);color:var(--brand-brown);font:inherit;font-size:14px;cursor:pointer} #profileSimulatorMount .sim-artifact-stone-buttons button[aria-pressed=true]{background:var(--guide-olive-soft);border-color:var(--guide-olive)} #profileSimulatorMount .sim-artifact-stone-buttons .sim-hud-slot-art{width:17px;height:17px;border-radius:4px} #profileSimulatorMount .sim-artifact-stone-buttons .sim-hud-slot-art img,#profileSimulatorMount .sim-artifact-stone-buttons .sim-empty-glyph{width:15px;height:15px} #profileSimulatorMount .sim-artifact-modes{flex:none;gap:6px;margin:0 0 4px} #profileSimulatorMount .sim-artifact-modes[hidden]{display:none} #profileSimulatorMount .sim-artifact-modes button{font-size:14px;min-height:44px;padding:7px} #profileSimulatorMount .sim-picker-result{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;flex:none;padding-top:10px;margin-top:8px;border-top:1px solid var(--guide-olive-line);background:var(--panel);font-size:14px;line-height:1.4} #profileSimulatorMount .sim-picker-result>div{display:flex;flex-direction:column;min-width:0;gap:3px} #profileSimulatorMount .sim-picker-result strong{font-size:20px;color:var(--guide-olive-dark);font-variant-numeric:tabular-nums} #profileSimulatorMount .sim-picker-result small{font-size:14px;font-weight:400} #profileSimulatorMount .sim-picker-result>button{grid-column:1/-1;min-height:32px;padding:4px 0;justify-self:start} #profileSimulatorMount .sim-pet-form label,#profileSimulatorMount .sim-pet-form legend, #profileSimulatorMount .sim-pet-preview strong,#profileSimulatorMount .sim-pet-guidance{font-size:14px} #profileSimulatorMount .sim-pet-picker .sim-pet-form{min-height:0;overflow:auto} #profileSimulatorMount .sim-dialog{font-size:14px;line-height:1.5} #profileSimulatorMount .sim-dialog h2{font-size:22px} #profileSimulatorMount .sim-calculation-table th,#profileSimulatorMount .sim-calculation-table td{font-size:14px} .sim-item-tooltip.workshop-item-tooltip .workshop-tip-description{font-size:14px!important;line-height:1.45} #profileSimulatorMount[data-workspace=tablet] .sim-master-layout{grid-template-columns:300px minmax(0,1fr);max-width:880px} #profileSimulatorMount[data-workspace=tablet] .sim-master-layout>.sim-life-card, #profileSimulatorMount[data-workspace=tablet] .sim-master-layout>.sim-live-result{grid-column:1/-1} #profileSimulatorMount[data-workspace=tablet] .sim-live-head{margin-bottom:6px} #profileSimulatorMount[data-workspace=tablet] .sim-live-values{grid-template-columns:1fr 1fr} #profileSimulatorMount[data-workspace=mobile] .sim-master-layout{display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px} #profileSimulatorMount[data-workspace=mobile] .sim-master-layout>.official-block{align-self:stretch} #profileSimulatorMount[data-workspace=mobile] .sim-equipment-panel{align-self:center;width:min(300px,100%);padding:12px} #profileSimulatorMount[data-workspace=mobile] .sim-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #profileSimulatorMount[data-workspace=mobile] .sim-live-result{padding:10px 12px} #profileSimulatorMount[data-workspace=mobile] .sim-live-head{margin-bottom:6px;gap:0 8px;flex-wrap:nowrap;align-items:start} #profileSimulatorMount[data-workspace=mobile] .sim-live-head h4{font-size:14px;display:block} #profileSimulatorMount[data-workspace=mobile] #simLiveSkill{display:block} #profileSimulatorMount[data-workspace=mobile] .sim-live-head .sim-live-details{font-size:14px;min-height:44px;max-width:130px;padding:5px 0} #profileSimulatorMount[data-workspace=mobile] .sim-live-values strong{font-size:26px} #profileSimulatorMount[data-workspace=mobile] .sim-live-change{margin-top:6px;padding-top:6px} #profileSimulatorMount[data-workspace=mobile] .sim-crystal-card{padding-inline:10px} #profileSimulatorMount[data-workspace=mobile] .sim-pet-slots{justify-content:space-between} #profileSimulatorMount[data-workspace=mobile] .sim-local-pill{display:inline-block} #profileSimulatorMount[data-workspace=mobile] .sim-profile-head>.sim-local-pill{display:none} @media(max-width:700px),(pointer:coarse){ #profileSimulatorMount select,#profileSimulatorMount input:not([type=checkbox]), #profileSimulatorMount .sim-equipment-toolbar select,#profileSimulatorMount .sim-equipment-toolbar input{font-size:16px;min-height:44px} #profileSimulatorMount .sim-buff-tab,#profileSimulatorMount .sim-result-details,#profileSimulatorMount .sim-market-actions button{min-height:44px} #profileSimulatorMount .sim-picker-head .sim-help{display:none} #profileSimulatorMount .sim-picker:not(.sim-pet-picker){max-height:calc(100dvh - 20px)} #profileSimulatorMount .sim-picker-head strong{font-size:14px} #profileSimulatorMount .sim-picker-result strong{font-size:18px} #profileSimulatorMount .sim-picker-result{padding-top:8px;margin-top:6px} } @media(prefers-reduced-motion:reduce){#profileSimulatorMount *{scroll-behavior:auto!important}} #profileSimulatorMount[data-workspace=mobile] .sim-master-layout>.sim-equipment-panel{align-self:center} /* The global horizontal-clip rule must not create an unscrolled BODY ancestor for sticky results. The change is restricted to the active profile editor. */ body:has(#view-perfil.active #profileSimulatorMount[data-workspace]){overflow-x:clip!important;overflow-y:visible!important} /* The sticky rail spans the workspace, without stretching any of its cards. */ #profileSimulatorMount[data-workspace=desktop] .sim-outcome-column{align-self:stretch} #profileSimulatorMount[data-workspace=tablet] .sim-master-layout button, #profileSimulatorMount[data-workspace=tablet] .sim-master-layout input, #profileSimulatorMount[data-workspace=tablet] .sim-master-layout select, #profileSimulatorMount[data-workspace=mobile] .sim-master-layout button, #profileSimulatorMount[data-workspace=mobile] .sim-master-layout input, #profileSimulatorMount[data-workspace=mobile] .sim-master-layout select{scroll-margin-block-start:180px;scroll-margin-block-end:20px} #profileSimulatorMount .sim-pet-form select,#profileSimulatorMount .sim-pet-form label{font-size:14px} @media(max-width:700px),(pointer:coarse){#profileSimulatorMount .sim-pet-form select{font-size:16px;min-height:44px}} /* Keep the outcome and close action reachable on low-height viewports. */ #profileSimulatorMount .sim-picker-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden} @media(max-height:600px){ #profileSimulatorMount .sim-picker:not(.sim-pet-picker) .sim-picker-head .sim-help{display:none} #profileSimulatorMount .sim-picker-content{overflow-y:auto;overscroll-behavior:contain;padding-right:3px} #profileSimulatorMount .sim-picker-content .sim-picker-list{flex:none;overflow:visible;max-height:none;min-height:90px} #profileSimulatorMount .sim-picker-result{padding-top:6px;margin-top:6px} } /* v1.4.107 preview — illustrated activities and one-line category launchers. */ #profileSimulatorMount{ --sim-activity-art:30px;--sim-shortcut-size:36px;--sim-compact-gap:4px; } #profileSimulatorMount[data-workspace] .sim-master-layout{ grid-template-columns:minmax(310px,1fr) 300px minmax(270px,.95fr);gap:14px;max-width:980px; } #profileSimulatorMount[data-workspace] .sim-life-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} #profileSimulatorMount[data-workspace] .sim-life-tile{ justify-content:stretch;justify-items:center;align-content:center;gap:3px; min-height:88px;padding:6px 3px;text-align:center; } #profileSimulatorMount .sim-activity-glyph{width:var(--sim-activity-art);height:var(--sim-activity-art);display:block;flex:none} #profileSimulatorMount[data-workspace] .sim-life-tile>span{font-size:14px;line-height:18px;font-weight:600;max-width:100%;overflow-wrap:normal} #profileSimulatorMount[data-workspace] .sim-life-tile>strong{font-size:13px;line-height:17px;color:var(--brand-brown);font-variant-numeric:tabular-nums} #profileSimulatorMount .sim-life-tile:focus-visible, #profileSimulatorMount .sim-buff-category:focus-visible, #profileSimulatorMount .sim-level-settings>summary:focus-visible{ outline:2px solid var(--guide-olive-dark);outline-offset:2px; } #profileSimulatorMount .sim-level-settings{margin:0;padding:0;border:0;min-width:0} #profileSimulatorMount .sim-level-settings>summary{ color:var(--brand-brown);cursor:pointer;min-height:30px;line-height:20px;font-size:14px;padding:5px 0; } #profileSimulatorMount .sim-level-settings[open]{margin-bottom:8px} #profileSimulatorMount .sim-level-settings .sim-equipment-toolbar{grid-template-columns:1fr 52px} #profileSimulatorMount .sim-level-settings .sim-equipment-toolbar>label:first-child{display:none} #profileSimulatorMount[data-workspace] .sim-hud-grid{grid-template-columns:repeat(3,40px);justify-content:space-between;grid-template-rows:40px 40px 52px 40px 40px;gap:4px 0;margin-top:8px} #profileSimulatorMount .sim-hud-grid .sim-hud-slot:not(.sim-lightstone-slot){width:40px;height:40px;min-height:40px;padding:2px} #profileSimulatorMount .sim-artifact-group{width:40px;height:40px} #profileSimulatorMount .sim-lightstones{top:-8px} #profileSimulatorMount[data-workspace] .sim-tool-strip{margin-top:8px;padding-top:8px;gap:0;flex-wrap:nowrap} #profileSimulatorMount .sim-tool-strip .sim-hud-slot{width:40px;height:40px;min-height:40px;padding:2px} #profileSimulatorMount .sim-hud-tip{font-size:13px;line-height:18px;margin-top:8px} #profileSimulatorMount[data-workspace] .sim-save-large{min-height:42px;margin-top:8px} #profileSimulatorMount .sim-pet-card .sim-block-title, #profileSimulatorMount .sim-buff-card .sim-block-title{min-height:28px;margin-bottom:6px;flex-wrap:nowrap} #profileSimulatorMount .sim-pet-overview-trigger{min-height:28px;padding:3px 0;font-size:13px} #profileSimulatorMount .sim-pet-slots{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;margin-bottom:0} #profileSimulatorMount .sim-pet-slot{flex:0 0 44px} #profileSimulatorMount .sim-buff-shortcuts{ display:flex;flex-flow:row nowrap;gap:3px;justify-content:space-between;min-width:0; overflow-x:auto;overflow-y:hidden;padding:3px 1px 5px;scrollbar-width:thin; scrollbar-color:var(--brand-line) transparent;overscroll-behavior-x:contain; } #profileSimulatorMount .sim-buff-category{ display:grid;place-items:center;position:relative;flex:0 0 var(--sim-shortcut-size); width:var(--sim-shortcut-size);height:40px;min-height:40px;padding:2px; border:1px solid var(--brand-line);border-radius:7px;background:var(--panel); cursor:pointer;color:var(--brand-brown-dark);transition:background-color 140ms ease,border-color 140ms ease; } #profileSimulatorMount .sim-category-art{display:grid;place-items:center;width:28px;height:28px;pointer-events:none} #profileSimulatorMount .sim-category-art img,#profileSimulatorMount .sim-category-art svg{width:28px;height:28px;object-fit:contain} #profileSimulatorMount .sim-buff-category:hover, #profileSimulatorMount .sim-buff-category[aria-expanded=true], #profileSimulatorMount .sim-buff-category.is-selected{background:var(--guide-olive-soft);border-color:var(--guide-olive)} #profileSimulatorMount .sim-category-count{ position:absolute;right:0;bottom:0;min-width:14px;height:15px;padding-inline:2px; color:#fff;background:var(--guide-olive-dark);border-radius:4px;font-size:11px;line-height:15px;font-weight:700;pointer-events:none; } #profileSimulatorMount #simBuffPicker{width:min(340px,calc(100vw - 20px));max-height:min(520px,calc(100dvh - 20px));padding:12px} #profileSimulatorMount #simBuffPicker:popover-open{display:flex;flex-direction:column;gap:8px} #profileSimulatorMount #simBuffPicker .sim-picker-head{align-items:center;margin:0} #profileSimulatorMount #simBuffPicker .sim-picker-head strong{font-size:16px} #profileSimulatorMount #simBuffSearch{flex:none;width:100%;min-height:40px;font-size:14px;margin:0} #profileSimulatorMount #simBuffSelectionStatus{margin:0;line-height:18px;font-size:13px;flex:none;color:var(--brand-brown)} #profileSimulatorMount #simBuffWindow{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--brand-line) var(--panel);scrollbar-width:thin} #profileSimulatorMount #simBuffPicker .sim-buff-list{grid-template-columns:repeat(auto-fill,44px);gap:6px;max-height:none;overflow:visible;padding:2px} #profileSimulatorMount .sim-buff-empty{grid-column:1/-1;margin:4px 0;line-height:1.5} #profileSimulatorMount #simBuffPicker .sim-picker-result{margin-top:0;flex:none} #profileSimulatorMount #simPetOverview{width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow-y:auto} #profileSimulatorMount #simPetOverview .sim-pet-summary{text-align:left;margin:8px 0;color:var(--guide-olive-dark)} #profileSimulatorMount #simPetOverview .sim-pet-bonuses{display:flex;flex-direction:column;gap:6px;margin:12px 0} #profileSimulatorMount #simPetOverview .sim-pet-bonuses>span{padding:0;border:0;background:transparent;font-size:14px;color:var(--brand-brown-dark)} #profileSimulatorMount #simPetOverview .sim-pet-specials{display:flex;flex-direction:column;gap:6px;font-size:13px} #profileSimulatorMount #simPetOverview .sim-help{margin-bottom:0;font-size:13px;line-height:1.5} #profileSimulatorMount .sim-pet-save-state:not(.sim-sr-only){margin-top:8px} #profileSimulatorMount[data-workspace] .sim-crystal-grid{width:174px;margin:0 auto 2px} #profileSimulatorMount[data-workspace] .sim-crystal-bottom-bar{width:198px;max-width:100%;grid-template-columns:repeat(6,32px);gap:1px;margin-top:4px;padding-top:5px} #profileSimulatorMount .sim-crystal-card .sim-block-title{gap:4px;align-items:center;flex-wrap:nowrap} #profileSimulatorMount .sim-crystal-card label{font-size:12px;gap:4px} #profileSimulatorMount #simCrystalCapacity{min-height:30px;width:48px;font-size:14px} #profileSimulatorMount .sim-crystal-center span{font-size:11px} #profileSimulatorMount .sim-live-values strong{font-size:28px} #profileSimulatorMount .sim-market-actions{margin-top:4px} #profileSimulatorMount .sim-market-disclosure{margin-top:0} #profileSimulatorMount .sim-market-value strong{font-size:24px} #profileSimulatorMount[data-workspace=tablet] .sim-master-layout{grid-template-columns:300px minmax(0,1fr);gap:12px} #profileSimulatorMount[data-workspace=tablet] .sim-life-grid{grid-template-columns:repeat(6,minmax(0,1fr))} #profileSimulatorMount[data-workspace=mobile] .sim-master-layout{display:flex;gap:12px} #profileSimulatorMount[data-workspace=mobile] .sim-life-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #profileSimulatorMount[data-workspace=mobile] .sim-life-tile{min-height:84px} #profileSimulatorMount[data-workspace=mobile] .sim-life-tile>span{font-size:12px;line-height:16px} #profileSimulatorMount[data-workspace=mobile] .sim-life-tile>strong{font-size:12px;line-height:16px} @media(max-width:700px),(pointer:coarse){ #profileSimulatorMount{--sim-shortcut-size:40px} #profileSimulatorMount .sim-buff-shortcuts{justify-content:flex-start;gap:5px} #profileSimulatorMount .sim-buff-category{height:44px;min-height:44px} #profileSimulatorMount #simBuffSearch{font-size:16px;min-height:44px} #profileSimulatorMount .sim-level-settings>summary{min-height:40px;padding:10px 0} } @media(prefers-reduced-motion:reduce){#profileSimulatorMount .sim-buff-category{transition:none}} /* Shared desktop rows: activities/equipment/outcome, then pets/buffs/market. */ #profileSimulatorMount[data-workspace=desktop] .sim-master-layout{ grid-template-areas:"life equipment outcome" "pets buffs market" ". . allresults"; grid-template-rows:auto auto auto;align-items:stretch; } #profileSimulatorMount[data-workspace=desktop] .sim-life-card{grid-area:life;align-self:stretch;height:100%} #profileSimulatorMount[data-workspace=desktop] .sim-pet-card{grid-area:pets;align-self:stretch;height:100%} #profileSimulatorMount[data-workspace=desktop] .sim-equipment-panel{grid-area:equipment;align-self:stretch;height:100%;display:flex;flex-direction:column} #profileSimulatorMount[data-workspace=desktop] .sim-buff-card{grid-area:buffs;align-self:stretch;height:100%} #profileSimulatorMount[data-workspace=desktop] .sim-outcome-column{grid-area:outcome;align-self:stretch} #profileSimulatorMount[data-workspace=desktop] .sim-market-card{grid-area:market;align-self:stretch;height:100%} #profileSimulatorMount[data-workspace=desktop] .sim-result-panel{grid-area:allresults;padding:0 4px;border:0;background:none;box-shadow:none} #profileSimulatorMount[data-workspace=desktop] .sim-equipment-panel .sim-hud-stage{flex:1;display:flex;flex-direction:column} #profileSimulatorMount[data-workspace=desktop] .sim-equipment-panel .sim-save-large{margin-top:auto} #profileSimulatorMount[data-workspace] .sim-crystal-card{padding:10px} #profileSimulatorMount .sim-crystal-card .sim-hud-slot{width:32px;height:32px;min-height:32px;padding:2px} #profileSimulatorMount .sim-crystal-card .sim-hud-slot-art{width:28px;height:28px;min-height:28px;border-radius:5px} #profileSimulatorMount .sim-crystal-card .sim-hud-slot-art img,#profileSimulatorMount .sim-crystal-card .sim-hud-slot-art svg{width:25px;height:25px} #profileSimulatorMount .sim-crystal-center{width:26px;height:26px} #profileSimulatorMount .sim-crystal-center>span{display:none} #profileSimulatorMount .sim-crystal-card .sim-block-title{margin-bottom:4px} #profileSimulatorMount .sim-market-card .sim-block-title{font-size:14px;margin-bottom:5px;align-items:center;gap:8px} #profileSimulatorMount .sim-market-card .sim-market-region{font-size:12px;padding:2px 4px} #profileSimulatorMount .sim-market-card .sim-market-actions{margin-top:2px;align-items:center} #profileSimulatorMount .sim-market-card .sim-market-actions button{font-size:13px;min-height:30px;padding:3px 0} #profileSimulatorMount .sim-market-card .sim-market-actions #simMarketRetry{padding:3px 7px} #profileSimulatorMount .sim-market-card .sim-help{font-size:12px;line-height:16px;margin:6px 0 0} #profileSimulatorMount .sim-market-card #simMarketBreakdown[hidden]{display:none} #profileSimulatorMount .sim-outcome-column>.sim-result-panel{padding:0 4px;border:0;background:none;box-shadow:none} #profileSimulatorMount .sim-outcome-column>.sim-result-panel>summary{font-size:13px;min-height:28px;padding:4px 0;font-weight:500} #profileSimulatorMount[data-workspace=mobile] .sim-life-tile>span{font-size:12px;white-space:nowrap} #profileSimulatorMount[data-workspace] .sim-life-tile>span{letter-spacing:0;font-family:Arial,sans-serif} /* Revision 2: compact equipment height and contain every profession label. */ #profileSimulatorMount[data-workspace] .sim-life-tile>span{ font-family:Arial,sans-serif;font-size:12px;line-height:16px;font-weight:600; display:block;width:100%;min-width:0;max-width:100%;white-space:normal; overflow-wrap:anywhere;word-break:normal;text-align:center;letter-spacing:0; } #profileSimulatorMount[data-workspace] .sim-life-tile>strong{font-size:12px;line-height:16px;max-width:100%;overflow-wrap:anywhere} #profileSimulatorMount[data-workspace=desktop] .sim-hud-header-official{margin-bottom:6px} #profileSimulatorMount[data-workspace=desktop] .sim-equipment-kicker{font-size:16px} #profileSimulatorMount[data-workspace=desktop] .sim-equipment-presets{min-height:34px;height:34px;margin-bottom:4px;font-size:13px} #profileSimulatorMount[data-workspace=desktop] .sim-level-settings>summary{min-height:26px;padding:3px 0;font-size:13px} #profileSimulatorMount[data-workspace=desktop] .sim-hud-grid{grid-template-columns:repeat(3,36px);grid-template-rows:36px 36px 48px 36px 36px;gap:3px 0;margin-top:6px} #profileSimulatorMount[data-workspace=desktop] .sim-hud-grid .sim-hud-slot:not(.sim-lightstone-slot){width:36px;height:36px;min-height:36px;padding:0} #profileSimulatorMount[data-workspace=desktop] .sim-artifact-group{width:36px;height:36px} #profileSimulatorMount[data-workspace=desktop] .sim-lightstones{top:-10px} #profileSimulatorMount[data-workspace=desktop] .sim-tool-strip{margin-top:6px;padding-top:6px} #profileSimulatorMount[data-workspace=desktop] .sim-tool-strip .sim-hud-slot{width:36px;height:36px;min-height:36px;padding:0} #profileSimulatorMount[data-workspace=desktop] .sim-hud-tip{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip-path:inset(50%);white-space:nowrap;border:0; } #profileSimulatorMount[data-workspace=desktop] .sim-save-large{min-height:38px;font-size:13px} #profileSimulatorMount[data-workspace=desktop] .sim-equipment-panel .sim-hud-stage{gap:6px} #profileSimulatorMount[data-workspace=desktop] .sim-outcome-column .sim-crystal-card{flex:1;display:flex;flex-direction:column;justify-content:space-between} #profileSimulatorMount .sim-market-card{ display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr; column-gap:8px;row-gap:4px;align-items:center; } #profileSimulatorMount .sim-market-card .sim-block-title{grid-column:1/-1;margin:0;min-height:28px;font-size:13px} #profileSimulatorMount .sim-market-card .sim-market-value{grid-column:1;grid-row:2;margin:0;min-width:0} #profileSimulatorMount .sim-market-card .sim-market-value strong{font-size:22px;line-height:1.2;overflow-wrap:anywhere} #profileSimulatorMount .sim-market-card .sim-market-actions{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:1px;margin:0;align-items:stretch} #profileSimulatorMount .sim-market-card .sim-market-actions button{min-height:25px;line-height:18px;font-size:12px;padding:3px 7px;text-align:center} #profileSimulatorMount .sim-market-card .sim-market-actions #simMarketRetry{padding:3px 7px} #profileSimulatorMount[data-workspace=desktop] .sim-result-panel>summary{font-size:13px;min-height:28px;padding:4px 0;font-weight:500} /* v1.4.108 — full profession results beside the compact HUD. */ #profileSimulatorMount[data-workspace=desktop][data-full-results=side] .sim-master-layout{ max-width:1260px;grid-template-columns:minmax(300px,1.1fr) 300px minmax(280px,1fr) minmax(240px,.88fr); grid-template-areas:"life equipment outcome allresults" "pets buffs market allresults"; grid-template-rows:auto auto;gap:14px;margin-inline:auto; } #profileSimulatorMount .sim-result-panel #simAllResultsTitle{margin:0;color:var(--brand-brown-dark);font-size:16px;line-height:1.4} #profileSimulatorMount .sim-result-panel .sim-result-title .eyebrow{display:none} #profileSimulatorMount .sim-result-panel .sim-result-panel-head{margin:0 0 10px;gap:4px} #profileSimulatorMount .sim-result-panel .sim-result-panel-head h4{font-size:14px;color:var(--guide-olive-dark);font-weight:500} #profileSimulatorMount .sim-result-panel .sim-result-panel-head .sim-result-details{font-size:12px;min-height:28px;line-height:18px;padding:3px 0} #profileSimulatorMount[data-workspace] #simAllResults{ padding:14px;border:1px solid var(--line);border-radius:12px; background:linear-gradient(180deg,#fffdf8,#f7eedf);box-shadow:none; } #profileSimulatorMount[data-workspace=desktop] #simAllResults{grid-area:allresults;height:100%;align-self:stretch} #profileSimulatorMount #simAllResults .sim-result-expanded{padding-top:12px} #profileSimulatorMount #simAllResults .sim-result-hero{padding-bottom:12px;gap:10px} #profileSimulatorMount #simAllResults .sim-result-hero strong{font-size:24px;line-height:1.15} #profileSimulatorMount #simAllResults .sim-result-hero span{font-size:12px;line-height:1.4} #profileSimulatorMount #simAllResults .sim-xp-caption{margin:0 0 8px;font-size:13px} #profileSimulatorMount #simAllResults .sim-exp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px} #profileSimulatorMount #simAllResults .sim-exp-grid>div{min-height:44px;padding:5px 6px;gap:4px} #profileSimulatorMount #simAllResults .sim-exp-grid strong{font-size:16px;line-height:19px} #profileSimulatorMount #simAllResults .sim-exp-grid span{font-size:12px;line-height:16px;word-break:normal;overflow-wrap:normal} #profileSimulatorMount #simAllResults .sim-exp-grid .is-active{box-shadow:none;border:1px solid #b9c79e} #profileSimulatorMount #simAllResults .sim-warning-list:empty{display:none} #profileSimulatorMount .sim-category-art .sim-buff-category-glyph{width:29px;height:29px} /* Keep long activity names from increasing the compact result card height. */ #profileSimulatorMount #simLiveResult:is([data-skill=sailing],[data-skill=training],[data-skill=processing]) #simLiveTitle{ font-size:14px;line-height:22.4px;flex-wrap:nowrap;white-space:nowrap; } #profileSimulatorMount #simLiveResult:is([data-skill=sailing],[data-skill=training],[data-skill=processing]) .sim-live-values{ grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); } #profileSimulatorMount #simLiveResult:is([data-skill=sailing],[data-skill=training],[data-skill=processing]) #simLiveExpLabel{ font-size:12px;line-height:19.6px;white-space:nowrap; } #profileSimulatorMount[data-workspace=mobile] #simLiveResult:is([data-skill=sailing],[data-skill=training],[data-skill=processing]) #simLiveTitle{line-height:19.6px} #profileSimulatorMount .sim-category-art[data-sim-tooltip-buff]{pointer-events:auto} /* v1.4.110: one activity-label rule; entry disclosure only on mobile. */ #profileSimulatorMount[data-workspace] .sim-life-tile>span{font-family:Arial,sans-serif;font-size:13px;line-height:18px;overflow-wrap:normal;word-break:normal;white-space:normal;letter-spacing:0} #profileSimulatorMount[data-workspace] .sim-life-tile{padding-inline:2px} #profileSimulatorMount .sim-activity-toggle{display:none} #profileSimulatorMount #simAllResults .sim-result-body{display:block} #profileSimulatorMount #simAllResults .sim-xp-caption{font-size:13px;line-height:1.5;margin:12px 0 8px;color:var(--brand-brown)} #profileSimulatorMount .sim-exp-context{display:flex;gap:8px;align-items:baseline;justify-content:space-between;margin:16px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--brand-brown)} #profileSimulatorMount .sim-exp-context strong{font-size:14px;white-space:nowrap} #profileSimulatorMount #simBuffPicker{width:min(440px,calc(100vw - 20px))} #profileSimulatorMount #simBuffPicker .sim-buff-list{grid-template-columns:minmax(0,1fr);gap:6px;justify-content:stretch} #profileSimulatorMount #simBuffPicker .sim-buff-item{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;height:auto;min-height:62px;padding:8px;text-align:left} #profileSimulatorMount #simBuffPicker .sim-buff-item .sim-buff-row-icon{position:static;width:36px;height:36px;flex:none} #profileSimulatorMount #simBuffPicker .sim-buff-check{position:static;grid-column:3;color:var(--guide-olive-dark);background:none;font-size:16px} #profileSimulatorMount .sim-buff-copy{display:flex;flex-direction:column;gap:4px;min-width:0;white-space:normal} #profileSimulatorMount .sim-buff-copy strong{font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere} #profileSimulatorMount .sim-buff-copy small{font-size:12px;line-height:1.5;color:var(--brand-brown)} #profileSimulatorMount .sim-picker-copy small{font-size:12px;line-height:1.5;white-space:normal} #profileSimulatorMount .sim-picker-copy{min-width:0} #profileSimulatorMount[data-workspace=mobile] .sim-life-card>.sim-block-title{display:none} #profileSimulatorMount[data-workspace=mobile] .sim-activity-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;border:0;padding:4px 0;background:none;color:var(--brand-brown-dark);font-family:inherit;font-size:13px;line-height:1.5;text-align:left;cursor:pointer} #profileSimulatorMount[data-workspace=mobile] .sim-activity-toggle strong{font-size:14px} #profileSimulatorMount[data-workspace=mobile] .sim-activity-toggle>span{color:var(--guide-olive-dark);text-decoration:underline;text-underline-offset:3px} #profileSimulatorMount[data-workspace=mobile] .sim-life-card:not(.is-activity-open) #simLifeGrid{display:none} #profileSimulatorMount[data-workspace=mobile] .sim-life-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px} #profileSimulatorMount[data-workspace=mobile] .sim-life-card{height:auto;min-height:0} @media(max-width:700px),(pointer:coarse){#profileSimulatorMount #simBuffSearch{min-height:44px;font-size:16px}} /* v1.4.112 — item rows retain their intrinsic height inside scrolling pickers. */ #profileSimulatorMount #simPickerList.sim-picker-list{display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow-y:auto;overflow-x:hidden;min-height:90px;padding:2px 4px 4px 2px;scrollbar-gutter:stable} #profileSimulatorMount #simPickerList .sim-picker-item{flex:0 0 auto;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;min-height:64px;height:auto;max-height:none;padding:10px 8px;overflow:visible;white-space:normal} #profileSimulatorMount #simPickerList .sim-picker-icon{width:36px;height:36px;min-width:36px;align-self:center} #profileSimulatorMount #simPickerList .sim-picker-icon img{width:32px;height:32px;object-fit:contain} #profileSimulatorMount #simPickerList .sim-picker-copy{display:block;min-width:0;max-width:100%;align-self:center;overflow:visible} #profileSimulatorMount #simPickerList .sim-picker-copy strong{display:block;font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;max-height:none;overflow:visible;text-overflow:clip} #profileSimulatorMount #simPickerList .sim-picker-copy small{display:block;font-size:12px;line-height:1.45;margin-top:4px;white-space:normal;overflow-wrap:anywhere;max-height:none;overflow:visible} #profileSimulatorMount .sim-picker-content>:not(.sim-picker-list){flex-shrink:0} #profileSimulatorMount .sim-artifact-stones button{min-height:44px;gap:8px;min-width:0} #profileSimulatorMount .sim-artifact-stones button>span:last-child{min-width:0;overflow-wrap:anywhere;white-space:normal} @media(max-height:600px){#profileSimulatorMount .sim-picker-content #simPickerList.sim-picker-list{overflow:visible;max-height:none;flex:0 0 auto}}