/* V9 UI: scoped to new mode; original collectible templates untouched. */
.survival-v9{--sv-ink:#17364b;--sv-muted:#536e7c;--sv-orange:#f58b31;--sv-mint:#48b7a0;color:var(--sv-ink);max-width:1360px;margin:16px auto 28px;font-family:system-ui,sans-serif}.survival-v9 h1,.survival-v9 h2,.survival-v9 h3{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;font-weight:800;margin:9px 0}.survival-v9 h1{font-size:clamp(30px,4vw,52px)}.survival-v9 h2{font-size:clamp(24px,2.7vw,38px);line-height:1.1}.survival-v9 h3{font-size:18px}.survival-v9 p{line-height:1.6}.survival-v9 em{color:#c35b13;font-style:normal}.survival-v9 small{line-height:1.5}.survival-v9 button,.survival-v9 summary,.survival-v9 select,.survival-v9 input{font-family:inherit}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;border:1px solid #c66a25;border-radius:11px;background:#ff9c42;color:#172c3c;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #ba6425;transition:transform .12s,background .12s;font-size:13px;line-height:1.3}.sv-btn:hover{background:#ffb365;transform:translateY(-1px)}.sv-btn:active{transform:translateY(2px);box-shadow:none}.sv-btn.secondary{background:#fffaf0;border-color:#b7c8cc;color:#244e60;box-shadow:0 3px 0 #b4c7cb}.sv-btn.text{background:transparent;border:0;box-shadow:none;padding:8px 12px;min-height:44px;color:inherit}.sv-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.survival-v9 :focus-visible{outline:3px solid #c55314;outline-offset:4px}.sv-title,.sv-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.sv-title small,.sv-section-head small{font-weight:800;letter-spacing:1.5px;color:#4c7382;font-size:10px}.sv-title p,.sv-section-head p{margin:7px 0;color:var(--sv-muted);font-size:13px}.sv-eyebrow{font-size:10px;font-weight:850;letter-spacing:1.5px;display:inline-block;border-radius:99px;padding:9px 12px;background:#fff8e8eb;color:#345366}.sv-lobby{position:relative;min-height:510px;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px;background:#cae8e0 var(--scene) center/cover;box-shadow:0 8px 0 #b6ced1}.sv-lobby:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8f4e9fc,#e8f4e9e6 28%,#ebf6ed75 55%,transparent 85%)}.sv-lobby-copy{position:relative;max-width:600px}.sv-lobby h2{font-size:clamp(38px,5.5vw,75px);color:#244654;margin:24px 0 18px}.sv-lobby p{font-size:14px;max-width:50ch}.sv-lobby-rule{position:relative;display:grid;align-self:flex-end;gap:8px;background:#f6fff1ed;padding:20px;border-radius:16px;max-width:220px;border:1px solid #fff}.sv-lobby-rule b{font:900 28px Impact;color:#c96a28}.sv-lobby-rule span{font-size:10px;letter-spacing:1px;font-weight:900;margin-bottom:6px}.sv-universes{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.sv-seed-field{display:grid;max-width:270px;gap:7px;font-size:10px;font-weight:900;letter-spacing:1px}.sv-seed-field input{height:46px;padding:10px 12px;border:1px solid #8fadae;border-radius:8px;background:#fffdf2;color:#244654;font-size:14px}.sv-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 10px}.sv-note{font-size:12px;color:#536e7c;line-height:1.5}.sv-lobby-notes{display:flex;gap:20px;justify-content:space-between;padding:15px 0;color:#546c75;font-size:12px}.sv-lobby-notes p{max-width:65ch}.sv-hud{background:#173e54;border-radius:16px 16px 4px 4px;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#f8fcf2}.sv-hud>div:first-child{display:grid;gap:4px}.sv-hud small{font-size:9px;letter-spacing:1.5px;color:#ffcb86}.sv-hud strong{font-size:20px}.sv-hud-chips{display:flex;gap:9px}.sv-hud-chips>span{display:grid;gap:2px;background:#ffffff10;border:1px solid #ffffff20;padding:7px 13px;border-radius:8px;font-size:9px;min-width:68px}.sv-hud-chips b{font-size:19px;color:#fff2cb}.sv-subhud{display:flex;align-items:center;gap:8px;justify-content:space-between;color:#4d6e7b;padding:0 8px;font-size:10px}.sv-seed{border:0;background:none;color:inherit;cursor:pointer;min-height:44px;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-draft{background:#f3f6eec9;border:1px solid #cee0d9;border-radius:18px;padding:24px}.sv-draft .sv-section-head{margin-top:0}.sv-progress{display:flex;gap:5px}.sv-progress i{width:15px;height:8px;border-radius:99px;background:#c6d9cf}.sv-progress .done{background:#41a68d}.sv-progress .now{background:#e5863c}.sv-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch;margin:26px 0}.sv-offer{min-width:0;display:flex;align-items:center;flex-direction:column;gap:14px;animation:sv-reveal .25s both;animation-delay:calc(var(--i)*.07s)}.sv-offer>.ki-card{width:100%;max-width:230px}.sv-offer>.sv-gear,.sv-offer>.sv-mystery,.sv-offer>.sv-hxh{width:100%;max-width:240px;min-height:310px}.sv-offer>.sv-btn{margin-top:auto;width:100%;max-width:240px}.sv-range{font-size:9px;font-weight:900;letter-spacing:.8px;color:#597367}.sv-mystery{background:repeating-linear-gradient(45deg,#254d60,#254d60 12px,#2b5365 12px,#2b5365 13px);border:3px solid #91b3ad;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#f4f1d3;box-shadow:0 7px 0 #527984;text-align:center}.sv-mystery>span{font:100px Impact;color:#f2cb77}.sv-mystery>strong{font-size:14px;letter-spacing:1px}.sv-mystery small{font-size:11px;line-height:1.8;color:#d1e2da}.sv-drafted{border-top:1px solid #d4dfd7;padding-top:18px;font-size:11px}.sv-drafted>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sv-drafted span{padding:7px 11px;background:#e4eee3;border-radius:5px;color:#3b6453}.sv-gear{border:2px solid #b4c5b5;border-radius:16px;background:linear-gradient(145deg,#fffdf4,#e9efdd);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#294839;box-shadow:0 5px 0 #b4c6b4}.sv-gear[data-tier="3"]{border-color:#7bafbf}.sv-gear[data-tier="4"]{border-color:#b49ac5}.sv-gear[data-tier="5"]{border-color:#d9ae51;background:linear-gradient(135deg,#fff6d0,#fffef4)}.sv-gear>small{text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:900}.sv-gear>strong{font-size:17px;line-height:1.25}.sv-gear p{font-size:12px;margin:0}.sv-object-art{display:grid;place-items:center;width:100%;height:115px}.sv-object-art img{width:96px;height:96px}.sv-cost{font-size:10px;border-radius:99px;background:#fff9;padding:5px 9px;color:#425c4b;margin-top:auto}.sv-editorial{font-size:9px;color:#7f4c26}.sv-hxh{border:3px solid var(--tier);border-radius:15px;background:linear-gradient(150deg,#c5d9bf,#edf1df);padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;color:#224d3d;box-shadow:0 5px 0 #8da796;min-width:0}.sv-portrait-missing{font-size:8px;font-weight:900;letter-spacing:1px;color:#47634e}.sv-monogram{font:70px Impact;color:#426e5688;margin:22px 0}.sv-hxh>strong{font-size:19px;line-height:1.1}.sv-hxh p{font-size:11px;margin:8px 0}.sv-hxh-stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:12px;font-weight:800;border-top:1px solid #6d8d6a33;padding-top:9px;margin-top:auto}.sv-hxh>small{font-size:9px;margin-top:9px}.sv-world{border-radius:18px;background:#fbfdf7;border:1px solid #cbdad2;overflow:hidden}.sv-panorama{height:365px;position:relative;overflow:hidden;background:#b8dcd5 var(--scene) center 55%/cover}.sv-panorama:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f5decc,transparent 70%),linear-gradient(0deg,#264d4244,transparent 70%)}.sv-world-caption{position:absolute;left:36px;top:28px;z-index:2;max-width:55%}.sv-world-caption h2{font-size:clamp(25px,3.5vw,48px);max-width:15ch;color:#224c50;text-shadow:0 2px 0 #ffffdca8}.sv-world-caption p{font-size:13px;color:#294f50;max-width:38ch;font-weight:600}.sv-routes{position:absolute;inset:auto 0 0;width:100%;height:62%}.sv-routes path{fill:none;stroke:#fff2b5;stroke-width:7;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:sv-route .35s .3s forwards;filter:drop-shadow(0 2px 2px #69744b66)}.sv-routes path.sv-highlight,.v8-path.sv-highlight{stroke:#f59138;stroke-width:11;filter:drop-shadow(0 0 5px #ffdc96)}.sv-marker{position:absolute;bottom:15px;left:calc(50% - 22px);border:3px solid #fff4c8;background:#ed963c;color:#fff9d7;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:23px;box-shadow:0 3px 0 #9f592f;animation:sv-step .4s ease-out}.sv-marker span{position:absolute;bottom:-14px;white-space:nowrap;font-size:7px;letter-spacing:1px;font-weight:950;color:white;text-shadow:0 1px 2px #123}.sv-waypoint{position:absolute;bottom:47%;width:43px;height:43px;margin-left:-22px;border:2px solid #ffedbe;background:#234c5a;color:#fff6d7;border-radius:50%;display:grid;place-items:center;font-size:22px;opacity:0;animation:sv-reveal .2s .55s forwards}.sv-world>.sv-section-head{margin:0;padding:22px 26px}.sv-world>.sv-section-head h2{font-size:25px}.sv-swipe{display:none}.sv-route-cards{padding:0 26px 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sv-route-cards:has(>.sv-route-card:only-child){grid-template-columns:minmax(0,410px);justify-content:center}.sv-route-card{padding:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#fffef7;border:1px solid #b9d0c7;overflow:hidden;border-radius:16px;box-shadow:0 5px 0 #c2d5cd;cursor:pointer;color:#224b49;opacity:0;animation:sv-reveal .3s both;animation-delay:calc(.65s + var(--i)*.09s);transition:transform .16s,border-color .16s}.sv-route-card:hover,.sv-route-card:focus-visible{transform:translateY(-4px);border-color:#d08333}.sv-route-art{height:165px;background-size:cover;background-position:center;position:relative}.sv-route-art i{position:absolute;bottom:12px;left:15px;border:2px solid #ffe9ba;background:#fff7dce8;border-radius:14px;padding:8px;font-size:27px;font-style:normal}.sv-route-copy{display:grid;padding:18px;gap:7px;flex:1}.sv-route-copy small{font-size:9px;font-weight:850;letter-spacing:1.2px;color:#9b5b22}.sv-route-copy strong{font-family:Impact,sans-serif;font-size:28px}.sv-route-copy p{font-size:13px;margin:0;line-height:1.5}.sv-route-copy>span{font-size:10px;color:#617a70;border-top:1px solid #dfebdf;padding-top:10px}.sv-route-card>b{background:#2c5d59;color:#fffde8;text-align:center;padding:14px;font-size:11px;letter-spacing:.5px}.sv-map-history{border-top:1px solid #d9e5d7;color:#4e6e63;font-size:12px;padding:0 22px}.sv-map-history summary{min-height:48px;cursor:pointer;display:grid;align-content:center}.sv-map-history p{max-width:80ch}.sv-preview,.sv-rewards,.sv-support{background:#f8faf2;border:1px solid #cbdcd2;border-radius:18px;padding:28px}.sv-preview>.sv-section-head{margin-top:0}.sv-danger{background:#fff1ce;color:#83501e;padding:10px 15px;border-radius:99px;font-size:12px;font-weight:850}.sv-intel{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.sv-intel>span{display:flex;align-items:center;gap:10px;background:#e4eee3;padding:9px 13px;font-size:10px;border-radius:6px}.sv-intel b{font-size:18px}.sv-enemy-preview{display:flex;gap:22px;flex-wrap:wrap}.sv-fighter{min-width:0;position:relative;align-self:start}.sv-fighter>.ki-card{width:100%;max-width:170px;margin:auto}.sv-fighter>.sv-hxh{min-height:220px}.sv-fighter .sv-monogram{font-size:44px;margin:8px 0}.sv-fighter .sv-hxh>strong{font-size:15px}.sv-enemy-preview .sv-fighter{width:155px}.sv-hp{height:7px;background:#c7d6cc;border:1px solid #71968466;border-radius:99px;overflow:hidden;margin:12px 0 4px}.sv-hp>span{display:block;height:100%;background:#4aa78a;transition:width .18s}.sv-hp-label{font-size:10px;display:block;text-align:center;color:#274c48}.sv-equipped{display:grid;gap:3px;text-align:center;font-size:9px;color:#4b6c5c;margin:8px 0}.sv-equipped>span{background:#fdf9e6bb;border:1px solid #d5d6ba;padding:4px;border-radius:4px}.sv-status-icons{font-size:8px;line-height:1.5;color:#4c6759;text-align:center}.sv-fighter.ko{opacity:.4;filter:grayscale(1)}.sv-fighter.acting{animation:sv-strike .2s}.sv-fighter.targeted{animation:sv-hit .2s}.sv-battle{border-radius:18px;background:#f7faf1;overflow:hidden;border:1px solid #bcd3c5}.sv-battle-top{padding:15px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center}.sv-battle-top h2{margin:3px 0}.sv-battle-top small{font-size:9px;font-weight:900;letter-spacing:1px}.sv-battle-controls{display:flex;gap:8px;flex-wrap:wrap}.sv-board{background:#c8e3d2 var(--scene) center/cover;padding:18px 24px;position:relative}.sv-board:before{content:'';position:absolute;inset:0;background:#ecf4dd99;pointer-events:none}.sv-board>*{position:relative}.sv-side-label{text-align:center;font-size:10px;letter-spacing:1px;font-weight:850;color:#4c6156}.sv-enemy-field,.sv-player-field{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,155px));justify-content:center;gap:20px;padding:14px 0}.sv-enemy-field .sv-fighter>.ki-card{max-width:120px}.sv-enemy-field .sv-fighter>.sv-hxh{min-height:180px}.sv-enemy-field .sv-hxh-stats{font-size:9px}.sv-player-field{grid-template-columns:repeat(auto-fit,minmax(130px,175px));min-height:255px}.sv-versus{text-align:center;font-family:Impact;font-size:20px;color:#b16b2a;letter-spacing:3px}.sv-empty{background:#f7f8ea88;border:2px dashed #8daa91;border-radius:13px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:210px;text-align:center;padding:10px;color:#4e7960}.sv-empty b{font-size:36px;font-weight:300}.sv-empty span{font-size:10px;font-weight:900;letter-spacing:1px}.sv-empty small{font-size:10px;max-width:15ch}.sv-live-event{background:#244e53;color:#fff9df;padding:14px 22px;font-size:13px;min-height:48px;text-align:center}.sv-hand{padding:0 22px 18px;background:#fcfcf6}.sv-hand>.sv-section-head{margin:20px 0 16px}.sv-action-chip{font-size:10px;padding:8px 11px;background:#ecefdd;color:#4e694c;border-radius:6px;white-space:nowrap}.sv-hand-row{display:flex;align-items:stretch;gap:15px;overflow-x:auto;padding:0 4px 12px;scroll-snap-type:x proximity}.sv-hand-card{flex:0 0 150px;display:flex;flex-direction:column;align-items:stretch;gap:12px;scroll-snap-align:start}.sv-hand-card>.ki-card{width:100%;max-width:150px;margin:auto}.sv-hand-card>.sv-btn{font-size:10px;padding:10px;min-height:44px;margin-top:auto}.sv-hand-card .sv-gear{min-height:235px;padding:10px;gap:7px}.sv-hand-card .sv-gear>strong{font-size:14px}.sv-hand-card .sv-gear p{font-size:10px}.sv-hand-card .sv-object-art{height:65px}.sv-hand-card .sv-object-art img{width:60px;height:60px}.sv-hand-card .sv-hxh{min-height:220px}.sv-hand-card .sv-monogram{font-size:38px;margin:10px 0}.sv-hand-card .sv-hxh>strong{font-size:14px}.sv-deck-pile{flex:0 0 135px;border:2px solid #afc6b4;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;background:repeating-linear-gradient(30deg,#e4ecde,#e4ecde 8px,#e0e9d9 8px,#e0e9d9 9px);color:#4b6953;align-self:stretch}.sv-deck-pile>b{font-size:35px}.sv-deck-pile>strong{font:35px Impact}.sv-deck-pile>span{font-size:10px;letter-spacing:1px;font-weight:900}.sv-deck-pile small{font-size:9px;text-align:center;line-height:1.6}.sv-deck-pile details{width:100%;font-size:10px}.sv-deck-pile summary{min-height:44px;cursor:pointer;text-align:center;padding-top:15px}.sv-deck-pile ul{padding:0;list-style:none;max-height:180px;overflow:auto;line-height:1.7;overflow-wrap:anywhere}.sv-target-picker{border:1px solid #bcceb8;padding:18px;border-radius:12px;background:#f0f5e5;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.sv-target-picker>div:first-child{width:100%;font-size:13px}.sv-target-picker p{margin:7px 0;font-size:12px}.sv-target-choice{display:grid;gap:7px;flex:1;min-width:180px;max-width:300px}.sv-target-choice small{font-size:11px;line-height:1.5}.sv-log{padding:0 22px;color:#546d5e;font-size:11px}.sv-log summary{min-height:50px;padding:16px 0;cursor:pointer}.sv-log ol{max-height:260px;overflow:auto;padding-left:20px;line-height:1.8}.sv-rewards{text-align:center;padding:36px}.sv-rewards>p{font-size:13px;color:#596e64}.sv-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.sv-reward{border:1px solid #bfcfb8;border-radius:16px;padding:24px 18px;background:#fffef3;cursor:pointer;box-shadow:0 5px 0 #bdceba;display:flex;flex-direction:column;align-items:center;gap:15px;color:#305541;min-height:260px}.sv-reward:hover{border-color:#d09845;background:#fffae7}.sv-reward>strong{font-size:19px}.sv-reward>p{font-size:12px;line-height:1.6;margin:0}.sv-reward>b{font-size:10px;letter-spacing:1px;margin-top:auto;color:#966025}.sv-reward>.ki-card{max-width:140px}.sv-reward-icon{font-size:65px;color:#c38636;padding:13px}.sv-levels{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px}.sv-levels span{padding:8px 12px;background:#e1ecd5;border-radius:5px}.sv-support{position:relative;background:#eaf2e0}.sv-support:before{content:'';position:absolute;inset:0;background:var(--scene) center/cover;opacity:.12;border-radius:18px;pointer-events:none}.sv-support>*{position:relative}.sv-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.sv-shop-grid>div{display:flex;flex-direction:column;gap:15px}.sv-shop-grid .sv-gear{flex:1}.sv-shop-grid .sv-btn{width:100%}.sv-drawer{margin-top:14px;border-radius:16px;background:#244f54;color:#fff8de;overflow:hidden;border:1px solid #315e5a}.sv-drawer>summary{min-height:77px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;position:relative;cursor:pointer;font-size:11px}.sv-drawer summary::-webkit-details-marker{display:none}.sv-drawer>summary>span:last-child{font-size:10px;color:#c9e1d5}.sv-grip{position:absolute;left:calc(50% - 20px);top:9px;width:40px;height:4px;background:#b8d5c68c;border-radius:9px}.sv-drawer-content{background:#f2f6e9;color:#355447;padding:20px;max-height:560px;overflow:auto}.sv-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d1decc;padding-bottom:16px;margin-bottom:16px}.sv-tabs .sv-btn{min-height:44px;padding:10px 15px;font-size:11px}.sv-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.sv-roster>div{padding:15px;border:1px solid #d0ddc8;border-radius:9px;background:#fffdf0;display:grid;gap:4px;font-size:12px}.sv-roster small{font-size:10px;line-height:1.5;color:#557258}.sv-roster .sv-hp{margin:4px 0}.sv-roster span{font-size:10px}.sv-drawer-content>p{font-size:12px}.sv-inventory-controls{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:14px}.sv-inventory-controls label{font-size:11px;display:grid;gap:6px}.sv-inventory-controls select{height:44px;background:#fffdf0;border:1px solid #b6cbb2;border-radius:7px;padding:8px 12px;color:#34563f;min-width:140px}.sv-bag{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.sv-bag-item{padding:12px;background:#fffdf1;border:1px solid #c8d8be;border-radius:10px;font-size:11px;align-self:start}.sv-bag-item summary{min-height:44px;cursor:pointer;display:grid;gap:6px}.sv-bag-item summary span{font-size:10px;color:#637a60}.sv-bag-item small{font-size:10px;line-height:1.6}.sv-confirm{background:#fff4d1;border:1px solid #d5b87b;border-radius:10px;padding:15px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#5f491f;font-size:12px;margin:14px 0}.sv-error{background:#ffe5ce;border:1px solid #c47e47;padding:10px 15px;border-radius:10px;color:#793912;font-size:13px}.sv-end{border:1px solid #c5d5c1;border-radius:20px;padding:50px 35px;text-align:center;background:linear-gradient(#f7f5e4e6,#f7f5e4e6),var(--scene) center/cover}.sv-end h2{font-size:clamp(30px,4vw,56px);margin:20px}.sv-end .sv-actions{justify-content:center}.sv-end-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin:30px 0}.sv-end-stats>div{display:grid;gap:10px}.sv-end-stats b{font:40px Impact;color:#b86f2f}.sv-end-stats span{font-size:11px;color:#54705a}.sv-scout{font-size:11px;color:#47715a;font-weight:800}.sv-v9-entry{margin-top:18px;background:#e4eddd;border:1px solid #b6cbb1;border-radius:15px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#244b3d}.sv-v9-entry strong{font:25px Impact}.sv-v9-entry p{font-size:12px;margin:6px 0}.sv-v9-entry .btn{white-space:nowrap}.v8-journey.biome-wilderness .v8-world-scene{background-image:url('../../assets/v9/wilderness.webp')}.v8-journey.biome-desert .v8-world-scene{background-image:url('../../assets/v9/desert.webp')}.v8-journey.biome-namek .v8-world-scene{background-image:url('../../assets/v9/namek.webp')}.v8-journey.biome-ruins .v8-world-scene{background-image:url('../../assets/v9/ruins.webp')}.v8-journey.biome-sky .v8-world-scene{background-image:url('../../assets/v9/sky.webp')}.v8-journey.biome-void .v8-world-scene{background-image:url('../../assets/v9/void.webp')}.v8-world-scene:before{background:linear-gradient(90deg,#092f4899,transparent 75%)}.v8-path{animation-duration:.35s}.v8-choice{animation-duration:.28s;animation-delay:calc(.65s + var(--v8-index)*.09s)}.v8-path.sv-highlight{stroke:#ffbd65}.v8-choice-art{filter:none!important}
@keyframes sv-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sv-route{to{stroke-dashoffset:0}}@keyframes sv-step{from{transform:translateY(20px)}to{transform:none}}@keyframes sv-strike{50%{transform:translateY(-8px)}}@keyframes sv-hit{50%{transform:translateX(3px);filter:brightness(1.15)}}
@media(max-width:900px){.sv-lobby{padding:28px}.sv-lobby-rule{display:none}.sv-offers{gap:14px}.sv-offer>.sv-gear,.sv-offer>.sv-mystery,.sv-offer>.sv-hxh{min-height:280px}.sv-offer .sv-gear>strong{font-size:15px}.sv-gear{padding:12px}.sv-route-cards{gap:12px;padding:0 16px 22px}.sv-route-art{height:125px}.sv-route-copy{padding:14px}.sv-route-copy strong{font-size:23px}.sv-hud-chips{gap:5px}.sv-hud-chips>span{padding:7px;min-width:55px}.sv-player-field{gap:12px}.sv-enemy-field{gap:12px}.sv-reward-grid{gap:12px}.sv-reward{padding:20px 14px}.sv-reward>strong{font-size:16px}.sv-rewards{padding:25px}.sv-section-head h2{font-size:26px}}
@media(max-width:560px){.survival-v9{margin:9px auto 22px}.sv-title{align-items:flex-start;gap:8px}.sv-title small{font-size:8px}.sv-title h1{font-size:33px}.sv-title p{font-size:11px}.sv-title>.sv-btn{padding:10px;font-size:11px}.sv-lobby{padding:23px 19px;min-height:530px;background-position:65% center}.sv-lobby:before{background:linear-gradient(90deg,#eaf3e7f0,#eaf3e7bd 70%,#eaf3e744)}.sv-lobby h2{font-size:44px}.sv-lobby p{font-size:12px}.sv-lobby .sv-universes .sv-btn{font-size:10px;padding:12px}.sv-lobby-notes{display:block;padding:10px 4px;font-size:10px}.sv-hud{display:block;padding:13px 15px}.sv-hud strong{font-size:18px}.sv-hud-chips{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.sv-hud-chips>span{min-width:0;padding:7px 9px;font-size:8px}.sv-hud-chips b{font-size:17px}.sv-subhud{flex-wrap:wrap;font-size:9px;gap:0}.sv-subhud>span{display:none}.sv-seed{max-width:47%}.sv-subhud .sv-btn{font-size:10px;padding:7px 8px}.sv-draft{padding:17px 12px}.sv-draft .sv-section-head{display:block}.sv-draft h2{font-size:25px}.sv-progress{margin-top:14px}.sv-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px;margin:22px 0}.sv-offer{gap:12px}.sv-offer>.sv-gear,.sv-offer>.sv-mystery,.sv-offer>.sv-hxh{min-height:245px}.sv-offer .sv-gear>strong{font-size:14px}.sv-offer .sv-gear p{font-size:10px}.sv-offer .sv-btn{font-size:10px;padding:10px;min-height:46px}.sv-offer .sv-object-art{height:70px}.sv-offer .sv-object-art img{height:65px;width:65px}.sv-range{font-size:7px;letter-spacing:0}.sv-cost{font-size:8px;padding:5px}.sv-hxh{padding:10px}.sv-hxh>strong{font-size:16px}.sv-hxh-stats{gap:6px;font-size:10px}.sv-monogram{font-size:50px}.sv-portrait-missing{font-size:6px}.sv-world-caption{left:20px;top:22px;max-width:88%}.sv-world-caption h2{font-size:31px;max-width:16ch}.sv-world-caption p{font-size:11px;max-width:31ch}.sv-panorama{height:320px;background-position:60% center}.sv-eyebrow{font-size:8px}.sv-waypoint{width:35px;height:35px;font-size:18px;bottom:38%;margin-left:-18px}.sv-routes{height:49%}.sv-marker{width:37px;height:37px;font-size:19px;left:calc(50% - 19px);bottom:17px}.sv-world>.sv-section-head{padding:20px 17px;display:block}.sv-world>.sv-section-head h2{font-size:24px}.sv-swipe{display:block;font-size:10px;color:#6a7d69;margin-top:10px}.sv-route-cards,.sv-route-cards:has(>.sv-route-card:only-child){grid-template-columns:none;grid-auto-columns:83%;grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 17px 22px;scroll-padding:17px;gap:15px}.sv-route-card{scroll-snap-align:center;min-height:320px}.sv-route-art{height:150px}.sv-route-copy{padding:17px}.sv-route-copy strong{font-size:27px}.sv-route-copy p{font-size:12px}.sv-preview,.sv-rewards,.sv-support{padding:20px 15px}.sv-section-head{align-items:flex-start;gap:10px}.sv-section-head h2{font-size:25px}.sv-section-head p{font-size:11px}.sv-preview .sv-danger{font-size:10px;padding:8px 10px}.sv-intel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sv-intel>span{padding:9px;justify-content:space-between;font-size:8px}.sv-enemy-preview{gap:18px;justify-content:center}.sv-enemy-preview .sv-fighter{width:130px}.sv-battle-top{padding:14px;display:block}.sv-battle-top h2{font-size:25px}.sv-battle-controls{margin-top:13px;display:grid;grid-template-columns:auto auto 1fr;gap:6px}.sv-battle-controls .sv-btn{padding:10px 8px;font-size:9px;min-height:44px}.sv-board{padding:15px 10px}.sv-enemy-field{grid-template-columns:repeat(auto-fit,minmax(85px,105px));gap:12px 8px}.sv-enemy-field .sv-fighter>.ki-card{max-width:100px}.sv-enemy-field .sv-fighter>.sv-hxh{min-height:150px}.sv-enemy-field .sv-hxh>strong{font-size:11px}.sv-enemy-field .sv-monogram{font-size:30px}.sv-enemy-field .sv-hxh-stats{font-size:7px;gap:4px}.sv-player-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:170px}.sv-player-field .sv-hxh{min-height:180px}.sv-player-field .sv-hxh>strong{font-size:12px}.sv-player-field .sv-monogram{font-size:30px}.sv-player-field .sv-hxh-stats{font-size:7px;gap:4px}.sv-empty{min-height:150px;padding:6px}.sv-empty span{font-size:8px;letter-spacing:0}.sv-empty small{font-size:8px}.sv-hp-label{font-size:8px}.sv-equipped{font-size:7px}.sv-status-icons{font-size:7px}.sv-side-label{font-size:8px;letter-spacing:0}.sv-hand{padding:0 12px 14px}.sv-hand>.sv-section-head{display:block}.sv-hand h3{font-size:17px;margin-bottom:13px}.sv-action-chip{font-size:9px;display:inline-block}.sv-hand-row{gap:12px;padding:4px 2px 15px}.sv-hand-card{flex-basis:137px}.sv-deck-pile{flex-basis:110px;padding:12px}.sv-live-event{font-size:11px;line-height:1.5;padding:12px;min-height:50px}.sv-target-picker{padding:12px}.sv-target-choice{max-width:none}.sv-log{padding:0 14px}.sv-reward-grid{grid-template-columns:1fr;gap:16px}.sv-reward{min-height:210px;padding:18px}.sv-reward-icon{font-size:45px}.sv-shop-grid{grid-template-columns:1fr;gap:24px}.sv-shop-grid .sv-gear{min-height:230px}.sv-drawer>summary{padding:23px 15px 16px;min-height:72px;font-size:9px}.sv-drawer>summary>span:last-child{font-size:8px}.sv-drawer-content{padding:14px;max-height:65vh}.sv-tabs{gap:6px}.sv-tabs .sv-btn{padding:9px 10px;font-size:9px}.sv-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sv-roster>div{padding:10px;font-size:11px}.sv-roster small{font-size:9px}.sv-inventory-controls{gap:10px}.sv-inventory-controls select{min-width:120px}.sv-bag{grid-template-columns:1fr}.sv-end{padding:30px 18px}.sv-end h2{font-size:33px;margin:20px 0}.sv-end>p{font-size:12px}.sv-end-stats{gap:22px;display:grid;grid-template-columns:1fr 1fr}.sv-v9-entry{padding:16px;display:block}.sv-v9-entry .btn{margin-top:12px;font-size:11px}.sv-v9-entry strong{font-size:24px}.sv-actions .sv-btn{flex:1;min-width:130px}.sv-drafted{font-size:9px}.sv-drafted span{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.survival-v9 *,.v8-journey *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sv-offer,.sv-route-card,.sv-waypoint{opacity:1!important;transform:none!important}.sv-routes path{stroke-dashoffset:0!important}}
.sv-lobby-copy{flex:1;min-width:0;max-width:650px}.sv-lobby h2{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-1px}
@media(max-width:560px){.sv-lobby h2{font-size:42px}.sv-lobby-copy{max-width:100%}}
.sv-routes{height:44%}.sv-waypoint{bottom:32%}
@media(max-width:560px){.sv-routes{height:42%}.sv-waypoint{bottom:30%}}
.app-shell:has(.survival-v9)>.mobile-nav{display:none}.sv-drawer-count{display:block;margin-top:5px;color:#c7e0d0;font-size:9px}.sv-drawer-faces{display:flex;align-items:center;gap:8px}.sv-drawer-unit{display:grid;gap:3px;text-align:center}.sv-mini-art{position:relative;display:grid;place-items:center;width:36px;height:39px;border:1px solid #aad6b2;border-radius:7px;overflow:hidden;background:#588472}.sv-mini-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sv-drawer-unit small{font-size:8px;color:#d4e6ca}
@media(max-width:560px){.sv-mini-art{width:24px;height:29px;border-radius:4px}.sv-drawer-faces{gap:4px}.sv-drawer-unit small{font-size:7px}.sv-drawer>summary{padding:21px 12px 10px;gap:8px;min-height:83px}.sv-drawer>summary b{font-size:8px}.sv-drawer-count{font-size:8px}}
.sv-rewards{position:relative;isolation:isolate}.sv-rewards:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--scene) center/cover;opacity:.14;border-radius:18px}.sv-reward>.sv-btn{width:100%;margin-top:auto}.sv-support{min-height:340px}.sv-support:before{opacity:.3}



/* === Multi-franchise hangar + cartes portraits (Arène) === */
.fr-hangar{margin:22px 0 18px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--fr-color,#f86b26) 18%,#fff),#fff);border:2px solid color-mix(in srgb,var(--fr-color,#f86b26) 45%,#fff);box-shadow:0 8px 0 color-mix(in srgb,var(--fr-ink,#142741) 12%,transparent)}
.fr-hangar>small{display:block;font:900 11px/1 system-ui;letter-spacing:1.6px;color:var(--fr-ink,#142741);opacity:.75;margin-bottom:12px}
.fr-hangar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fr-tile{border:2px solid color-mix(in srgb,var(--fr) 55%,#222);background:linear-gradient(160deg,var(--fa),var(--fr));color:#fff;border-radius:12px;padding:14px 12px;text-align:left;box-shadow:0 4px 0 #0003;font:inherit;cursor:pointer}
.fr-tile b{display:block;font:900 15px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.fr-tile span{display:block;font-size:11px;font-weight:700;opacity:.9;margin-top:6px}
.fr-tile.on{outline:3px solid #fff;outline-offset:2px;transform:translateY(-2px)}
.fr-hangar-hint{margin:12px 0 0;font-size:12px;font-weight:700;color:var(--fr-ink,#142741);opacity:.8}
.sv-universes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sv-universe-icon{border-radius:10px!important}
.sv-lobby{border-color:var(--fr-color,#f86b26)}

/* Cartes Survie avec portraits — droit, lisible, coins légèrement coupés */
.sv-card{position:relative;width:100%;max-width:240px;aspect-ratio:0.68;border:3px solid var(--fr,var(--tier,#8ab));border-radius:4px;overflow:hidden;background:#1a2438;color:#fff;box-shadow:0 8px 0 #0003;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);display:flex;flex-direction:column;isolation:isolate}
.sv-card-art{position:absolute;inset:0;z-index:0}
.sv-card-art img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.sv-card-fallback{position:absolute;inset:0;display:none;place-items:center;background:radial-gradient(circle at 50% 30%,#3a5678,#152033);flex-direction:column;gap:6px}
.sv-card.no-art .sv-card-fallback{display:grid}
.sv-card.no-art .sv-card-art img{display:none}
.sv-card-fallback b{font:900 48px/1 'Barlow Condensed',Impact,sans-serif;opacity:.85}
.sv-card-fallback span{font:900 11px system-ui;letter-spacing:1px;opacity:.7}
.sv-card-body{position:relative;z-index:1;margin-top:auto;padding:12px 12px 14px;background:linear-gradient(180deg,transparent,rgba(8,12,22,.55) 18%,rgba(8,12,22,.92));display:grid;gap:4px}
.sv-card-body strong{font:900 20px/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;text-shadow:0 2px 0 #0008}
.sv-card-body p{margin:0;font:700 11px/1.2 system-ui;opacity:.9;color:#ffe9b8;max-height:2.4em;overflow:hidden}
.sv-card-stats{display:flex;gap:8px;font:900 12px/1 system-ui;margin-top:4px}
.sv-card-stats span{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:4px 6px}
.sv-card-tag{display:inline-block;margin-top:4px;font:900 9px system-ui;letter-spacing:.6px;background:var(--tier,#8ab);color:#102;border-radius:4px;padding:3px 6px}
.sv-card-warn{display:block;font:700 9px system-ui;color:#ffb4a2;margin-top:2px}
.sv-offer>.sv-card,.sv-fighter>.sv-card,.sv-hand-card>.sv-card{max-width:100%}
.sv-marker-img,.sv-drawer-unit img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.sv-drawer-unit .sv-mini-art{overflow:hidden;border-radius:8px}
@media(max-width:900px){.fr-hangar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-universes{grid-template-columns:1fr}.sv-card{max-width:100%}}