.t4-vue-app{--t4-bg: #f6f8fb;--t4-panel: #ffffff;--t4-panel-strong: #eef3f8;--t4-border: #d7e0e9;--t4-text: #182230;--t4-muted: #607086;--t4-accent: #1b8f9c;--t4-accent-soft: rgba(27, 143, 156, .14);--t4-node-ring: #64748b;min-height:260px;color:var(--t4-text);font-size:14px}.dark .t4-vue-app{--t4-bg: #0b1016;--t4-panel: #141a22;--t4-panel-strong: #1a222d;--t4-border: #303b49;--t4-text: #edf4fb;--t4-muted: #9baabd;--t4-accent: #39c2cc;--t4-accent-soft: rgba(57, 194, 204, .14);--t4-node-ring: #66768b}.t4-vue-app *,.t4-vue-app *:before,.t4-vue-app *:after{box-sizing:border-box}.t4-vue-app button,.t4-vue-app input{font:inherit}.t4-picker,.t4-simulator{overflow:hidden;border:1px solid var(--t4-border);border-radius:6px;background:var(--t4-panel);box-shadow:0 18px 45px #00000029}.dark .t4-picker,.dark .t4-simulator{border-color:#344354;box-shadow:0 20px 55px #00000052}.t4-picker{background:radial-gradient(circle at 95% 0,var(--t4-accent-soft),transparent 25%),var(--t4-panel)}.t4-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid var(--t4-border);background:color-mix(in srgb,var(--t4-panel-strong) 62%,transparent)}.t4-section-head h2{margin:0}.t4-section-head h2{color:var(--t4-text);font-size:18px;font-weight:500}.t4-section-head>span{color:var(--t4-muted);font-size:13px}.t4-job-grid{display:grid;grid-template-columns:repeat(9,minmax(90px,1fr));gap:14px 8px;margin:0;padding:22px 22px 28px;list-style:none}.t4-job-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;min-height:106px;border-radius:10px;color:var(--t4-muted);text-align:center;text-decoration:none;transition:color .16s ease,background .16s ease,transform .16s ease}.t4-job-card:hover,.t4-job-card:focus-visible{background:var(--t4-accent-soft);color:var(--t4-accent);outline:0;transform:translateY(-2px)}.t4-job-card:hover .t4-job-card__symbol,.t4-job-card:focus-visible .t4-job-card__symbol{border-color:var(--t4-accent);box-shadow:0 0 0 4px var(--t4-accent-soft),0 10px 24px #0003}.t4-job-card__symbol{display:grid;width:72px;height:72px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--t4-accent) 40%,var(--t4-border));border-radius:50%;background:#1e3c57;transition:border-color .16s ease,box-shadow .16s ease}.t4-job-card__symbol img{width:64px;height:64px;object-fit:contain}.t4-loading{display:flex;min-height:360px;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid var(--t4-border);border-radius:12px;background:color-mix(in srgb,var(--t4-panel) 92%,transparent)}.t4-loading__spinner{width:44px;height:44px;border:3px solid var(--t4-border);border-top-color:var(--t4-accent);border-radius:50%;animation:t4-spin .75s linear infinite}.t4-loading strong{font-size:15px;font-weight:500}.t4-loading small{color:var(--t4-muted);font-size:12px}@keyframes t4-spin{to{transform:rotate(360deg)}}.t4-state-card{display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px solid #a84f50;border-radius:10px;background:#a84f5017}.t4-state-card__icon{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;background:#a84f50;color:#fff}.t4-state-card h2,.t4-state-card p{margin:0}.t4-state-card h2{font-size:17px;font-weight:500}.t4-state-card p{margin-top:5px;color:var(--t4-muted)}.t4-state-card button{margin-top:14px;padding:7px 14px;border:1px solid var(--t4-border);border-radius:6px;background:var(--t4-panel);color:var(--t4-text);cursor:pointer}.t4-page-tabs{display:flex;gap:6px;padding:12px 14px 0;border-bottom:1px solid var(--t4-border);background:color-mix(in srgb,var(--t4-panel) 88%,var(--t4-bg))}.t4-page-tabs button{display:flex;min-width:118px;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:transparent;color:var(--t4-muted);cursor:pointer}.t4-page-tabs button span{min-width:22px;padding:1px 6px;border-radius:10px;background:var(--t4-panel-strong);font-size:12px}.t4-page-tabs button.active{border-color:var(--t4-border);background:var(--t4-panel);color:var(--t4-accent)}.t4-simulator-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid var(--t4-border);background:var(--t4-panel-strong)}.t4-simulator-head__job{display:flex;align-items:center;gap:12px}.t4-simulator-head__eyebrow{color:var(--t4-accent);font-size:12px}.t4-simulator-head h2{margin:0;font-size:17px;font-weight:500}.t4-simulator-head a,.t4-simulator-head button{padding:6px 11px;border:1px solid var(--t4-border);border-radius:6px;background:var(--t4-panel);color:var(--t4-muted);font-size:12px;text-decoration:none;cursor:pointer}.t4-simulator-head a:hover,.t4-simulator-head button:hover{color:var(--t4-accent)}.t4-simulator-head__points{display:flex;align-items:baseline;gap:6px}.t4-simulator-head__points>span{color:var(--t4-muted);font-size:12px}.t4-simulator-head__points strong{color:var(--t4-accent);font-size:21px;font-weight:500}.t4-simulator-head__points small{color:var(--t4-muted);font-size:12px}.t4-simulator-head__points button{margin-left:8px}.t4-tree-scroll{overflow-x:auto;background:radial-gradient(circle at 70% 18%,var(--t4-accent-soft),transparent 34%),linear-gradient(145deg,var(--t4-bg),color-mix(in srgb,var(--t4-panel) 85%,#06131d));scrollbar-color:var(--t4-border) transparent}.t4-tree{position:relative;min-width:860px;padding:18px 18px 28px}.t4-tier-row{position:relative;z-index:2;display:grid;min-height:154px;grid-template-columns:112px minmax(720px,1fr);align-items:center}.t4-tier-badge{display:flex;align-items:center;flex-direction:column;gap:7px}.t4-tier-badge__art{display:block;width:90px;height:92px;background-image:url(/tools/t4/images/tier_sprite.webp);background-repeat:no-repeat;background-position:var(--tier-x) 0;background-size:540px 368px;filter:drop-shadow(0 7px 7px rgba(0,0,0,.45))}.t4-tier-badge.active.page-1 .t4-tier-badge__art{background-position-y:-92px}.t4-tier-badge.active.page-2 .t4-tier-badge__art{background-position-y:-184px}.t4-tier-badge.active.page-3 .t4-tier-badge__art{background-position-y:-276px}.t4-tier-badge small{min-width:46px;padding:2px 7px;border-radius:10px;background:#05080c;color:#dce8f5;text-align:center;font-size:12px}.t4-tier-nodes{display:grid;grid-template-columns:repeat(var(--t4-columns),minmax(92px,1fr));align-items:center;justify-items:center}.t4-tree-lines{position:absolute;z-index:1;top:18px;right:18px;bottom:28px;left:130px;width:calc(100% - 148px);height:calc(100% - 46px);pointer-events:none}.t4-tree-lines line{stroke:#445264;stroke-width:3;vector-effect:non-scaling-stroke}.t4-tree-lines line.active{stroke:var(--t4-accent);filter:drop-shadow(0 0 5px var(--t4-accent))}.t4-node{position:relative;display:flex;width:88px;height:116px;align-items:center;flex-direction:column;gap:4px;padding:5px 4px;border:0;outline:0;background:transparent;color:var(--t4-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.t4-node__icon{display:grid;width:70px;height:70px;place-items:center;overflow:hidden;border:3px solid #58677a;border-radius:50%;background:#080d13;box-shadow:inset 0 0 0 3px #171f2a,0 5px 12px #0006;transition:border-color .15s ease,filter .15s ease,transform .15s ease}.t4-node__icon img{width:58px;height:58px;border-radius:50%;object-fit:cover;filter:grayscale(.78) brightness(.62);transition:filter .15s ease}.t4-node strong,.t4-node small{border-radius:10px;background:#05080c;color:#dbe8f6;font-size:12px;font-weight:400;line-height:19px}.t4-node strong{min-width:34px;margin-top:-8px;padding:0 6px}.t4-node small{padding:0 6px;white-space:nowrap}.t4-node:hover .t4-node__icon,.t4-node:focus-visible .t4-node__icon,.t4-node.selected .t4-node__icon{border-color:var(--t4-accent);transform:translateY(-2px)}.t4-node.active .t4-node__icon{border-color:var(--t4-accent);filter:drop-shadow(0 0 8px var(--t4-accent))}.t4-node.active .t4-node__icon img{filter:none}.t4-node.active strong{color:#65f0fa}.t4-tooltip{position:fixed;z-index:1100;display:flex;width:370px;max-height:min(520px,calc(100vh - 16px));overflow:hidden;flex-direction:column;border:1px solid #526276;border-radius:8px;background:#101720;box-shadow:0 18px 48px #00000085;color:#eaf2fb}.t4-tooltip:not(.is-mobile){pointer-events:none}.t4-tooltip:not(.is-mobile) .t4-tooltip__controls,.t4-tooltip:not(.is-mobile) .t4-tooltip__head>button{display:none}.t4-tooltip__head{display:grid;grid-template-columns:64px 1fr 30px;gap:12px;align-items:center;padding:15px;border-bottom:1px solid #334154;background:linear-gradient(120deg,rgba(50,126,151,.23),transparent 70%)}.t4-tooltip__head>img{width:64px;height:64px;border:1px solid #518fb1;border-radius:5px}.t4-tooltip__head span,.t4-tooltip__head p{color:#86dbe3;font-size:12px}.t4-tooltip__head h3,.t4-tooltip__head p{margin:0}.t4-tooltip__head h3{margin:4px 0;color:#b998ff;font-size:18px;font-weight:500}.t4-tooltip__head>button{align-self:start;border:0;background:transparent;color:#aab7c7;font-size:24px;cursor:pointer}.t4-tooltip__body{overflow-y:auto;padding:15px}.t4-tooltip__description{color:#dce6f1;font-size:14px;line-height:1.65}.t4-tooltip__conditions{margin-top:14px;padding-top:12px;border-top:1px solid #2f3b4b}.t4-tooltip__conditions h4,.t4-tooltip__conditions p{margin:0}.t4-tooltip__conditions h4{margin-bottom:6px;color:#71bfff;font-size:13px;font-weight:500}.t4-tooltip__conditions p{color:#bdc9d8;font-size:12px;line-height:1.65}.t4-tooltip__conditions.is-exclusive h4{color:#ef9d9d}.t4-tooltip__controls{display:grid;grid-template-columns:repeat(2,1fr) 54px repeat(2,1fr);gap:6px;padding:10px 12px;border-top:1px solid #334154;background:#0a1017}.t4-tooltip__controls button{min-height:36px;border:1px solid #3b4a5d;border-radius:5px;background:#182330;color:#dce8f4;cursor:pointer}.t4-tooltip__controls button:hover{border-color:#43b6c1;color:#6fe8f0}.t4-tooltip__controls span{display:grid;place-items:center;color:#70e6ee;font-size:12px}.t4-tooltip__id{padding:0 14px 10px;background:#0a1017;color:#6f7f92;font-size:12px}.t4-notice{position:fixed;z-index:1300;top:50%;bottom:auto;left:50%;display:flex;width:max-content;min-width:320px;max-width:min(520px,calc(100vw - 32px));align-items:center;justify-content:center;gap:10px;padding:15px 22px;border:1px solid #f0a24b;border-radius:9px;background:#2b1a0c;box-shadow:0 18px 55px #000000ad,0 0 0 4px #f0a24b21;color:#ffe4bd;font-size:14px;font-weight:500;line-height:1.5;text-align:center;transform:translate(-50%,-50%)}.t4-notice:before{content:"!";display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:50%;background:#f0a24b;color:#241407;font-size:16px;font-weight:600}.t4-toast-enter-active,.t4-toast-leave-active{transition:opacity .18s ease,transform .18s ease}.t4-toast-enter-from,.t4-toast-leave-to{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.96)}.t4-drawer-backdrop{display:none}@media (max-width: 1100px){.t4-job-grid{grid-template-columns:repeat(7,minmax(86px,1fr))}}@media (max-width: 768px){.t4-picker,.t4-simulator{border-radius:5px}.t4-section-head{padding:16px}.t4-section-head h2{font-size:18px}.t4-job-grid{grid-template-columns:repeat(3,minmax(82px,1fr));gap:10px 4px;padding:18px 10px 24px}.t4-job-card{font-size:13px}.t4-job-card__symbol{width:64px;height:64px}.t4-job-card__symbol img{width:58px;height:58px}.t4-page-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 8px 0}.t4-page-tabs button{min-width:0;padding:10px 6px}.t4-simulator-head{align-items:flex-start;padding:12px}.t4-simulator-head__job{align-items:flex-start;flex-direction:column;gap:4px}.t4-simulator-head__points{flex-wrap:wrap;justify-content:flex-end}.t4-simulator-head__points>span{width:100%;text-align:right}.t4-tree{min-width:780px;padding-left:8px}.t4-tier-row{grid-template-columns:96px minmax(680px,1fr)}.t4-tier-badge__art{width:76px;height:78px;background-position-x:var(--tier-mobile-x);background-size:456px 312px}.t4-tier-badge.active.page-1 .t4-tier-badge__art{background-position-y:-78px}.t4-tier-badge.active.page-2 .t4-tier-badge__art{background-position-y:-156px}.t4-tier-badge.active.page-3 .t4-tier-badge__art{background-position-y:-234px}.t4-tree-lines{left:104px;width:calc(100% - 122px)}.t4-drawer-backdrop{position:fixed;z-index:1090;top:0;right:0;bottom:0;left:0;display:block;background:#00000094}.t4-tooltip.is-mobile{top:auto!important;right:0;bottom:0;left:0!important;width:100%;max-height:min(76vh,620px);border-width:1px 0 0;border-radius:14px 14px 0 0}.t4-tooltip.is-mobile:before{content:"";width:42px;height:4px;margin:8px auto 0;border-radius:2px;background:#536273}.t4-tooltip__controls{padding-bottom:max(12px,env(safe-area-inset-bottom))}.t4-notice{min-width:0;padding:13px 16px}}