.techniques-workbench{display:grid;height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:.75rem;overflow:hidden}.techniques-hero{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(21rem,auto);gap:.75rem;align-items:stretch;overflow:hidden;padding:.8rem 1rem;border:1px solid rgba(58,46,38,.28);border-top:4px solid #a4584b;border-bottom:4px solid #a4584b;background:radial-gradient(circle at 10% 20%,rgba(200,168,87,.08),transparent 18rem),linear-gradient(180deg,#f6efe0e6,#ede2cdb3);box-shadow:0 4px 14px #3a2e260f}.techniques-hero:before{width:42px;height:42px}.techniques-hero:after{width:42px;height:42px}.techniques-title-col{display:flex;min-width:0;align-items:center;gap:.7rem}.techniques-glyph{display:grid;width:3.2rem;height:3.2rem;flex:0 0 auto;place-items:center;border:1.5px solid rgba(164,88,75,.65);border-radius:50%;background:radial-gradient(ellipse at 30% 18%,rgba(255,248,224,.85),transparent 3rem),linear-gradient(180deg,#f6ebcff5,#e1cfaae6);box-shadow:inset 0 0 0 1px #fff8e06b,0 6px 14px -8px #281c126b;color:#a4584b;font-size:1.65rem;letter-spacing:0;text-shadow:0 1px 0 rgba(255,248,224,.55)}.techniques-name-block{display:flex;min-width:0;flex-direction:column;gap:.05rem}.techniques-name-block>span{color:#a4584b;font-size:.7rem;letter-spacing:.18em}.techniques-name-block h1{margin:0;color:#3a2e26;font-size:clamp(1.45rem,2vw,1.95rem);line-height:1.05;letter-spacing:.16em}.techniques-name-block p{margin:0;color:#3a2e269e;font-size:.74rem;line-height:1.4}.techniques-metrics{display:grid;min-width:min(34vw,24rem);grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(58,46,38,.28);background:linear-gradient(90deg,rgba(122,148,121,.12),transparent 48%,rgba(200,168,87,.16)),#e3d6bb73;border-radius:2px;box-shadow:inset 0 0 6px #3a2e260f}.techniques-metric{min-width:0;padding:.55rem .75rem;text-align:center}.techniques-metric+.techniques-metric{border-left:1px solid rgba(58,46,38,.16)}.techniques-metric dt{font-family:STZhongsong,STKaiti,"Noto Serif SC",serif;font-size:.64rem;letter-spacing:.22em;color:#a4584b;font-weight:700}.techniques-metric dd{margin-top:4px;color:#3a2e26;font-size:.88rem;line-height:1.25;white-space:nowrap}.techniques-guidance{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:.75rem}.techniques-guidance-card{border:1px solid rgba(58,46,38,.22);border-left:4px solid rgba(164,88,75,.65);border-radius:3px;background:linear-gradient(90deg,#ede2cdcc,#ede2cd66),#e3d6bb40;padding:.55rem .75rem;box-shadow:0 2px 8px #3a2e260a}.techniques-guidance-card.is-live{border-left-color:#7a9479}.techniques-guidance-card.is-cooling{border-color:#a4584b6b;border-left-color:#a4584b;background:linear-gradient(90deg,#a4584b14,#ede2cd85),#e3d6bb4d}.techniques-guidance-card span{display:block;margin-bottom:.28rem;color:#a4584b;font-size:.58rem;letter-spacing:.22em}.techniques-guidance-card.is-live span{color:#536b52}.techniques-guidance-card p{margin:0;color:#3a2e26b3;font-size:.72rem;line-height:1.42}.techniques-main-grid{display:grid;min-height:0;grid-template-columns:minmax(18rem,.35fr) minmax(0,1fr);gap:.75rem}.techniques-dais,.techniques-library{min-width:0;min-height:0;padding:13px}.techniques-dais{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(58,46,38,.24);background:#e3d6bb26}.techniques-library{display:flex;flex-direction:column;overflow:hidden}.techniques-section-head{display:flex;flex:0 0 auto;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}.techniques-section-head.compact{margin-bottom:10px}.techniques-section-head span.font-seal{display:block;margin-bottom:3px;color:#a4584b;font-size:.65rem;letter-spacing:.24em}.techniques-section-head h2{color:#3a2e26;font-size:1.35rem;line-height:1.1}.techniques-head-rule{height:1px;flex:1;min-width:32px;background:linear-gradient(90deg,rgba(164,88,75,.45),rgba(200,168,87,.18),transparent);transform:translateY(-9px)}.techniques-rarity-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.rarity-chip{border:1px solid rgba(58,46,38,.18);background:#ede2cd66;padding:3px 8px;color:#3a2e26a3;font-size:.72rem;line-height:1.2}.rarity-chip.rarity-rare{border-color:#a4584b5c;color:#8f4c42}.rarity-chip.rarity-supreme{border-color:#c8a8578c;color:#8d7130}.techniques-filter-bar{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px;margin:-2px 0 8px;border-block:1px solid rgba(58,46,38,.1);padding-block:6px}.techniques-filter-button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(58,46,38,.18);background:#ede2cd5c;padding:5px 9px;color:#3a2e26a8;font-size:.74rem;line-height:1.1;transition:all .15s ease}.techniques-filter-button small{color:#3a2e2670;font-size:.66rem}.techniques-filter-button.is-active{border-color:#a4584b;background:#a4584b1a;color:#8f4c42;box-shadow:inset 0 0 4px #a4584b0d}.techniques-slot-grid{display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr);min-height:0;gap:12px;overflow-y:auto;padding:6px 3px;scrollbar-width:thin;scrollbar-color:rgba(164,88,75,.38) transparent}.technique-slot{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:106px;overflow:hidden;border-inline:1.5px solid rgba(58,46,38,.25);border-block:none;background:radial-gradient(ellipse at 50% 50%,#f6efe0e6,#ede2cdbf);box-shadow:inset 0 0 12px #3a2e260d,0 4px 10px #3a2e260a;padding-block:8px;transition:all .25s cubic-bezier(.16,1,.3,1)}.slot-scroll-rod{position:absolute;left:0;right:0;height:6px;border-block:1px solid rgba(58,46,38,.25);background:linear-gradient(90deg,#be7b6e,#a4584b 15%,#7a9479,#a4584b 85%,#be7b6e);z-index:5}.slot-scroll-rod.rod-top{top:0}.slot-scroll-rod.rod-bottom{bottom:0;transform:scaleY(-1)}.technique-slot.is-filled.rarity-rare{border-inline-color:rgba(164,88,75,.65);background:radial-gradient(ellipse at 50% 50%,#f8f1e2fa,#f0dad2bf)}.technique-slot.is-filled.rarity-supreme{border-inline-color:rgba(200,168,87,.85);background:radial-gradient(ellipse at 50% 50%,#faf4de,#f5e6c0cc)}.technique-slot.is-empty{border-inline-style:dashed;background:#ede2cd59}.technique-slot.is-locked{border-inline-style:dashed;opacity:.52;background:#3a2e260a}.slot-number{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:10;display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(58,46,38,.2);border-radius:50%;background:#ede2cdf2;color:#3a2e2699;font-size:.9rem;font-weight:700;box-shadow:0 2px 4px #3a2e260d}.slot-content-wrapper{display:flex;align-items:center;gap:12px;padding-left:42px;padding-right:12px;width:100%;min-width:0}.slot-thumb{position:relative;width:4.2rem;height:4.2rem;flex-shrink:0;border:1px solid rgba(58,46,38,.2);border-radius:3px;background:#ede2cd99;overflow:hidden;box-shadow:0 2px 6px #3a2e260d}.slot-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:3px}.slot-thumb-wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 100%,rgba(200,168,87,.15),transparent 60%)}.slot-thumb-badge{position:absolute;right:1px;bottom:1px;border:1px solid rgba(58,46,38,.15);background:#ede2cde6;padding:0 3px;color:#3a2e26b3;font-size:.5rem;line-height:1.2;backdrop-filter:blur(2px)}.slot-body{flex:1;min-width:0;padding:0}.technique-slot.is-empty .slot-body,.technique-slot.is-locked .slot-body{padding-left:36px}.slot-kicker{color:#a4584bc7;font-size:.58rem;letter-spacing:.24em}.slot-body h3{margin:0;color:#3a2e26;font-size:1.05rem;line-height:1.25}.slot-body p{margin-top:3px;color:#3a2e269e;font-size:.76rem;line-height:1.45}.technique-link-button{border-bottom:1px solid rgba(164,88,75,.52);color:#a4584b;font-size:.75rem;line-height:1.2;transition:all .15s ease}.technique-link-button:hover{color:#be7b6e;border-bottom-color:#be7b6e}.technique-link-button.is-disabled,.technique-link-button:disabled{cursor:not-allowed;border-bottom-color:#3a2e262e;color:#3a2e2661}.slot-actions{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}.slot-cooldown-hint{display:block;color:#a4584bb8;font-size:.66rem;line-height:1.35}.techniques-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));flex:1 1 auto;min-height:0;align-content:start;gap:12px;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(164,88,75,.38) transparent}.technique-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(58,46,38,.22);border-radius:4px;background:radial-gradient(ellipse at 100% 0%,rgba(200,168,87,.08),transparent 8rem),linear-gradient(180deg,#f6efe0e6,#ede2cd99);padding:12px;box-shadow:inset 0 0 0 1px #fff6,0 4px 12px #3a2e260d;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.technique-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#7a94797a;z-index:2}.technique-card:hover{border-color:#a4584b73;box-shadow:inset 0 0 0 1px #fff9,0 6px 16px #3a2e261a;transform:translateY(-1px)}.technique-card.rarity-rare{border-color:#a4584b70}.technique-card.rarity-rare:before{background:#a4584b94}.technique-card.rarity-supreme{border-color:#c8a857a3}.technique-card.rarity-supreme:before{background:#c8a857b3}.technique-card.is-equipped{background:radial-gradient(ellipse at 90% 0%,rgba(200,168,87,.12),transparent 8rem),linear-gradient(180deg,#f6efe0f2,#e8dcc6bf)}.technique-card-main{display:flex;gap:12px;align-items:flex-start;width:100%}.technique-thumb{position:relative;display:grid;align-self:start;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgba(58,46,38,.16);border-radius:3px;background:radial-gradient(circle at 50% 45%,#faf4e2d1,#e3d6bb5c 62%,#3a2e2612),#ede2cd6b;width:4.8rem;flex-shrink:0}.technique-thumb img{width:calc(100% - .56rem);height:calc(100% - .56rem);-o-object-fit:contain;object-fit:contain;filter:saturate(.9) contrast(.98)}.technique-thumb-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ede2cd0d,#3a2e261a),radial-gradient(ellipse at 50% 100%,rgba(200,168,87,.14),transparent 58%);mix-blend-mode:multiply}.technique-thumb-badge{position:absolute;right:3px;bottom:3px;border:1px solid rgba(58,46,38,.16);background:#ede2cdd1;padding:1px 4px;color:#3a2e26a3;font-size:.5rem;letter-spacing:.12em;backdrop-filter:blur(5px)}.technique-card-body{display:grid;align-content:start;gap:6px;min-width:0;flex:1}.technique-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.technique-rarity{color:#a4584bd6;font-size:.58rem;letter-spacing:.22em}.technique-card h3{margin-top:2px;color:#3a2e26;font-size:1.02rem;line-height:1.22}.technique-card-badges{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.25rem}.technique-equipped-badge{flex:0 0 auto;border:1px solid rgba(200,168,87,.52);background:#c8a8571f;padding:1px 5px;color:#7f662f;font-size:.66rem;line-height:1.35}.technique-status-pill{flex:0 0 auto;border:1px solid rgba(58,46,38,.16);padding:1px 5px;font-size:.62rem;line-height:1.35;white-space:nowrap}.technique-status-pill.is-live{border-color:#7a947970;background:#7a94791c;color:#536b52}.technique-status-pill.is-pending{color:#3a2e2680}.technique-effects{display:grid;gap:3px}.technique-effects p{display:flex;align-items:flex-start;gap:8px;margin:0;color:#3a2e26c7;font-size:.74rem;line-height:1.45}.technique-effects small{flex:0 0 auto;border:1px solid rgba(58,46,38,.16);padding:1px 5px;font-size:.64rem;line-height:1.35}.technique-effects small.is-live{border-color:#7a94796b;background:#7a94791a;color:#536b52}.technique-effects small.is-pending{color:#3a2e267a}.technique-note{margin-top:4px;color:#3a2e2680;font-size:.66rem;line-height:1.45}.technique-canon{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px;min-width:0;border-top:1px solid rgba(58,46,38,.1);padding-top:6px}.technique-canon span{display:inline-block;margin-top:1px;color:#a4584bc7;font-size:.54rem;letter-spacing:.2em;white-space:nowrap}.technique-canon p{margin:0;color:#3a2e26a3;font-size:.68rem;line-height:1.5;overflow-wrap:anywhere}.technique-slot-button,.technique-action-button,.technique-primary-button,.technique-replace-button{border:1px solid rgba(58,46,38,.25);background:#ede2cd75;color:#3a2e26;font-size:.74rem;line-height:1.1;transition:border-color .14s ease,background .14s ease,color .14s ease}.technique-slot-button{width:24px;height:24px;padding:0}.technique-action-button{padding:5px 10px}.technique-slot-button:hover,.technique-action-button:hover,.technique-primary-button:hover,.technique-replace-button:hover{border-color:#a4584b;background:#a4584b1a;color:#8f4c42}.technique-slot-button.is-disabled,.technique-action-button.is-disabled,.technique-primary-button.is-disabled,.technique-replace-button.is-disabled,.technique-slot-button:disabled,.technique-action-button:disabled,.technique-primary-button:disabled,.technique-replace-button:disabled{cursor:not-allowed;border-color:#3a2e2624;background:#3a2e260a;color:#3a2e265c}.technique-slot-button.is-disabled:hover,.technique-action-button.is-disabled:hover,.technique-primary-button.is-disabled:hover,.technique-replace-button.is-disabled:hover,.technique-slot-button:disabled:hover,.technique-action-button:disabled:hover,.technique-primary-button:disabled:hover,.technique-replace-button:disabled:hover{border-color:#3a2e2624;background:#3a2e260a;color:#3a2e265c}.technique-action-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;border-top:1px dashed rgba(58,46,38,.16);padding-top:8px;margin-top:auto;width:100%}.technique-action-label{color:#a4584bb8;font-size:.56rem;letter-spacing:.22em}.technique-primary-button{width:100%;padding:8px 10px;border-color:#7a947985;background:#7a94791f;color:#536b52;text-align:center;font-size:.78rem}.technique-replace-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px;width:100%}.technique-replace-button{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;text-align:left}.technique-replace-button span{flex:0 0 auto;font-size:.72rem}.technique-replace-button small{min-width:0;overflow:hidden;color:#3a2e2673;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.technique-action-hint{margin-top:2px;color:#a4584bb8;font-size:.66rem;line-height:1.45}.techniques-silhouettes{flex:0 0 auto;border-top:1px solid rgba(58,46,38,.13);padding-top:10px}.techniques-silhouette-grid{display:grid;max-height:104px;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;overflow-y:auto;padding-right:4px}.technique-silhouette{min-width:0;border:1px dashed rgba(58,46,38,.22);background:#ede2cd3d;padding:6px 8px;transition:all .2s ease}.technique-silhouette:hover{border-color:#3a2e2661;background:#ede2cd4d;transform:translateY(-1px)}.technique-silhouette.rarity-rare{border-color:#a4584b66}.technique-silhouette.rarity-supreme{border-color:#c8a85794}.technique-silhouette span{color:#a4584bb3;font-size:.55rem;letter-spacing:.2em}.technique-silhouette p{margin-top:3px;color:#3a2e266b;font-size:.86rem;line-height:1.25}.technique-silhouette small{display:block;margin-top:3px;color:#3a2e2661;font-size:.66rem}.techniques-empty{border:1px dashed rgba(58,46,38,.16);background:#ede2cd33;padding:12px;color:#3a2e266b;font-size:.76rem;line-height:1.5}.techniques-status-line{min-height:20px;flex:0 0 auto;text-align:center;color:#3a2e268f;font-size:.82rem}@media(max-width:1180px){.techniques-workbench{height:auto;overflow:visible;grid-template-rows:auto}.techniques-hero{grid-template-columns:minmax(0,1fr)}.techniques-metrics{width:100%;min-width:0}.techniques-guidance,.techniques-main-grid{grid-template-columns:minmax(0,1fr)}.techniques-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.techniques-list,.techniques-slot-grid{overflow:visible}.techniques-list{min-height:0;max-height:none}.techniques-silhouette-grid{max-height:none;grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}}@media(max-width:720px){.techniques-hero{padding-inline:14px}.techniques-metrics{grid-template-columns:minmax(0,1fr)}.techniques-metric+.techniques-metric{border-left:0;border-top:1px solid rgba(58,46,38,.16)}.techniques-dais,.techniques-library{padding:14px}.techniques-section-head{align-items:flex-start;flex-direction:column}.techniques-rarity-chips{justify-content:flex-start}.techniques-slot-grid{grid-template-columns:minmax(0,1fr)}.technique-effects p{align-items:flex-start;flex-direction:column}}