@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{--ui-scale:.8;color:#e7eaf0;font-synthesis:none;background:#0d1015;font-family:Inter,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-width:calc(1180px / var(--ui-scale));margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app{width:calc(100vw / var(--ui-scale));height:calc(100vh / var(--ui-scale));zoom:var(--ui-scale);background:#0d1015;grid-template-rows:58px 72px minmax(0,1fr) 42px;display:grid;position:relative}.app-header{background:#161a21;border-bottom:1px solid #292e37;grid-template-columns:270px 220px minmax(220px,1fr) auto;align-items:center;gap:18px;padding:0 18px;display:grid}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7c65e8,#5b48c6);border-radius:7px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.brand div{flex-direction:column;gap:2px;display:flex}.brand strong{font-size:13px}.brand small{color:#747d8c;font-size:9px}.content-path{align-items:center;gap:7px;display:flex}.content-path button{color:#8992a1;cursor:pointer;background:0 0;border:0;padding:5px;font-size:11px}.content-path button:hover,.content-path .current{color:#eceef4}.content-path span{color:#454c58;font-size:10px}.team-switcher{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.team-switcher small{color:#626c7b;letter-spacing:.12em;font-size:7px}.team-switcher select{color:#d8dce4;background:#20252e;border:1px solid #353c48;border-radius:6px;min-width:0;height:32px;padding:0 9px;font-size:10px}.plan-switcher{grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;gap:7px;min-width:0;display:grid}.plan-switcher small{color:#626c7b;letter-spacing:.12em;font-size:7px}.plan-switcher select{color:#d8dce4;background:#20252e;border:1px solid #353c48;border-radius:6px;min-width:0;height:32px;padding:0 9px;font-size:10px}.plan-switcher button{color:#c4baed;cursor:pointer;background:#29263c;border:1px solid #5d527f;border-radius:6px;width:30px;height:30px}.plan-switcher button:disabled{opacity:.45;cursor:default}.header-actions{align-items:center;gap:8px;display:flex}.header-actions button,.view-actions button{cursor:pointer;background:#20252e;border:1px solid #353c48;border-radius:6px;padding:7px 11px;font-size:10px}.header-actions button:hover,.view-actions button:hover{background:#292f3a}.header-actions .accent-button{background:#6753d2;border-color:#7662dc}.header-actions button.active{color:#eeeaff;background:#393259;border-color:#806de0}.saved{color:#6fbb92;margin-right:7px;font-size:9px}.save-error{color:#d47f7f;margin-right:7px;font-size:9px}.detailed-settings{z-index:150;background:#0f1319;grid-template-columns:220px minmax(0,1fr);display:grid;position:absolute;inset:58px 0 0}.settings-navigation{background:#151920;border-right:1px solid #2c323c;flex-direction:column;gap:5px;padding:24px 14px;display:flex}.settings-navigation>div{flex-direction:column;gap:4px;margin:0 8px 24px;display:flex}.settings-navigation strong{color:#727c8b;letter-spacing:.16em;font-size:9px}.settings-navigation small{color:#dce0e7;font-size:15px;font-weight:600}.settings-navigation button{color:#7d8796;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:11px 12px;font-size:10px}.settings-navigation button:hover{color:#c8ced8;background:#1e232c}.settings-navigation button.active{color:#d5cdf6;background:#29273c;box-shadow:inset 2px 0 #826ee4}.settings-content{min-width:0;padding:28px 34px;overflow:auto}.settings-content>header{border-bottom:1px solid #292f38;justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}.settings-content>header small{color:#626c7b;letter-spacing:.14em;font-size:8px}.settings-content h1{margin:5px 0 0;font-size:20px}.settings-content>header button{color:#8993a2;cursor:pointer;background:#1c2129;border:1px solid #343b47;border-radius:6px;padding:7px 12px;font-size:9px}.settings-page{max-width:880px;padding-top:24px}.settings-page>p{color:#7e8897;margin:0 0 20px;font-size:10px}.settings-card{background:#171c23;border:1px solid #2d343f;border-radius:8px;padding:18px}.settings-card h2{margin:0 0 8px;font-size:12px}.settings-card>span{color:#7d8795;font-size:9px;line-height:1.7}.account-settings-page{max-width:680px}.account-profile-card{padding:0;overflow:hidden}.account-profile-card>header{background:#1a1f27;border-bottom:1px solid #2d343f;align-items:center;gap:12px;padding:16px 18px;display:flex}.account-avatar{color:#fff;background:linear-gradient(145deg,#806be6,#5645b9);border-radius:9px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:grid}.account-profile-card>header small{color:#6d7786;letter-spacing:.12em;font-size:7px}.account-profile-card>header h2{margin:4px 0 0;font-size:13px}.account-profile-card form{flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.account-profile-card label{color:#a4adba;flex-direction:column;gap:7px;width:min(420px,100%);font-size:9px;display:flex}.account-profile-card input{color:#e0e4eb;background:#10151b;border:1px solid #343c48;border-radius:6px;outline:none;height:36px;padding:0 10px}.account-profile-card input:focus{border-color:#7967d6}.account-profile-card form>small{color:#697382;font-size:8px}.account-message{color:#9e93da;margin:0;font-size:8px}.account-save-button,.account-session-card button{color:#f0edff;cursor:pointer;background:#6753d2;border:1px solid #7662dc;border-radius:6px;padding:8px 13px;font-size:9px}.account-save-button:disabled{opacity:.6;cursor:wait}.account-session-card{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.account-session-card h2{margin:0 0 5px}.account-session-card span{color:#737d8b;font-size:8px}.account-session-card button{color:#c5cbd4;background:#232932;border-color:#4b515d}.workspace-team-page{max-width:680px}.workspace-team-list{gap:7px;margin-bottom:12px;display:grid}.workspace-team-list button{color:#cbd1d9;text-align:left;cursor:pointer;background:#171c23;border:1px solid #303742;border-radius:7px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.workspace-team-list button.active{background:#222033;border-color:#7462cc;box-shadow:inset 2px 0 #806ddd}.workspace-team-list button>span{flex-direction:column;gap:4px;display:flex}.workspace-team-list b{font-size:10px}.workspace-team-list small{color:#687281;font-size:8px}.workspace-team-list i{color:#929baa;background:#2b3039;border-radius:9px;padding:3px 7px;font-size:7px;font-style:normal}.create-team-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px;display:grid}.create-team-form label{color:#8e98a7;flex-direction:column;gap:6px;font-size:8px;display:flex}.create-team-form input{color:#e0e4eb;background:#10151b;border:1px solid #343c48;border-radius:6px;height:34px;padding:0 10px}.create-team-form button{cursor:pointer;background:#6753d2;border:1px solid #7662dc;border-radius:6px;align-self:end;height:34px;padding:0 13px;font-size:9px}.create-team-form p{color:#9e93da;grid-column:1/-1;margin:0;font-size:8px}.team-error{border-left:2px solid #c86666;padding-left:8px;color:#d58b8b!important}.team-message{border-left:2px solid #806de0;padding-left:8px;color:#a99ce6!important}.team-details-card,.member-card,.invite-card{margin-bottom:12px}.team-details-card>small{color:#6c7685;letter-spacing:.12em;font-size:7px}.team-details-card form{align-items:end;gap:8px;margin-top:10px;display:flex}.team-details-card label{color:#8e98a7;flex-direction:column;flex:1;gap:6px;min-width:0;font-size:8px;display:flex}.team-details-card input,.invite-card input,.invite-card select{color:#e0e4eb;background:#10151b;border:1px solid #343c48;border-radius:6px;height:34px;padding:0 10px}.team-details-card input:disabled{color:#7c8592}.team-details-card button,.invite-card button,.candidate-list button{cursor:pointer;background:#6753d2;border:1px solid #7662dc;border-radius:6px;height:34px;padding:0 13px;font-size:9px}.team-details-card button:disabled,.invite-card button:disabled,.candidate-list button:disabled{opacity:.5;cursor:default}.member-list{border-top:1px solid #2d343f;margin-top:10px}.member-list>div{border-bottom:1px solid #292f38;grid-template-columns:34px minmax(110px,1fr) 150px 100px auto;align-items:center;gap:9px;min-height:52px;display:grid}.member-avatar{color:#d8d1f5;background:#393259;border-radius:6px;place-items:center;width:26px;height:26px;font-size:9px;font-weight:700;display:grid}.member-avatar.has-job{background:#242a33;width:32px;height:32px;overflow:hidden}.member-avatar img{object-fit:contain;width:100%;height:100%}.member-list b{font-size:9px}.member-list small{color:#788291;font-size:8px}.member-name{flex-direction:column;gap:3px;display:flex}.member-list select{color:#cbd1d9;background:#10151b;border:1px solid #343c48;border-radius:5px;height:28px;padding:0 6px;font-size:8px}.member-list .member-job-select{width:150px}.member-remove{color:#d19aa6;cursor:pointer;background:#2b2025;border:1px solid #584047;border-radius:5px;padding:6px 8px;font-size:8px}.invite-card>p{color:#737d8b;margin:0 0 10px;font-size:8px}.invite-card form{grid-template-columns:minmax(0,1fr) 90px auto;gap:7px;display:grid}.invite-card select{padding:0 7px}.candidate-list{border-top:1px solid #2d343f;margin-top:10px}.candidate-list>div{border-bottom:1px solid #292f38;justify-content:space-between;align-items:center;min-height:48px;display:flex}.candidate-list span{flex-direction:column;gap:3px;display:flex}.candidate-list b{font-size:9px}.candidate-list small{color:#687281;font-size:7px}.candidate-list button{height:28px}.settings-team-page{max-width:920px}.new-team-card{color:#cbd1da;text-align:left;cursor:pointer;background:#171c23;border:1px dashed #484f5c;border-radius:8px;align-items:center;gap:12px;width:100%;height:58px;margin-bottom:12px;padding:0 16px;display:flex}.new-team-card:hover{background:#1d2130;border-color:#7665cf}.new-team-card>span{color:#bdb2ed;background:#29263c;border-radius:6px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.new-team-card div{flex-direction:column;gap:4px;display:flex}.new-team-card b{font-size:10px}.new-team-card small{color:#6e7887;font-size:8px}.team-editor{padding:0;overflow:hidden}.team-editor>header{background:#1a1f27;border-bottom:1px solid #2d343f;justify-content:space-between;align-items:center;height:68px;padding:0 16px;display:flex}.team-editor>header label{flex-direction:column;gap:5px;display:flex}.team-editor>header small{color:#667181;letter-spacing:.12em;font-size:7px}.team-editor>header input{color:#e0e4eb;background:0 0;border:0;border-bottom:1px solid #414956;outline:none;width:260px;padding:3px 0 5px;font-size:13px}.team-editor>header input:focus{border-bottom-color:#806cdd}.team-editor>header>span,.team-editor>footer>span{color:#687382;font-size:8px}.team-member-grid{background:#2b313b;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.team-member{background:#171c23;grid-template-columns:30px 34px minmax(90px,1fr) 132px;align-items:center;gap:9px;min-width:0;height:64px;padding:8px 12px;display:grid}.team-member>img{object-fit:contain;width:32px;height:32px}.team-slot{color:#9fa8b6;background:#242a34;border-radius:4px;place-items:center;width:28px;height:24px;font-size:9px;font-weight:700;display:grid}.team-member-info{flex-direction:column;gap:3px;min-width:0;display:flex}.team-member-info b{color:#d6dbe3;font-size:10px}.team-member-info small{color:#626d7c;font-size:7px}.team-member select{color:#abb4c1;background:#20262f;border:1px solid #343c48;border-radius:5px;min-width:0;height:30px;padding:0 7px;font-size:9px}.team-editor>footer{background:#191e25;border-top:1px solid #2d343f;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex}.team-editor>footer>div{align-items:center;gap:8px;display:flex}.team-editor>footer button{color:#eeeaff;cursor:pointer;background:#6753d2;border:1px solid #7362cf;border-radius:5px;height:32px;padding:0 14px}.team-editor>footer button:hover{background:#745fdf}.team-editor>footer .team-save-button{color:#c1c8d2;background:#252b34;border-color:#414955}.team-editor>footer .team-save-button:hover{background:#303742}.saved-teams{margin-top:20px}.saved-teams>header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.saved-teams h2{color:#cdd2da;margin:0;font-size:11px}.saved-teams>header small{color:#616b79;letter-spacing:.1em;font-size:7px}.saved-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.saved-team-grid>button{color:#cbd1d9;text-align:left;cursor:pointer;background:#171c23;border:1px solid #303742;border-radius:7px;flex-direction:column;justify-content:space-between;min-width:0;height:76px;padding:11px 12px;display:flex}.saved-team-grid>button:hover{background:#1c212a;border-color:#514a78}.saved-team-grid>button.active{background:#222033;border-color:#7462cc;box-shadow:inset 2px 0 #806ddd}.saved-team-grid>button>span:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.saved-team-grid b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.saved-team-grid small{color:#626c7a;flex:none;font-size:7px}.saved-team-icons{align-items:center;gap:5px;display:flex}.saved-team-icons i{background:#242a33;border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.saved-team-icons img{object-fit:contain;width:21px;height:21px}.empty-teams{color:#65707f;border:1px dashed #343b46;border-radius:7px;place-items:center;height:70px;font-size:9px;display:grid}.settings-skills-page{max-width:none}.settings-role-grid{flex-direction:column;gap:18px;display:flex}.settings-role-section{background:#151a21;border:1px solid #2d343f;border-radius:8px;overflow:hidden}.settings-role-section>header{background:#1a1f27;border-bottom:1px solid #2c323c;justify-content:space-between;align-items:center;height:42px;padding:0 13px;display:flex}.settings-role-section>header div{align-items:center;gap:8px;display:flex}.settings-role-section>header i{background:#527fc5;border-radius:50%;width:7px;height:7px}.settings-role-section.role-healer>header i{background:#52a876}.settings-role-section.role-melee>header i{background:#c85a63}.settings-role-section.role-physical-ranged>header i{background:#d18a48}.settings-role-section.role-magical-ranged>header i{background:#a15d9f}.settings-role-section h2{color:#cfd4dc;letter-spacing:.04em;margin:0;font-size:10px}.settings-role-section>header small{color:#596372;font-size:7px}.settings-role-jobs{background:#292f38;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.settings-role-section.role-melee .settings-role-jobs,.settings-role-section.role-physical-ranged .settings-role-jobs{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-role-jobs button{color:#c9ced7;text-align:left;cursor:pointer;background:#181d24;border:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;height:52px;padding:7px 10px;display:grid}.settings-role-jobs button:hover{background:#20262f}.settings-role-jobs button.active{background:#28253b;box-shadow:inset 2px 0 #806be1}.settings-role-jobs button>img{object-fit:contain;width:28px;height:28px}.settings-role-jobs button>span:not(.job-category-counts){flex-direction:column;gap:3px;min-width:0;display:flex}.settings-role-jobs b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.settings-role-jobs small{color:#687282;font-size:7px}.job-category-counts{align-items:center;gap:3px;display:flex}.job-category-counts i{color:#ab9be8;background:#8069d32b;border-radius:8px;place-items:center;min-width:15px;height:15px;font-size:6px;font-style:normal;display:grid}.job-category-counts i.barrier{color:#7bc3df;background:#5ba8c82b}.job-category-counts i.heal{color:#83d2a7;background:#62b98a2b}.job-category-counts i.buff{color:#e6c37c;background:#d6a8572b}.skill-order-preview{background:#12171d;border-top:1px solid #3a414d}.skill-order-preview>header{border-bottom:1px solid #2c323c;justify-content:space-between;align-items:center;min-height:56px;padding:10px 14px;display:flex}.skill-order-preview>header>div{align-items:center;gap:10px;display:flex}.skill-order-preview>header img{object-fit:contain;width:34px;height:34px}.skill-order-preview>header span{flex-direction:column;gap:2px;display:flex}.skill-order-preview>header small{color:#626c7b;letter-spacing:.12em;font-size:7px}.skill-order-preview h2{margin:0;font-size:12px}.skill-order-preview>header p{color:#697382;margin:0;font-size:8px}.skill-order-scroll{min-width:0;position:relative}.skill-order-scroll.has-overflow{grid-template-columns:34px minmax(0,1fr) 34px;display:grid}.skill-order-items{scrollbar-color:#4b5565 #171c23;scrollbar-width:thin;background:#292f38;grid-auto-columns:calc(10% - .9px);grid-auto-flow:column;gap:1px;display:grid;overflow:auto hidden}.skill-order-nav{z-index:3;color:#b6bfcc;cursor:pointer;background:linear-gradient(90deg,#202630,#292f3a);border:0;width:34px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1}.skill-order-next{border-left:1px solid #3a424f;position:relative}.skill-order-back{border-right:1px solid #3a424f;position:relative}.skill-order-next:hover,.skill-order-back:hover{color:#fff;background:#333b48}.skill-order-nav:disabled{color:#596270;cursor:default;opacity:.55}.skill-order-items>div{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#181d24;grid-template-columns:18px 30px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:58px;padding:8px;transition:opacity .12s,background-color .12s,box-shadow .12s;display:grid}.skill-order-items>div:active{cursor:grabbing}.skill-order-items>div.dragging{opacity:.35}.skill-order-items>div.drop-target{background:#29263e;box-shadow:inset 2px 0 #8b76ed}.skill-order-items>div>img{border-radius:5px;width:28px;height:28px}.skill-order-items b{color:#c8ced7;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.order-number{color:#596372;text-align:center;font-size:7px}.order-categories{grid-column:3;gap:3px;display:flex}.order-categories i{color:#ab9be8;background:#8069d32b;border-radius:6px;padding:1px 4px;font-size:6px;font-style:normal}.order-categories i.barrier{color:#7bc3df;background:#5ba8c82b}.order-categories i.heal{color:#83d2a7;background:#62b98a2b}.order-categories i.buff{color:#e6c37c;background:#d6a8572b}.sheet-toolbar{background:#12161c;border-bottom:1px solid #292e37;grid-template-columns:270px auto 1fr auto;align-items:center;gap:16px;padding:0 18px;display:grid}.plan-title{align-items:center;gap:8px;display:flex}.plan-title input{color:#e6e9ef;background:0 0;border:1px solid #0000;border-radius:5px;width:190px;padding:6px 8px;font-size:13px;font-weight:600}.plan-title input:focus{background:#1a1f28;border-color:#6654c7;outline:0}.plan-title span{color:#7f8897;border:1px solid #343a45;border-radius:10px;padding:3px 7px;font-size:8px}.category-filters{gap:5px;display:flex}.category-filters button{color:#6f7988;cursor:pointer;background:#191e25;border:1px solid #303641;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:flex}.category-filters button:hover{color:#b8bfca;background:#21262f}.category-filters button.active{color:#e0e4eb;background:#242335;border-color:#5d527f}.category-filters i{background:#8a72dc;border-radius:50%;width:6px;height:6px}.category-filters i.barrier{background:#5ba8c8}.category-filters i.heal{background:#62b98a}.category-filters i.buff{background:#d6a857}.category-filters small{color:#929baa;text-align:center;background:#2c323d;border-radius:8px;min-width:15px;padding:1px 4px;font-size:7px}.selection-summary{justify-content:center;align-items:stretch;height:48px;display:flex}.selection-summary>div{border-left:1px solid #292e37;flex-direction:column;justify-content:center;min-width:118px;padding:0 18px;display:flex}.selection-summary>div:first-child{min-width:270px}.selection-summary small{color:#687282;margin-bottom:5px;font-size:8px}.selection-summary strong{white-space:nowrap;font-size:11px}.selection-summary .reduction{color:#7fd0ad}.view-actions{gap:5px;display:flex}.view-actions .settings-trigger{color:#c4baed;background:#252338;border-color:#5c517e}.view-actions .settings-trigger:hover{background:#302c49}.view-actions .settings-trigger.active{color:#eeeaff;background:#393259;border-color:#806de0;box-shadow:inset 0 -2px #8975e8}.work-area{grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.work-area.with-sidebar{grid-template-columns:minmax(0,1fr) 334px}.sheet-wrap{scrollbar-color:#3d4552 #151920;min-width:0;overflow:auto}.mitigation-sheet{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#11151b;width:max-content;min-width:100%}.mitigation-sheet th,.mitigation-sheet td{border-bottom:1px solid #2a3039;border-right:1px solid #2a3039}.mitigation-sheet thead{z-index:20;position:sticky;top:0}.group-row th{background:#1b2028;height:40px}.corner{z-index:30;text-align:left;color:#667080;letter-spacing:.16em;padding-left:14px;font-size:8px;position:sticky;left:0}.corner-content{align-items:center;gap:9px;display:flex}.corner-content button{color:#9aa3b0;cursor:pointer;background:#222730;border:1px solid #343b47;border-radius:5px;place-items:center;width:23px;height:23px;font-size:16px;line-height:1;display:grid}.corner-content button:hover{color:#d0c8f2;background:#2a283e;border-color:#6756c2}.job-group{min-width:74px;box-shadow:inset 0 2px var(--job-color)}.job-group>span:last-child{vertical-align:middle;text-align:left;color:#8992a1;flex-direction:column;gap:1px;font-size:8px;display:inline-flex}.job-group b{color:#e0e4eb;font-size:9px}.job-icon{background:color-mix(in srgb, var(--job-color) 25%, #1b2028);border-radius:6px;place-items:center;width:28px;height:28px;margin-right:7px;display:inline-grid;overflow:hidden}.job-icon img{object-fit:contain;width:100%;height:100%}.skill-row th{color:#747e8e;background:#181d24;height:44px;font-size:8px}.skill-head{text-align:center;width:60px;min-width:60px}.resource-head{text-align:center;width:44px;min-width:44px;box-shadow:inset 0 -2px var(--resource-color);background:#20252d!important}.resource-head img{object-fit:contain;width:40px;height:36px;margin:auto;display:block}.skill-head.category-barrier{box-shadow:inset 0 -2px #5ba8c8}.skill-head.category-heal{box-shadow:inset 0 -2px #62b98a}.skill-head.category-buff{box-shadow:inset 0 -2px #d6a857}.skill-icon{background:#242a33;border-radius:6px;outline:0;place-items:center;width:29px;height:29px;margin:auto;display:grid;position:relative}.skill-icon>img{object-fit:cover;border-radius:6px;width:100%;height:100%}.skill-icon:focus{box-shadow:0 0 0 2px #8270df}.skill-tooltip{z-index:100;box-sizing:border-box;color:#9da6b4;text-align:left;pointer-events:none;background:#171b22f5;border:1px solid #424a58;border-radius:8px;grid-template-columns:1fr auto;gap:6px 12px;width:320px;max-width:calc(100vw - 32px);max-height:min(480px,100vh - 96px);padding:11px;font-size:8px;line-height:1.35;display:none;position:absolute;top:36px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #000b}.skill-tooltip:before{content:"";background:#171b22;border-top:1px solid #424a58;border-left:1px solid #424a58;width:8px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.skill-icon:hover .skill-tooltip,.skill-icon:focus .skill-tooltip{display:grid}.skill-tooltip strong{color:#eef0f5;grid-column:1/-1;font-size:10px;font-weight:600}.skill-tooltip span{display:block}.skill-tooltip .tooltip-categories{flex-wrap:wrap;gap:4px;display:flex}.skill-tooltip b{color:#d8dce4;font-size:inherit;font-weight:600}.skill-tooltip .tooltip-category{color:#ab9be8;background:#8069d32b;border-radius:8px;width:fit-content;padding:2px 6px}.skill-tooltip .tooltip-category.barrier{color:#7bc3df;background:#5ba8c82b}.skill-tooltip .tooltip-category.heal{color:#83d2a7;background:#62b98a2b}.skill-tooltip .tooltip-category.buff{color:#e6c37c;background:#d6a8572b}.skill-tooltip .skill-description{color:#c4cad4;overflow-wrap:anywhere;white-space:pre-line;scrollbar-color:#4c5667 transparent;scrollbar-width:thin;border-top:1px solid #343b47;grid-column:1/-1;max-height:320px;margin-top:3px;padding-top:8px;padding-right:5px;font-size:9px;line-height:1.55;overflow:hidden auto}.sticky-col{z-index:8;background:#151a21;position:sticky}.phase-col{width:58px;min-width:58px;left:0}.time-col{width:58px;min-width:58px;left:58px}.action-col{width:210px;min-width:210px;left:116px}.type-col{width:48px;min-width:48px;left:326px}.damage-col{width:76px;min-width:76px;left:374px}.result-col{width:84px;min-width:84px;left:450px;box-shadow:5px 0 10px #080a0e40}.simple-enemy .time-col{left:0}.simple-enemy .action-col{left:58px}.simple-enemy .result-col{left:268px}.skill-row .phase-col,.skill-row .time-col,.skill-row .action-col,.skill-row .type-col,.skill-row .damage-col,.skill-row .result-col{z-index:25}.mitigation-sheet tbody tr{cursor:default}.mitigation-sheet tbody tr:hover td{background-color:#1b2028}.mitigation-sheet tbody tr.selected-row td{background-color:#1c2130;border-bottom-color:#6a58c6}.mitigation-sheet tbody td{color:#9da6b5;padding:5px 8px;font-size:10px;transition:background-color .12s}.mitigation-sheet tbody .phase-col{color:#767f8d;padding-left:12px;font-size:9px;font-weight:600}.phase-start{border-top:2px solid #4e4383}.time-col time{color:#d9dde5;font-variant-numeric:tabular-nums;font-size:11px;display:block}.combat-start-time{position:sticky;padding-right:21px!important}.combat-start-time button{color:#788392;cursor:pointer;background:0 0;border:0;border-left:1px solid #343b46;width:16px;height:22px;font-size:10px;line-height:1;position:absolute;top:50%;right:3px;translate:0 -50%}.combat-start-time button:hover{color:#cfc7f2;background:#7160c51a}.time-col small{color:#535d6c;margin-top:2px;font-size:7px;display:block}.action-col strong,.action-col small{display:block}.action-col strong{color:#d6dae2;font-size:11px;font-weight:500}.action-col small{color:#626c7c;margin-top:3px;font-size:8px}.type-col{text-align:center}.type-badge{border-radius:3px;padding:3px 5px;font-size:7px;display:inline-block}.type-badge.magic{color:#a897e4;background:#6e58bb22}.type-badge.physical{color:#d29875;background:#b25f3e20}.damage-col,.result-col{text-align:right;font-variant-numeric:tabular-nums}.result-col strong,.result-col small{display:block}.result-col strong{color:#e1e5ec;font-size:10px}.result-col small{color:#70ba96;margin-top:2px;font-size:7px}.mechanic-row td{color:#5f6978}.skill-cell{background:#12161c;width:60px;min-width:60px;position:relative;padding:0!important}.resource-cell{text-align:center;background:#171c23;width:44px;min-width:44px;padding:0!important}.resource-pips{justify-content:center;align-items:center;gap:3px;display:flex}.resource-pips i{background:color-mix(in srgb, var(--resource-color) 12%, #272d36);border-radius:50%;width:7px;height:7px}.resource-pips i.active{background:var(--resource-color);box-shadow:0 0 4px color-mix(in srgb, var(--resource-color) 55%, transparent), inset 0 0 0 1px #fff4}.skill-cell button{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;min-height:42px;display:flex}.skill-cell button:hover{background:#ffffff08}.cell-plus{color:#0000;font-size:14px}.skill-cell:hover .cell-plus{color:#596373}.skill-cell.origin{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--skill-color) 70%, transparent);background:color-mix(in srgb, var(--skill-color) 22%, #12161c)!important}.skill-cell.active{background:color-mix(in srgb, var(--skill-color) 10%, #12161c)!important}.skill-cell.cooldown{background:repeating-linear-gradient(135deg,#171b22,#171b22 5px,#14181e 5px 10px)!important}.skill-cell.cooldown button{cursor:not-allowed}.skill-cell.resource-unavailable{background:#1a1519!important}.skill-cell.resource-unavailable button{cursor:not-allowed}.placed-icon{background:var(--skill-color);border-radius:5px;place-items:center;width:25px;height:25px;display:grid;overflow:hidden}.placed-icon img{object-fit:cover;width:100%;height:100%}.skill-cell small{color:color-mix(in srgb, var(--skill-color) 75%, #cbd1dc);font-size:7px}.duration-line{background:var(--skill-color);opacity:.8;border-radius:3px;width:3px;height:19px}.cooldown-value{color:#768191;font-variant-numeric:tabular-nums;border:1px solid #3d4653;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.resource-warning{color:#b66c78;font-size:9px;font-weight:700}.statusbar{background:#171b22;border-top:1px solid #292e37;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.statusbar button{color:#707a89;cursor:pointer;background:0 0;border:0;border-radius:5px;height:30px;padding:0 13px;font-size:9px}.statusbar button:hover{color:#cbd0d9;background:#20252e}.statusbar .active-tab{color:#e2e5eb;background:#282e39;box-shadow:inset 0 -2px #7965dc}.active-effects{gap:6px;display:flex}.active-effects span{border-left:3px solid var(--skill-color);background:color-mix(in srgb, var(--skill-color) 12%, #1b2028);color:#adb5c2;border-radius:3px;padding:4px 7px;font-size:8px}.active-effects .none{color:#596271;background:0 0;border:0}.settings-sidebar{background:#12161c;border-left:1px solid #303641;min-width:0;display:none}.settings-sidebar.open{grid-template-columns:54px minmax(0,1fr);display:grid}.sidebar-rail{background:#171b22;border-right:1px solid #292f38;flex-direction:column;align-items:stretch;gap:5px;padding:10px 6px;display:flex}.sidebar-rail button{color:#687282;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:52px;display:flex}.sidebar-rail button:hover{color:#abb3bf;background:#20252e}.sidebar-rail button.active{color:#c5baf3;background:#29273c;box-shadow:inset 2px 0 #826ee4}.sidebar-rail button span{place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.sidebar-rail button small{font-size:7px}.sidebar-panel{min-width:0;padding:18px 16px 24px;overflow:auto}.sidebar-title{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.sidebar-title small{color:#5f6978;letter-spacing:.16em;font-size:7px}.sidebar-title h2{margin:4px 0 0;font-size:15px}.sidebar-title button{color:#7e8795;cursor:pointer;background:#1c2129;border:1px solid #313844;border-radius:5px;width:26px;height:26px}.sidebar-title button:hover{color:#e0e4eb;background:#282e38}.party-settings>p{color:#687282;margin:0 0 15px;font-size:9px;line-height:1.7}.party-slot{border-bottom:1px solid #292f38;grid-template-columns:34px 1fr;align-items:center;gap:9px;min-height:58px;padding:8px;display:grid}.slot-badge{color:#11151a;border-radius:7px;grid-row:1/3;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:grid}.slot-badge img{object-fit:contain;width:27px;height:27px}.slot-info{justify-content:space-between;align-items:center;display:flex}.slot-info b{font-size:10px}.slot-info small{color:#5e6877;font-size:7px}.party-slot select{color:#aeb6c2;background:#1a1f27;border:1px solid #303743;border-radius:5px;grid-column:2;width:100%;padding:4px 6px;font-size:8px}.display-settings section{margin-bottom:24px}.display-settings h3{color:#7a8493;margin:0 0 7px;font-size:9px;font-weight:600}.setting-toggle{cursor:pointer;border-bottom:1px solid #282e37;justify-content:space-between;align-items:center;min-height:49px;display:flex}.setting-toggle>span{flex-direction:column;gap:3px;font-size:10px;display:flex}.setting-toggle small{color:#5e6877;font-size:8px}.setting-toggle input{accent-color:#7663d8;width:30px}.plan-settings{flex-direction:column;gap:16px;display:flex}.plan-settings label{color:#747e8d;flex-direction:column;gap:7px;font-size:9px;display:flex}.plan-settings input,.plan-settings textarea{color:#d8dce4;resize:vertical;background:#191e25;border:1px solid #303743;border-radius:6px;width:100%;padding:8px;font-size:10px}.plan-settings input:focus,.plan-settings textarea:focus{outline:1px solid #6e5bd0}.plan-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plan-stats span{color:#667080;background:#181d24;border:1px solid #2d333e;border-radius:7px;flex-direction:column;gap:5px;padding:10px;font-size:8px;display:flex}.plan-stats b{color:#d8dce4;font-size:12px}@media (width<=1300px){.app-header{grid-template-columns:235px 180px minmax(180px,1fr) auto;gap:12px}.selection-summary>div:first-child{min-width:220px}.selection-summary>div{min-width:100px;padding:0 12px}.work-area.with-sidebar{grid-template-columns:minmax(0,1fr) 310px}}.home-screen{color:#e5e8ee;background:radial-gradient(circle at 25% 0,#242039 0,#10141a 32%,#0d1116 70%);min-height:100vh;overflow:auto}.home-header{background:#151920df;border-bottom:1px solid #292f38;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.home-header>a{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.home-header>a>span{background:linear-gradient(145deg,#7c65e8,#5b48c6);border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.home-header a div{flex-direction:column;gap:3px;display:flex}.home-header b{font-size:12px}.home-header small{color:#747e8d;letter-spacing:.12em;font-size:7px}.home-header button{color:#9ba4b2;cursor:pointer;background:#1c2129;border:1px solid #343b47;border-radius:6px;padding:8px 12px;font-size:9px}.home-content{width:min(1080px,100% - 48px);margin:auto;padding:54px 0 80px}.home-welcome{align-items:center;gap:18px;margin-bottom:42px;display:flex}.home-avatar{background:linear-gradient(145deg,#806be6,#5645b9);border-radius:14px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:700;display:grid}.home-welcome small,.home-section>header small{color:#7466bc;letter-spacing:.15em;font-size:8px;font-weight:700}.home-welcome h1{margin:4px 0 5px;font-size:24px}.home-welcome p{color:#747e8d;margin:0;font-size:10px}.home-section{margin-bottom:34px}.home-section>header{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.home-section>header h2{margin:4px 0 0;font-size:15px}.home-section>header>span{color:#687281;font-size:8px}.home-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-team-grid button{color:#d9dde5;text-align:left;cursor:pointer;background:#171c23;border:1px solid #303742;border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;height:78px;padding:12px;display:grid}.home-team-grid button:hover{background:#201e31;border-color:#6959bb}.home-team-mark{color:#c7bcf1;background:#302b4b;border-radius:9px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid}.home-team-grid button>span:nth-child(2){flex-direction:column;gap:5px;min-width:0;display:flex}.home-team-grid b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.home-team-grid small{color:#707a89;font-size:8px}.home-team-grid i{color:#7c70b5;font-size:8px;font-style:normal}.home-columns{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;display:grid}.recent-plan-list,.home-create-card,.home-empty{background:#151a21;border:1px solid #2d343f;border-radius:9px;overflow:hidden}.recent-plan-list button{color:#ccd2da;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #292f38;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:11px 14px;display:flex}.recent-plan-list button:last-child{border-bottom:0}.recent-plan-list button:hover{background:#1e232c}.recent-plan-list button span{flex-direction:column;gap:4px;display:flex}.recent-plan-list b{font-size:9px}.recent-plan-list small,.recent-plan-list time{color:#697382;font-size:8px}.home-create-card{padding:18px}.home-create-card>p{color:#737d8b;margin:0 0 14px;font-size:9px;line-height:1.6}.home-create-card .create-team-form{grid-template-columns:1fr}.home-create-card .create-team-form button{width:max-content}.home-empty{color:#687281;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:82px;font-size:9px;display:flex}.home-empty b{color:#aeb6c2}.home-empty.compact{min-height:120px}.home-error{color:#d58b8b;border-left:2px solid #c86666;padding-left:9px;font-size:9px}.team-workspace-header .back-home{color:#9ba4b2;border:1px solid #343b47;border-radius:6px;padding:8px 12px;font-size:9px}.team-workspace-nav{background:#12171d;border-bottom:1px solid #292f38;justify-content:space-between;align-items:stretch;height:54px;padding:0 32px;display:flex}.team-workspace-nav>div{align-items:center;gap:9px;display:flex}.team-workspace-nav>div a{color:#d8dce4;font-size:11px;text-decoration:none}.team-workspace-nav>div span{color:#818b9a;background:#292f38;border-radius:9px;padding:3px 7px;font-size:7px}.team-workspace-nav section{align-items:stretch;display:flex}.team-workspace-nav section a{color:#788291;border-bottom:2px solid #0000;align-items:center;padding:0 17px;font-size:9px;text-decoration:none;display:flex}.team-workspace-nav section a:hover{color:#c7cdd6}.team-workspace-nav section a.active{color:#d8d0f6;border-bottom-color:#806de0}.team-workspace-content{width:min(1080px,100% - 48px);margin:auto;padding:42px 0 80px}.team-hero{align-items:center;gap:16px;margin-bottom:28px;display:flex}.team-hero-mark{color:#d2c9f5;background:linear-gradient(145deg,#4e466f,#302a4b);border-radius:14px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:700;display:grid}.team-hero small,.team-page-title small,.team-panel header small,.team-menu-grid small{color:#7466bc;letter-spacing:.14em;font-size:7px;font-weight:700}.team-hero h1{margin:4px 0;font-size:23px}.team-hero p,.team-page-title p{color:#747e8d;margin:0;font-size:9px}.team-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:30px;display:grid}.team-menu-grid>a{color:#d9dde5;background:#171c23;border:1px solid #303742;border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:104px;padding:14px;text-decoration:none;display:grid}.team-menu-grid>a:hover{background:#201e31;border-color:#6959bb}.team-menu-grid>a>i{color:#c7bcf1;background:#302b4b;border-radius:9px;place-items:center;width:40px;height:40px;font-size:11px;font-style:normal;font-weight:700;display:grid}.team-menu-grid>a>span{flex-direction:column;gap:4px;min-width:0;display:flex}.team-menu-grid b{font-size:11px}.team-menu-grid p{color:#697382;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;overflow:hidden}.team-menu-grid em{color:#8073bb;font-size:8px;font-style:normal}.team-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:14px;display:grid}.team-panel{background:#151a21;border:1px solid #2d343f;border-radius:9px;overflow:hidden}.team-panel>header{border-bottom:1px solid #292f38;justify-content:space-between;align-items:center;height:58px;padding:0 15px;display:flex}.team-panel header h2{margin:4px 0 0;font-size:11px}.team-panel header button{color:#f0edff;cursor:pointer;background:#6753d2;border:1px solid #6c5ac8;border-radius:6px;padding:7px 10px;font-size:8px}.team-plan-list a{color:#ccd2da;border-bottom:1px solid #292f38;justify-content:space-between;align-items:center;min-height:54px;padding:10px 15px;text-decoration:none;display:flex}.team-plan-list a:last-child{border-bottom:0}.team-plan-list a:hover{background:#1e232c}.team-plan-list a span{flex-direction:column;gap:4px;display:flex}.team-plan-list b{font-size:9px}.team-plan-list small,.team-plan-list i{color:#697382;font-size:8px;font-style:normal}.team-panel-empty{color:#687281;place-items:center;min-height:120px;font-size:9px;display:grid}.team-status dl{margin:0;padding:6px 15px}.team-status dl div{border-bottom:1px solid #292f38;justify-content:space-between;align-items:center;min-height:42px;display:flex}.team-status dl div:last-child{border-bottom:0}.team-status dt{color:#737d8b;font-size:8px}.team-status dd{color:#ccd2da;margin:0;font-size:9px}.team-page-title{margin-bottom:24px}.team-page-title h1{margin:5px 0 7px;font-size:22px}.team-workspace .workspace-team-page{max-width:860px;padding-top:0}.team-workspace .workspace-team-page>p:first-child{display:none}.gear-placeholder{text-align:center;background:#151a21;border:1px dashed #343b47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.gear-placeholder>span{color:#c7bcf1;background:#302b4b;border-radius:12px;place-items:center;width:48px;height:48px;font-size:15px;display:grid}.gear-placeholder h2{margin:14px 0 7px;font-size:13px}.gear-placeholder p{color:#737d8b;max-width:420px;margin:0;font-size:9px;line-height:1.7}.gear-placeholder.compact{min-height:190px}.gear-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.gear-roster>div{background:#171c23;border:1px solid #303742;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;height:62px;padding:9px 12px;display:grid}.gear-member-icon{color:#d8d1f5;background:#393259;border-radius:8px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:700;display:grid;overflow:hidden}.gear-member-icon.has-job{background:#242a33}.gear-member-icon img{object-fit:contain;width:100%;height:100%}.gear-roster>div>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.gear-roster b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.gear-roster small,.gear-roster i{color:#697382;font-size:8px;font-style:normal}@media (width<=900px){.home-team-grid,.home-columns,.team-menu-grid,.team-dashboard-grid{grid-template-columns:1fr}}.auth-screen{color:#e5e8ee;background:radial-gradient(circle at 50% 20%,#26233d 0,#11151b 38%,#0d1116 100%);place-items:center;min-height:100vh;display:grid}.auth-card{box-sizing:border-box;background:#151a21e8;border:1px solid #303642;border-radius:12px;width:min(400px,100vw - 32px);padding:28px;box-shadow:0 24px 80px #0008}.auth-card>header{border-bottom:1px solid #2a3039;align-items:center;gap:10px;padding-bottom:24px;display:flex}.auth-card>header>span{background:#6f58d4;border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.auth-card>header div{flex-direction:column;gap:3px;display:flex}.auth-card>header b{font-size:12px}.auth-card>header small,.auth-copy>small{color:#747e8d;letter-spacing:.14em;font-size:7px}.auth-copy{padding:28px 0 20px}.auth-copy h1{margin:6px 0 8px;font-size:24px}.auth-copy p{color:#7f8998;margin:0;font-size:10px;line-height:1.7}.auth-google{color:#22262c;cursor:pointer;background:#f6f7f9;border:1px solid #3b424d;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:100%;height:40px;font-size:10px;font-weight:600;display:flex}.auth-google:hover{background:#fff;border-color:#59616e}.auth-google:disabled{cursor:wait;opacity:.65}.auth-google svg{width:16px;height:16px}.auth-divider{color:#687180;align-items:center;gap:10px;margin:18px 0;font-size:8px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#2a3039;flex:1;height:1px}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-card form label{color:#929baa;flex-direction:column;gap:7px;font-size:9px;display:flex}.auth-card form input{box-sizing:border-box;color:#e1e5ec;background:#10141a;border:1px solid #343b47;border-radius:6px;height:38px;padding:0 11px;font-size:11px}.auth-card form input:focus{border-color:#7865d8;outline:1px solid #7865d8}.auth-submit{color:#fff;cursor:pointer;background:#705bd0;border:0;border-radius:6px;height:40px;margin-top:4px;font-size:10px;font-weight:600}.auth-submit:hover{background:#7d68dc}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-message{color:#b8b0da;background:#7662ce18;border-left:2px solid #806de0;margin:0;padding:8px 10px;font-size:9px;line-height:1.5}.auth-switch{color:#8d7ce0;cursor:pointer;background:0 0;border:0;width:100%;margin-top:16px;font-size:9px}.auth-switch:hover{color:#b7aaf0}.auth-loading{color:#818b9a;font-size:10px}.profile-onboarding .auth-copy{padding-bottom:24px}