/* Workshop: illustrated progression, shared with the locked private preview. */
.ws-redesign{--ws-pink:#f29bcb;--ws-mint:#a5dfca;--ws-lilac:#c3aff2;--ws-line:rgba(210,203,235,.14);--ws-surface:#1b1a29;max-width:1240px;font-size:16px;margin:auto;padding-bottom:32px}
.ws-redesign *, .ws-redesign *:before, .ws-redesign *:after{box-sizing:border-box}
.ws-redesign [hidden]{display:none!important}
.ws-redesign .page-heading{margin-bottom:12px}
.ws-redesign .page-heading small{font-size:16px;letter-spacing:1.5px}
.ws-redesign .workshop-intro{margin:0 0 25px;font-size:16px;color:#b9b6cc}
.ws-redesign h2,.ws-redesign h3{color:var(--cream,#f4eff6);font-family:inherit;letter-spacing:-.025em}
.ws-redesign h2{font-size:23px;line-height:1.25;margin:0}
.ws-redesign h3{font-size:20px;margin:0;line-height:1.3}
.ws-redesign p{font-size:16px;line-height:1.65;color:#b9b6cc}
.ws-redesign small{font-size:16px;line-height:1.5;color:#aaa5c1}
.ws-redesign button{font-family:inherit;font-size:16px;min-height:44px;cursor:pointer}
.ws-redesign button:disabled{cursor:not-allowed;opacity:.5}
.ws-redesign button:focus-visible,.ws-redesign summary:focus-visible,.ws-redesign select:focus-visible{outline:2px solid var(--ws-pink);outline-offset:4px}
.ws-icon{display:inline-block;width:40px;height:40px;flex-shrink:0;vertical-align:middle}
.ws-icon svg{display:block;width:100%;height:100%;overflow:visible}
svg.ws-icon{overflow:visible}
.ws-building-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.ws-building-art img{display:block;width:210px;height:170px;max-width:95%;object-fit:contain;filter:drop-shadow(0 10px 12px #09081370)}
.ws-stage-5 img,.ws-stage-7 img,.ws-stage-10 img{filter:drop-shadow(0 8px 16px #d893c133)}
.ws-redesign .workshop-message{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;margin:16px 0}
.ws-redesign .workshop-message button{flex-shrink:0;margin:0}
.ws-redesign .ws-success{border-color:#a5dfca40;background:#a5dfca0b;color:#c6ecde}
.ws-redesign .workshop-cost{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.ws-redesign .workshop-cost>span{display:inline-flex;align-items:center;gap:4px;border:1px solid #ffffff0d;padding:4px 8px 4px 4px;border-radius:8px;background:#ffffff04;font-size:16px;color:#dad4e5;line-height:1.3}
.ws-redesign .workshop-cost .ws-icon{width:28px;height:28px}
.ws-overview{display:flex;align-items:center;gap:26px;padding:20px 4px;border-bottom:1px solid var(--ws-line);font-size:16px;color:#aaa6bd}
.ws-overview>span{display:flex;gap:8px;align-items:center}
.ws-overview strong{color:#e8deed;font-size:17px;white-space:nowrap}
.ws-overview details{margin-left:auto;position:relative}
.ws-overview summary{cursor:pointer;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.ws-overview details p{position:absolute;right:0;top:30px;width:300px;padding:18px;z-index:3;border:1px solid var(--ws-line);border-radius:14px;background:#252135;box-shadow:0 8px 24px #07060e88;font-size:16px}
.ws-supply-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.ws-material{padding:15px;border:1px solid var(--ws-line);border-radius:14px;background:linear-gradient(150deg,#262232,#1b1b29);min-width:0}
.ws-material>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ws-material .ws-icon{width:52px;height:52px}
.ws-material strong{font-size:25px;overflow-wrap:anywhere;font-weight:800;color:#f0e9f4;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ws-material>span{display:block;margin-top:9px;color:#d7d0e2;font-size:16px;font-weight:650;line-height:1.4}
.ws-material>small{display:block;font-size:16px;letter-spacing:1.2px;margin-top:5px}
.ws-material.quality-fine{border-color:#9fcfb337;background:linear-gradient(150deg,#24403935,#1b1b29)}
.ws-material.quality-rare{border-color:#c3aff24d;background:linear-gradient(150deg,#54456c35,#1b1b29)}
.ws-material.quality-void{border-color:#edacd83d;background:linear-gradient(150deg,#71396e25,#1b1b29)}
.ws-material.is-empty strong{color:#82798f}
.ws-next-goal{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #a5dfca25;background:#a5dfca07;border-radius:14px;padding:14px 18px;margin:22px 0}
.ws-next-goal>span{display:flex;align-items:center;gap:12px;min-width:0}
.ws-next-goal small,.ws-next-goal strong{display:block}
.ws-next-goal small{font-size:16px;letter-spacing:1.4px;color:var(--ws-mint);margin-bottom:3px}
.ws-next-goal strong{font-size:16px}
.ws-next-goal .secondary-button{background:transparent;border:0;padding:8px;color:var(--ws-mint);font-size:16px;flex-shrink:0}
.ws-next-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;margin:22px 0}
.ws-next-goals .ws-next-goal{margin:0;min-width:0}
.ws-equip-notice{border-color:#f29bcb40;background:#f29bcb08}
.ws-equip-notice small{letter-spacing:0;margin:4px 0 0;color:#b9b6cc}
.ws-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 18px}
.ws-section-heading p{margin:6px 0 0}
.ws-section-heading>span{font-size:16px;color:#ada5bb}
.ws-projects .ws-section-heading{margin-bottom:12px}
.ws-projects .ws-section-heading h2{font-size:17px}
.ws-projects-empty{border:1px dashed #b2a2c329;border-radius:12px;padding:16px 20px;margin:0;color:#9f98b1!important;font-size:16px!important}
.ws-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ws-redesign .ws-project-grid .workshop-project{padding:16px;background:var(--ws-surface);border:1px solid var(--ws-line);border-radius:14px;margin:0}
.ws-project-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ws-project-heading strong{display:block;font-size:16px;margin-top:4px}
.ws-redesign .workshop-project-state{font-size:16px;letter-spacing:1px}
.ws-redesign .workshop-progress{margin:9px 0}
.ws-tabs{display:flex;gap:4px;overflow-x:auto;padding:6px;margin:30px 0 10px;border:1px solid var(--ws-line);border-radius:14px;background:#13121e;scrollbar-width:none}
.ws-tabs::-webkit-scrollbar{display:none}
.ws-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#aaa3bc;font-size:16px;font-weight:650;white-space:nowrap}
.ws-tabs .ws-icon{width:26px;height:26px;opacity:.6}
.ws-tabs button[aria-selected=true]{background:#312538;border-color:#edabd826;color:#f6dfef;box-shadow:0 2px 8px #03020630}
.ws-tabs button[aria-selected=true] .ws-icon{opacity:1}
.ws-tab-panel{min-width:0}
.ws-structure-grid,.ws-discoveries-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ws-structure{border:1px solid var(--ws-line);border-radius:18px;background:var(--ws-surface);overflow:hidden;min-width:0;transition:border-color .2s,box-shadow .2s}
.ws-structure.is-affordable{border-color:#df9cce4d}
.ws-structure.is-equipped{border-color:#a5dfca66}
.ws-structure:focus{outline:2px solid var(--ws-pink);outline-offset:4px}
.ws-structure-scene{height:210px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 78%,#b7a4ce17,transparent 65%),linear-gradient(#252033,#201e2d);border-bottom:1px solid #ffffff07}
.ws-structure-scene:after{content:'';position:absolute;bottom:22px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#c9a7d145,transparent)}
.ws-level-badge,.ws-state{position:absolute;top:14px;font-size:16px;letter-spacing:.8px;font-weight:700;border-radius:6px;padding:5px 8px;background:#15132190;color:#c6bdd6;z-index:1}
.ws-level-badge{left:12px}
.ws-state{right:12px;font-weight:500;letter-spacing:0}
.ws-state.is-ready{background:#a5dfca16;color:var(--ws-mint)}
.ws-relic-scene>.ws-icon{width:135px;height:135px;filter:drop-shadow(0 10px 14px #05041077)}
.ws-relic-scene{height:190px}
.ws-structure-body{padding:20px;display:flex;flex-direction:column}
.ws-card-heading h3{font-size:21px}
.ws-card-heading p{font-size:16px;margin:5px 0 0;min-height:38px}
.ws-effect-comparison{display:grid;gap:0;margin:15px 0;background:#11111c40;border:1px solid #ffffff08;border-radius:10px;overflow:hidden}
.ws-effect-comparison>div{padding:12px}
.ws-effect-comparison small{font-size:16px;font-weight:750;letter-spacing:1px;color:#9891a9}
.ws-effect-comparison p{display:flex;align-items:center;gap:8px;font-size:16px;color:#cbc3d8;margin:5px 0 0;line-height:1.6}
.ws-effect-comparison p>.ws-icon{width:24px;height:24px;flex-shrink:0}
.ws-effect-comparison .ws-next-effect{background:#e49ac911;border-top:1px solid #e49ac915}
.ws-next-effect small,.ws-next-effect p{color:#eabedb}
.ws-next-effect small{display:flex;justify-content:space-between}
.ws-redesign .workshop-pips{display:flex;gap:4px;margin:2px 0 18px}
.ws-redesign .workshop-pips i{width:auto;flex:1;min-width:0;height:4px;box-shadow:none}
.ws-redesign .workshop-pips i.filled{background:#d798c2}
.ws-recipe-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;color:#b4a9c1;margin-bottom:12px}
.ws-recipe-meta strong{color:#d9cfdf;font-size:16px}
.ws-cost-label{font-size:16px!important;letter-spacing:1px}
.ws-cost{display:grid;gap:10px;padding:0;margin:10px 0 18px;list-style:none}
.ws-cost li{display:flex;align-items:center;gap:9px;min-width:0}
.ws-cost .ws-icon{width:30px;height:30px}
.ws-cost li>div{flex:1;min-width:0}
.ws-cost-line{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:16px;line-height:1.45}
.ws-cost-line>span{color:#b8aec8}
.ws-cost-line strong{font-size:16px;color:var(--ws-mint);white-space:nowrap;font-variant-numeric:tabular-nums}
.ws-cost-line strong span{color:#8f849f;font-weight:400}
.ws-cost-line strong b{margin-left:6px;font-size:16px}
.ws-cost .short strong{color:#d8a6b9}
.ws-cost-meter{display:block;height:3px;border-radius:6px;background:#ffffff09;margin-top:5px;overflow:hidden}
.ws-cost-meter i{display:block;height:100%;background:#a5dfca80;border-radius:inherit}
.ws-cost .short .ws-cost-meter i{background:#d99ec17a}
.ws-card-actions{display:grid;gap:8px;margin-top:auto}
.ws-card-actions button{width:100%;font-size:16px;min-height:44px;padding:11px}
.ws-card-actions .workshop-reason{font-size:16px;text-align:center;min-height:0}
.ws-card-actions [data-workshop=toggleRelic]{background:transparent;color:var(--ws-mint);border-color:#a5dfca40}
.ws-masterwork{min-height:60px;color:var(--ws-mint)!important}
.ws-redesign .workshop-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ws-redesign .ws-refinement{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--ws-line);border-radius:16px;background:var(--ws-surface);min-width:0}
.ws-recipe-heading{display:flex;align-items:center;gap:10px}
.ws-recipe-heading>.ws-icon{width:48px;height:48px}
.ws-recipe-heading h3{font-size:17px}
.ws-recipe-heading small{font-size:16px;letter-spacing:1px}
.ws-refinement>p{font-size:16px;margin:0}
.ws-refinement .ws-cost{margin:0}
.ws-refinement>.secondary-button{margin-top:auto;font-size:16px}
.ws-recipe-output>small{font-size:16px;letter-spacing:1px}
.ws-refinement .workshop-cost{margin:4px 0}
.ws-redesign .workshop-materials.ws-inventory{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:0}
.ws-bloom-hero{display:flex;align-items:center;gap:34px;padding:32px;margin:24px 0;background:radial-gradient(ellipse at 5% 60%,#ed9dd321,transparent 70%),#201d2c;border:1px solid #e1a4d230;border-radius:18px}
.ws-bloom-hero>.ws-icon{width:170px;height:170px;filter:drop-shadow(0 0 22px #e38cd533)}
.ws-bloom-hero small{color:#cba4cb}
.ws-bloom-hero h2{font-size:30px;margin:6px 0}
.ws-bloom-hero p{max-width:560px;margin:10px 0}
.ws-bloom-hero strong{color:var(--ws-pink);font-size:16px}
.ws-bloom-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ws-bloom-stages>span{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--ws-line);border-radius:12px;font-size:16px;color:#b9abc4}
.ws-bloom-stages b{display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;width:28px;height:28px;font-size:16px;color:var(--ws-pink)}
.ws-bloom-stages small{margin-left:auto;font-size:16px}
.ws-bloom-stages .complete{border-color:#a5dfca50;color:var(--ws-mint)}
.ws-bloom-supplies{grid-template-columns:repeat(3,minmax(0,1fr))}
.ws-find{padding:22px;border:1px solid var(--ws-line);border-radius:16px;background:var(--ws-surface)}
.ws-find>.ws-icon{display:block;width:72px;height:72px;margin-bottom:12px}
.ws-find>small{font-size:16px}
.ws-find h3{margin:8px 0}
.ws-find p{font-size:16px}
.ws-redesign .workshop-history,.ws-gatherers{padding:20px 0;border-top:1px solid var(--ws-line);margin-top:30px}
.ws-redesign .workshop-history summary,.ws-gatherers summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-size:16px;font-weight:650;min-height:44px}
.ws-redesign .workshop-history summary span,.ws-gatherers summary span{font-size:16px;color:#9f94b1;font-weight:400}
.ws-gatherers summary:after,.workshop-history summary:after{content:'+';font-size:20px;color:var(--ws-pink)}
.ws-gatherers[open] summary:after,.workshop-history[open] summary:after{content:'−'}
.ws-route-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.ws-route-guide>div{padding:18px;border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-surface)}
.ws-route-guide strong{font-size:16px;margin-left:8px}
.ws-route-guide p{font-size:16px;margin:8px 0 0}
.ws-redesign .ws-gatherers{padding:20px 0!important}
.ws-redesign .data-table-wrap{overflow-x:auto}
.ws-redesign .data-table{min-width:650px}
.ws-redesign .data-table td{font-size:16px}
.ws-redesign .data-table button,.ws-redesign .data-table select{font-size:16px;min-height:44px}
/* Keep accessible route labels out of the table layout. */
.ws-redesign .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ws-redesign .workshop-footnote{font-size:16px;max-width:900px;margin-top:12px}
.ws-quiet-empty{text-align:center;padding:38px 24px;border:1px dashed var(--ws-line);border-radius:16px;margin:24px 0}
.ws-quiet-empty>.ws-icon{width:76px;height:76px;margin-bottom:12px}
.ws-quiet-empty p{max-width:470px;margin:10px auto}
.ws-welcome{text-align:center;border:1px solid var(--ws-line);border-radius:22px;background:radial-gradient(ellipse at 50% 0,#c783b425,transparent 60%),#1b1928;padding:35px}
.ws-welcome>.ws-building-art{height:180px;margin:0 auto 18px}
.ws-welcome>p{max-width:470px;margin:15px auto 22px}
.ws-welcome>button{font-size:16px}
.ws-playbook{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:740px;margin:32px auto 0;padding-top:26px;border-top:1px solid var(--ws-line)}
.ws-playbook>div{display:grid;justify-items:center;gap:8px}
.ws-playbook b{font-size:16px}
.ws-playbook span{font-size:16px;color:#aaa1b9;line-height:1.5}

/* Readable controls and compact cards at every viewport. */
.ws-redesign .page-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:16px;margin-bottom:24px}
.ws-redesign .page-heading h1{margin:0;font-size:38px}
.ws-redesign .ghost-button,.ws-redesign .pagination,.ws-redesign .pagination span,.ws-redesign .data-table th,.ws-redesign .data-table td small,.ws-redesign select{font-size:16px}
.ws-redesign .ghost-button{padding:12px 16px;white-space:nowrap}
.ws-redesign p,.ws-redesign small{line-height:1.5}
.ws-redesign small,.ws-level-badge,.ws-state,.ws-cost-label,.ws-recipe-heading small{letter-spacing:0!important;text-transform:none}
.ws-structure-grid{align-items:stretch}
.ws-structure{display:flex;flex-direction:column}
.ws-structure-body{flex:1;gap:12px;padding:20px}
.ws-effect-comparison{margin:0}
.ws-effect-comparison p{line-height:1.5}
.ws-recipe-meta,.ws-cost,.ws-redesign .workshop-pips{margin:0}
.ws-cost-line{flex-wrap:wrap;gap:2px 10px}
.ws-cost-line>span{flex:1 1 100%}
.ws-cost-line strong{font-size:17px}
.ws-level-badge,.ws-state{max-width:calc(50% - 18px);line-height:1.3}
.ws-level-badge{left:12px}.ws-state{right:12px;text-align:right}
.ws-overview{flex-wrap:wrap;gap:14px 28px;padding:18px 0}
.ws-overview>span{gap:6px;flex-wrap:wrap}
.ws-overview details p{width:min(360px,85vw);font-size:16px}
.ws-overview summary{min-height:44px}
.ws-next-goal{margin:18px 0}
.ws-next-goal small{margin:0}
.ws-section-heading{align-items:baseline;flex-wrap:wrap;gap:8px 20px}
.ws-tabs button{min-height:52px;padding:10px;font-size:16px}
.ws-bloom-stages b{flex-shrink:0;width:34px;height:34px}
.ws-bloom-stages small{line-height:1.35}
.ws-bloom-hero{padding:24px;gap:24px}
.ws-playbook{gap:20px;margin-top:22px}
.ws-redesign .pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
/* One line per discovery/report; details stay optional and lists stay bounded. */
.ws-journal-list{max-height:440px;overflow-y:auto;overscroll-behavior-y:contain;border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-surface);scrollbar-width:thin;scrollbar-color:#80617e transparent}
.ws-redesign .ws-find,.ws-redesign .ws-report{padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;border-bottom:1px solid var(--ws-line)}
.ws-redesign .ws-find:last-child,.ws-redesign .ws-report:last-child{border-bottom:0}
.ws-redesign .ws-find>summary,.ws-redesign .ws-report>summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:68px;padding:12px 16px;font-size:16px;font-weight:400}
.ws-redesign .ws-find>summary::-webkit-details-marker,.ws-redesign .ws-report>summary::-webkit-details-marker{display:none}
.ws-redesign .ws-find>summary>.ws-icon{width:36px;height:36px}
.ws-redesign .ws-find>summary strong,.ws-redesign .ws-report>summary strong{font-size:16px;overflow-wrap:anywhere}
.ws-redesign .ws-find>summary span,.ws-redesign .ws-report>summary span{font-size:16px;color:#c5b6cc;text-align:right}
.ws-redesign .ws-report>summary{grid-template-columns:minmax(0,1fr) auto}
.ws-redesign .ws-find>summary,.ws-redesign .ws-report>summary{position:relative;padding-right:42px}
.ws-redesign .ws-find>summary:after,.ws-redesign .ws-report>summary:after{content:'+';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--ws-pink)}
.ws-redesign .ws-find[open]>summary:after,.ws-redesign .ws-report[open]>summary:after{content:'−'}
.ws-redesign .ws-find[open]>summary,.ws-redesign .ws-report[open]>summary{background:#eaa4cf0c}
.ws-journal-detail{padding:0 16px 16px}
.ws-journal-detail p{margin:8px 0 0}
.ws-journal-detail .workshop-cost{margin-bottom:0}
.ws-redesign .workshop-history>summary{flex-wrap:wrap;margin-bottom:14px}
.ws-redesign .workshop-history>summary span{font-size:16px}
.ws-report-list{max-height:400px}
@media(max-width:1100px){
 .ws-structure-grid,.ws-redesign .workshop-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ws-bloom-stages>span{flex-wrap:wrap}.ws-bloom-stages small{margin-left:0;flex-basis:100%}
 .ws-overview details{margin-left:0}
}
@media(max-width:680px){
 .ws-redesign{padding-bottom:12px}.ws-redesign .page-heading{align-items:center;gap:8px;margin-bottom:18px}.ws-redesign .page-heading h1{font-size:30px}.ws-redesign .ghost-button{padding:10px}
 .ws-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ws-overview>span{display:block}.ws-overview strong{display:block;font-size:20px}.ws-overview details{align-self:center}.ws-overview summary{justify-content:flex-start}.ws-overview details p{left:auto;right:0;top:36px}
 .ws-supply-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.ws-material{padding:12px}.ws-material .ws-icon{width:36px;height:36px}.ws-material>div{gap:6px}.ws-material strong{font-size:23px}.ws-material>span{margin-top:6px}.ws-material>small{margin-top:4px}
 .ws-next-goal{padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.ws-next-goal>span{gap:8px}.ws-next-goal .ws-icon{display:none}.ws-next-goal .secondary-button{padding:8px;white-space:normal;max-width:100px}
 .ws-project-grid,.ws-structure-grid,.ws-redesign .workshop-recipe-grid{grid-template-columns:1fr}.ws-section-heading{margin:22px 0 14px}.ws-redesign .ws-section-heading h2{font-size:23px}
 .ws-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;overflow:visible;padding:5px;margin-top:24px}.ws-tabs button{grid-column:span 2;flex-direction:column;gap:4px;padding:8px 3px;min-width:0;white-space:normal}.ws-tabs button:nth-last-child(-n+2){grid-column:span 3}.ws-tabs .ws-icon{width:28px;height:28px}
 .ws-structure-scene{height:210px}.ws-relic-scene{height:190px}.ws-building-art img{width:220px;height:176px}.ws-structure-body{padding:18px;gap:12px}.ws-effect-comparison{grid-template-columns:1fr}.ws-effect-comparison .ws-next-effect{border-left:0;border-top:1px solid #e49ac915}
 .ws-redesign .workshop-materials.ws-inventory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ws-redesign .ws-refinement{padding:18px}.ws-recipe-heading{align-items:flex-start}.ws-recipe-heading h3{font-size:20px}.ws-recipe-heading>.ws-icon{width:38px;height:38px}
 .ws-bloom-hero{display:grid;justify-items:center;text-align:center;padding:22px 16px;gap:12px}.ws-bloom-hero>.ws-icon{width:116px;height:116px}.ws-bloom-hero h2{font-size:28px}.ws-bloom-stages{grid-template-columns:1fr;gap:8px}.ws-bloom-stages>span{flex-wrap:nowrap;padding:12px}.ws-bloom-stages small{flex-basis:auto;margin-left:auto}.ws-bloom-supplies{grid-template-columns:1fr}.ws-bloom-supplies .ws-material{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ws-bloom-supplies .ws-material>small{grid-column:2}
 .ws-route-guide{grid-template-columns:1fr;gap:8px}.ws-route-guide>div{padding:12px}.ws-route-guide .ws-icon{width:32px;height:32px}.ws-route-guide p{margin-top:6px}
 .ws-redesign .data-table{min-width:0}.ws-redesign .data-table thead{display:none}.ws-redesign .data-table tbody{display:grid;gap:12px}.ws-redesign .data-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;border:1px solid var(--ws-line);border-radius:12px;background:var(--ws-surface)}.ws-redesign .data-table td{height:auto;padding:8px;border:0;min-width:0;text-align:left;overflow-wrap:anywhere}.ws-redesign .data-table td:first-child{grid-column:1/-1}.ws-redesign .data-table td:last-child{grid-column:1/-1}.ws-redesign .data-table button,.ws-redesign .data-table select{width:100%;max-width:100%;padding:10px}.ws-redesign .data-table td small{display:block;white-space:normal}
 .ws-redesign .workshop-history>summary,.ws-gatherers>summary{gap:8px;flex-wrap:wrap}.ws-redesign .ws-find>summary{grid-template-columns:28px minmax(0,1fr);gap:4px 10px;padding:12px 42px 12px 12px}.ws-redesign .ws-find>summary>.ws-icon{width:28px;height:28px;grid-row:span 2}.ws-redesign .ws-find>summary span{grid-column:2;text-align:left}.ws-redesign .ws-report>summary{grid-template-columns:1fr;gap:4px;padding:12px 42px 12px 12px}.ws-redesign .ws-report>summary span{text-align:left}.ws-journal-detail{padding:0 12px 14px}.ws-journal-list{max-height:420px}.ws-report-list{max-height:380px}
 .ws-welcome{padding:22px 16px}.ws-playbook{grid-template-columns:1fr;gap:18px;text-align:center}.ws-playbook>div{gap:4px}.ws-playbook .ws-icon{width:36px;height:36px}
 .ws-redesign .workshop-message{align-items:flex-start;flex-direction:column;padding:14px}
}
@media(prefers-reduced-motion:reduce){.ws-redesign *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Owner Workshop details stay above World action cards and remain readable. */
.world-stage .world-workshop-inspector{z-index:12}
.world-workshop-inspector :is(small,p,strong,a){font-size:16px;line-height:1.5;letter-spacing:0}
/* One painted composition shared with World, with room for level additions. */
.ws-progress-art{display:block;width:200px;height:200px;max-width:100%;flex-shrink:0;filter:drop-shadow(0 8px 10px #09081350)}
.ws-progress-art.is-uncrafted{opacity:.65}
.ws-art-motion{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:50% 85%}
.ws-relic-scene .ws-progress-art{width:180px;height:180px}
.ws-bloom-hero>.ws-progress-art{width:320px;height:auto;aspect-ratio:1}
.ws-recipe-art{display:block;flex-shrink:0;width:48px;height:48px;transform-origin:50% 85%}
.ws-recipe-art>.ws-icon{width:100%;height:100%}
.ws-makes{display:block;color:var(--ws-muted);font-size:16px;margin-top:4px}
.ws-craft-feedback{display:grid;gap:8px;font-size:16px;color:var(--ws-pink);margin-top:4px}
.ws-craft-track{height:6px;overflow:hidden;border-radius:6px;background:#eaa4cf18}
.ws-craft-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ab91d5,#f0b4d6);animation:ws-craft-progress 2s ease-out forwards}
[data-craft-shake]{animation:ws-craft-shake 2s ease-in-out forwards}
.phase-confirming [data-craft-shake]{animation:none}
[data-phase="confirming"] [data-craft-progress]{animation:none;width:90%}
@keyframes ws-craft-progress{to{width:90%}}
@keyframes ws-craft-shake{0%,100%{transform:rotate(0)}12%,32%,52%,72%{transform:rotate(-1.4deg) translateY(-1px)}22%,42%,62%,82%{transform:rotate(1.4deg)}}
@media(prefers-reduced-motion:reduce){.ws-craft-track i{width:90%}}
/* A draft is saved once, so a three-slot choice shares one commitment timer. */
.ws-loadout{padding:20px;border:1px solid var(--ws-line);border-radius:18px;background:var(--ws-surface);margin-bottom:24px}
.ws-loadout-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ws-loadout-slot{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;border:1px solid var(--ws-line);border-radius:14px;padding:12px;background:#171321}
.ws-loadout-slot.is-selected{border-color:var(--ws-pink);box-shadow:0 0 0 1px var(--ws-pink)}
.ws-loadout-slot>.ws-icon{width:64px;height:64px;order:-1}
.ws-loadout-slot button{font-size:16px;white-space:normal;max-width:100%;padding:8px;overflow-wrap:anywhere}
.ws-loadout-slot button[data-workshop="selectRelicSlot"]{border:0;background:none;min-height:44px}
.ws-empty-slot{display:grid;place-items:center;order:-1;width:64px;height:64px;color:var(--ws-muted);font-size:32px}
.ws-loadout-save{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.ws-loadout-save>div{flex:1;min-width:180px}.ws-loadout-save p{margin:4px 0 0}.ws-loadout details{margin-top:16px}.ws-loadout details p{max-width:64ch}
.ws-structure.is-locked .ws-art-motion{filter:grayscale(1);opacity:.5}.ws-structure.is-locked .ws-structure-scene{background:#171521}
.ws-unlock{display:flex;align-items:center;gap:8px;color:var(--ws-pink);margin:0}.ws-unlock>.ws-icon{width:32px;height:32px}
.ws-redesign .ws-mastery-progress{margin:6px 0 0;color:var(--ws-mint);font-size:16px}
@media(max-width:680px){.ws-loadout{padding:12px}.ws-loadout-slots{gap:6px}.ws-loadout-slot{padding:8px 2px}.ws-loadout-slot button{padding:6px 2px}.ws-loadout-slot>.ws-icon,.ws-empty-slot{width:48px;height:48px}.ws-loadout-save>button{flex:1}.ws-loadout-save>div{flex-basis:100%}}

/* A visual, keyboard-accessible guide, independent of background state refreshes. */
.ws-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.ws-redesign .ws-guide-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:1px solid #f29bcb88;border-radius:12px;background:linear-gradient(130deg,#483044,#30243a);color:#ffe7f5;font-weight:750;box-shadow:0 3px 16px #f29bcb10}
.ws-guide-trigger .ws-icon{width:28px;height:28px}
.ws-redesign.ws-guide{position:fixed;width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid #c3aff24d;border-radius:24px;background:#181623;color:#f4eff6;overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 90px #0009}
.ws-guide::backdrop{background:#090812c9;backdrop-filter:blur(6px)}
body:has(dialog.ws-guide[open]){overflow:hidden}
.ws-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ws-guide-heading small{color:var(--ws-pink);letter-spacing:1.4px}
.ws-guide-heading h2{font-size:30px;margin-top:4px}
.ws-guide-heading button{min-width:44px;font-size:26px;line-height:1;padding:7px;margin:0}
.ws-guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.ws-guide-steps li{min-width:0;padding:16px 20px;border:1px solid var(--ws-line);border-radius:16px;background:radial-gradient(ellipse at 50% 0,#9b75c31c,transparent 70%),#211e2e}
.ws-guide-art{height:96px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}
.ws-guide-art>.ws-icon{width:54px;height:54px}
.ws-guide-art>.ws-icon:first-child{width:80px;height:80px}
.ws-guide-art>.ws-icon:only-child{width:112px;height:96px}
.ws-guide-art .ws-progress-art{height:100%;width:120px;flex-shrink:0}
.ws-guide-art .ws-building-art{height:100%}
.ws-guide-relics>.ws-icon,.ws-guide-relics>.ws-icon:first-child{width:84px;height:84px}
.ws-guide-steps h3{display:flex;align-items:center;gap:10px;font-size:21px}
.ws-guide-steps h3 span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#f29bcb20;color:#f7c0df;font-size:16px}
.ws-guide-steps p{margin:10px 0;font-size:16px;line-height:1.5}
.ws-guide-steps p:last-child{margin-bottom:0}
.ws-guide-steps>li>strong{display:block;font-size:16px;line-height:1.5;color:var(--ws-mint)}
.ws-guide-keep{display:flex;align-items:center;gap:14px;padding:14px 0}
.ws-guide-keep>.ws-icon{width:60px;height:60px}
.ws-guide-keep p{margin:0;line-height:1.5}
.ws-guide-keep strong{color:#e9dfef}
.ws-guide-details{border-top:1px solid var(--ws-line);border-bottom:1px solid var(--ws-line);padding:4px 0}
.ws-guide-details summary{cursor:pointer;min-height:44px;align-content:center;color:#e7d7ef;font-size:16px}
.ws-guide-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.ws-guide-facts p{margin:8px 0 14px;line-height:1.5}
.ws-guide-footer{display:flex;justify-content:flex-end;padding-top:18px}
.ws-guide-footer button{min-width:140px;margin:0}
@media(max-width:620px){
 .ws-redesign .page-heading:has(.ws-heading-actions){flex-wrap:wrap;gap:14px}
 .ws-heading-actions{width:100%;justify-content:space-between;gap:8px}
 .ws-redesign .ws-guide-trigger{padding:10px 12px}
 .ws-redesign.ws-guide{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:18px 14px;border-radius:18px}
 .ws-guide-heading h2{font-size:26px}
 .ws-guide-heading{margin-bottom:16px}
 .ws-guide-steps{grid-template-columns:1fr;gap:12px}
 .ws-guide-steps li{padding:14px}
 .ws-guide-art{height:80px;margin-bottom:10px;gap:4px}
 .ws-guide-art>.ws-icon{width:42px;height:42px}
 .ws-guide-art>.ws-icon:first-child{width:64px;height:64px}
 .ws-guide-art>.ws-icon:only-child{width:100px;height:80px}
 .ws-guide-relics>.ws-icon,.ws-guide-relics>.ws-icon:first-child{width:76px;height:76px}

 .ws-guide-facts{grid-template-columns:1fr}
 .ws-guide-footer button{width:100%}
}

/* Bloom care appears only after planting; the existing garden remains the focus. */
.ws-bloom-care{padding:22px;border:1px solid #a5dfca45;border-radius:16px;background:linear-gradient(130deg,#a5dfca0b,#e6aed808),var(--ws-surface);margin:18px 0;font-size:16px}
.ws-bloom-care-heading,.ws-bloom-care-timing,.ws-bloom-feed{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ws-bloom-care-heading h3{margin:0 0 8px;font-size:20px}.ws-bloom-bonus{color:var(--ws-mint);font-size:18px}
.ws-bloom-streak{display:flex;align-items:center;gap:12px;color:var(--ws-muted);font-size:16px;white-space:nowrap}.ws-bloom-streak svg{width:76px;height:76px;overflow:visible}.ws-bloom-streak ellipse{fill:#554761;stroke:#bda9c8;stroke-width:1.5}.ws-bloom-streak ellipse.is-filled{fill:#dfa0d4;stroke:#ffe0f5;filter:drop-shadow(0 0 4px #eba6dc80)}.ws-bloom-streak circle{fill:#f4d6a1}
.ws-bloom-care-timing{margin:14px 0;color:var(--ws-muted)}.ws-bloom-misses{display:flex;gap:10px}.ws-bloom-misses.has-misses b{color:#efc282}
.ws-bloom-feed .workshop-cost{margin:0;display:flex;gap:10px 18px;flex-wrap:wrap;flex:1}.ws-bloom-feed .workshop-cost>span{display:flex;gap:7px;align-items:center;font-size:16px}.ws-bloom-feed .ws-icon{width:30px;height:30px;flex-shrink:0}.ws-bloom-feed button{white-space:nowrap}
.ws-bloom-current>strong{display:block;margin-bottom:10px}.ws-bloom-next{margin-top:16px;padding-top:14px;border-top:1px solid var(--ws-line);font-size:16px;color:var(--ws-muted)}.ws-bloom-next .workshop-cost{margin:8px 0}.ws-bloom-transition{font-size:16px;color:var(--ws-mint)}
.ws-bloom-care details{margin-top:18px;border-top:1px solid var(--ws-line);padding-top:14px;color:var(--ws-muted)}.ws-bloom-care summary{font-size:16px;cursor:pointer}.ws-bloom-care details p{font-size:16px;line-height:1.5;max-width:760px}
.ws-bloom-care.is-dormant{border-color:#efc28255}.ws-bloom-care.is-dormant .ws-bloom-bonus{color:var(--ws-muted)}.ws-progress-art.is-dormant{filter:grayscale(1);opacity:.65}.ws-bloom-loss{padding:16px;border:1px solid #efc28255;border-radius:12px;color:#efc282;font-size:16px}
@media(max-width:680px){.ws-bloom-care{padding:18px 14px}.ws-bloom-care-heading{gap:14px}.ws-bloom-streak svg{width:64px;height:64px}.ws-bloom-feed{gap:16px}.ws-bloom-feed button{width:100%}.ws-bloom-feed .workshop-cost{flex-basis:100%}.ws-bloom-bonus{font-size:16px}.ws-bloom-care-timing{align-items:flex-start;gap:10px}}

/* Hero: what the herd brought home, beside the one paid boost. */
.ws-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:14px;margin:0 0 6px}
.ws-gather{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:6px 20px;min-width:0;padding:24px 26px;border:1px solid #eaa4cf35;border-radius:22px;background:radial-gradient(ellipse at 0 20%,#c276ad1c,transparent 55%),linear-gradient(120deg,#252032,#1b1c2a);box-shadow:0 14px 48px #07061120;transition:border-color .3s,box-shadow .3s}
.ws-gather.is-ready{border-color:#f29bcb80;box-shadow:0 14px 48px #07061120,0 0 0 1px #f29bcb22,0 0 40px #f29bcb14}
.ws-gather-art{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#f6acda22,transparent 70%)}
.ws-gather-art>.ws-icon{width:96px;height:96px;filter:drop-shadow(0 8px 12px #05041060)}
.ws-gather.is-ready .ws-gather-art>.ws-icon{animation:ws-bob 2.4s ease-in-out infinite}
.ws-gather-copy{min-width:0}
.ws-gather-copy h2{font-size:34px;margin:0 0 10px;letter-spacing:-.03em}
.ws-gather.is-ready h2{color:#ffe1f2}
.ws-storage{display:flex;flex-direction:column;gap:6px;max-width:420px;color:#aaa5c1}
.ws-storage b{color:var(--cream,#f4eff6);font-variant-numeric:tabular-nums}
.ws-storage-track{display:block;height:8px;border-radius:99px;background:#ffffff10;overflow:hidden}
.ws-storage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c3aff2,#f29bcb);transition:width .6s ease}
.ws-gather.is-full .ws-storage-track i{background:var(--ws-pink)}
.ws-gather-next{margin:8px 0 6px;color:#e2d8ea;font-weight:650}
.ws-gather.is-full .ws-gather-next{color:var(--ws-pink)}
.ws-gather-copy>small{display:inline-flex;align-items:center;gap:6px;color:#aaa5c1}
.ws-gather-copy>small .ws-icon{width:24px;height:24px}
.ws-gather-actions{grid-column:1/-1;display:grid;margin-top:10px}
.ws-gather-actions .primary-button{font-size:17px;min-height:54px;letter-spacing:.04em}
@keyframes ws-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.ws-surge{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px 24px;border:1px solid #7fdca640;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#7fdca61a,transparent 55%),linear-gradient(150deg,#1d2a2a,#181a29)}
.ws-surge.is-active{border-color:#7fdca680;box-shadow:0 0 40px #7fdca614}
.ws-surge-head{display:flex;align-items:center;gap:14px}
.ws-surge-head>.ws-icon{width:64px;height:64px;filter:drop-shadow(0 6px 14px #ffd98040)}
.ws-surge-head small{display:block;color:var(--green,#7fdca6);font-weight:750;font-size:16px}
.ws-surge-head h2{font-size:26px;margin:2px 0}
.ws-surge-head p{margin:0;color:#aaa5c1}
.ws-surge-active,.ws-surge-held{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #7fdca640;border-radius:14px;background:#7fdca60d}
.ws-surge-active{flex-direction:column;align-items:stretch;gap:8px}
.ws-surge-active b{color:var(--green,#7fdca6);font-size:17px}
.ws-surge-track{display:block;height:8px;border-radius:99px;background:#ffffff12;overflow:hidden}
.ws-surge-track i{display:block;height:100%;border-radius:inherit;background:var(--green,#7fdca6)}
.ws-surge-held b{color:#f4eff6}
.ws-surge-held .primary-button{min-height:44px;padding:0 18px}
.ws-surge-buy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}
.ws-surge-buy>span{display:grid;gap:2px;min-width:0}
.ws-surge-buy b{font-size:20px;color:#f4eff6;white-space:nowrap}
.ws-surge-buy small{color:#aaa5c1}
.ws-surge-buy .primary-button.green{min-height:50px;padding:0 20px;white-space:nowrap}
.ws-surge details{color:#aaa5c1}.ws-surge summary{display:flex;align-items:center;min-height:44px;cursor:pointer}.ws-surge details p{margin:6px 0 0}
.ws-surge .workshop-reason{color:#e2c9a4}
.ws-overview .ws-icon{width:30px;height:30px}
/* Corner invitation on every other route: reports are ready, or the first ones are on their way. */
.ws-ready{position:fixed;z-index:70;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;max-width:min(340px,calc(100vw - 36px));min-height:64px;padding:10px 18px 10px 12px;border:1px solid #f29bcb55;border-radius:18px;background:linear-gradient(130deg,#3a2740f2,#1d1a2cf2);color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 16px 40px #0009;backdrop-filter:blur(12px);animation:ws-pop .4s cubic-bezier(.2,1.2,.4,1)}
.ws-ready[hidden]{display:none}
.ws-ready .ws-icon{width:44px;height:44px;flex-shrink:0;filter:drop-shadow(0 6px 10px #05041060)}
.ws-ready strong,.ws-ready small{display:block;font-size:16px;line-height:1.3}
.ws-ready strong{font-weight:800}.ws-ready small{color:#d9c8e2}
.ws-ready.is-ready{border-color:var(--ws-pink,#f29bcb)}
.ws-ready.is-ready .ws-icon{animation:ws-bob 2.4s ease-in-out infinite}
.ws-ready.is-full{animation:ws-pop .4s cubic-bezier(.2,1.2,.4,1),ws-ready-glow 2s ease-in-out infinite}
.ws-ready:hover,.ws-ready:focus-visible{border-color:#ffd3ea;filter:brightness(1.06)}
@keyframes ws-pop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@keyframes ws-ready-glow{50%{box-shadow:0 16px 40px #0009,0 0 26px #f29bcb66}}
@media(max-width:1180px),(hover:none) and (pointer:coarse){.ws-ready{right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
/* World HUD: storage and the next report, in the action column above Call. */
.world-gather-chip{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px 8px 10px;border-radius:14px;color:var(--cream);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s}
.world-gather-chip[hidden]{display:none}
.world-gather-chip .ws-icon{width:36px;height:36px;flex-shrink:0}
.world-gather-chip>span{flex:1;min-width:0}
.world-gather-chip b,.world-gather-chip small{display:block;font-size:16px;line-height:1.3}
.world-gather-chip b{font-weight:800}.world-gather-chip small{color:var(--muted)}
.world-gather-chip>i{color:var(--muted);font-style:normal;font-size:22px}
.world-gather-chip.is-ready{border-color:#f29bcb88;background:linear-gradient(130deg,#3a274099,#0c0d15b8)}
.world-gather-chip.is-ready small{color:var(--pink)}
.world-gather-chip.is-full{border-color:#f29bcb;box-shadow:0 0 16px #f29bcb33;animation:ws-ready-glow 2.6s ease-in-out infinite}
.world-gather-chip.is-full .ws-icon{filter:drop-shadow(0 0 5px #f29bcb88);animation:ws-full-report-pulse 2.6s ease-in-out infinite}
@keyframes ws-full-report-pulse{50%{filter:brightness(1.25) drop-shadow(0 0 9px #f29bcbbb);opacity:.8}}
@media(prefers-reduced-motion:reduce){.world-gather-chip.is-full,.world-gather-chip.is-full .ws-icon,.ws-ready,.ws-ready .ws-icon{animation:none!important}}
.world-gather-chip:hover,.world-gather-chip:focus-visible{border-color:#ffd3ea}
/* The one collection ceremony: preview, opening beat, confirmed receipt. */
.ws-redesign.ws-loot{position:fixed;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px 28px 22px;border:1px solid #f29bcb55;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#c276ad2e,transparent 55%),#181623;color:#f4eff6;overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 90px #000a;text-align:center}
.ws-loot::backdrop{background:#090812c9;backdrop-filter:blur(6px)}
body:has(dialog.ws-loot[open]){overflow:hidden}
.ws-redesign .ws-loot-close{position:absolute;z-index:2;top:12px;right:12px;width:40px;height:40px;min-height:0;padding:0;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#d8cfe2;font-size:24px;line-height:1}
.ws-loot-hero small{display:block;color:var(--ws-pink);font-weight:750;font-size:16px}
.ws-loot-hero.is-claimed small{color:var(--ws-mint)}
.ws-loot-hero h2{font-size:32px;margin:8px 0 6px;letter-spacing:-.03em}
.ws-loot-hero p{max-width:36ch;margin:0 auto 4px}
.ws-loot-packs{display:flex;justify-content:center;margin:30px 0 14px;transform-origin:50% 85%}
.ws-packs{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;max-width:100%}
.ws-packs>.ws-icon{width:112px;height:112px;filter:drop-shadow(0 12px 16px #05041070)}
.ws-packs.is-multiple>.ws-icon{width:64px;height:64px}
.ws-packs b{padding:6px 10px;border:1px solid #f29bcb40;border-radius:12px;background:#f29bcb12;color:#ffd3ea;font-size:18px}
.ws-loot-hero.is-claimed .ws-packs>.ws-icon{animation:ws-pop .5s cubic-bezier(.2,1.2,.4,1)}
.ws-loot-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0}
.ws-loot-item{display:grid;justify-items:center;gap:2px;min-width:0;padding:12px 8px;border:1px solid var(--ws-line);border-radius:14px;background:#ffffff05}
.ws-loot-item .ws-icon{width:44px;height:44px}
.ws-loot-item strong{font-size:22px;color:#f4eff6;font-variant-numeric:tabular-nums}
.ws-loot-item small{color:#aaa5c1;line-height:1.3}
.ws-loot-item.quality-fine{border-color:#9fcfb337}.ws-loot-item.quality-rare{border-color:#c3aff24d}
.ws-loot-hero.is-claimed~.ws-loot-materials .ws-loot-item{animation:ws-rise .45s cubic-bezier(.2,1,.4,1) both}
.ws-loot-finds{margin:14px 0 0;color:#ddc4ff}
.ws-loot-error{margin:14px 0 0;padding:12px 14px;border:1px solid #f2a6b166;border-radius:12px;color:#f7bfc8}
.ws-loot .ws-craft-feedback{margin-top:14px;text-align:left}
.ws-loot-actions{display:grid;gap:8px;margin-top:22px}
.ws-loot-actions .primary-button,.ws-loot-actions .secondary-button{min-height:50px;font-size:16px}
@keyframes ws-rise{from{opacity:0;transform:translateY(10px)}}
/* One compact timeline: earning first, supporting storage and finds below. */
.ws-bloom-roadmap{padding:20px 24px;margin:0 0 20px;border:1px solid var(--ws-line);border-radius:16px;background:var(--ws-surface)}
.ws-bloom-work-track{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:12px;align-items:center;text-align:center}
.ws-bloom-work-track>div{display:grid;gap:3px}.ws-bloom-work-track span{font-size:16px;color:var(--ws-muted)}
.ws-bloom-work-track strong{font-size:clamp(22px,3vw,30px);color:var(--ws-pink);line-height:1.2;white-space:nowrap}
.ws-bloom-work-track strong span{display:block;font-size:16px;font-weight:500;margin-top:3px}
.ws-bloom-work-track>span{color:var(--ws-pink);font-size:28px}
.ws-bloom-roadmap p{margin:12px 0 0;font-size:16px;line-height:1.5}
.ws-bloom-storage-track{display:flex;align-items:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--ws-line);font-size:16px}
.ws-bloom-storage-track>span{color:var(--ws-muted)}
.ws-bloom-storage-track ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;margin:0;padding:0;list-style:none;text-align:center}
.ws-bloom-storage-track li{display:grid;gap:2px}.ws-bloom-storage-track b{font-size:20px;color:var(--ws-cream)}
.ws-bloom-storage-track li span{font-size:16px;color:var(--ws-muted)}
.ws-bloom-roadmap .is-reached strong,.ws-bloom-roadmap .is-reached b{color:#bce5c8}
.ws-bloom-find-note{text-align:center;color:var(--ws-muted)}.ws-bloom-find-note strong{color:var(--ws-cream);margin-right:8px}
@media(max-width:680px){.ws-bloom-roadmap{padding:18px 14px}.ws-bloom-work-track{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px}.ws-bloom-work-track strong{font-size:22px}.ws-bloom-storage-track{display:block}.ws-bloom-storage-track>span{display:block;text-align:center;margin-bottom:8px}}
.ws-guide-art.ws-guide-growth>.ws-progress-art{width:96px}
@media(max-width:1100px){.ws-hero{grid-template-columns:1fr}}
@media(max-width:680px){
 .ws-gather{padding:18px 16px;grid-template-columns:64px minmax(0,1fr);gap:4px 14px}.ws-gather-art,.ws-gather-art>.ws-icon{width:64px;height:64px}.ws-gather-copy h2{font-size:28px;margin-bottom:8px}.ws-gather-actions .primary-button{min-height:50px}
 .ws-surge{padding:18px 16px}.ws-surge-head>.ws-icon{width:52px;height:52px}.ws-surge-head h2{font-size:22px}.ws-surge-buy{flex-wrap:wrap}.ws-surge-buy .primary-button.green{flex:1 1 100%}
 .ws-overview .ws-icon{display:none}
 .ws-guide-art.ws-guide-growth>.ws-progress-art{width:70px}
}
@media(max-width:620px){.ws-redesign.ws-loot{width:calc(100% - 20px);padding:22px 16px 16px;border-radius:20px}.ws-loot-hero h2{font-size:27px}.ws-loot-materials{gap:6px}.ws-loot-item strong{font-size:19px}}