:root{--bg: #12140f;--panel: #1c1f17;--line: #2f3427;--text: #e8e6d9;--muted: #9a9b88;--accent: #b5a642;--r-C: #9aa0a6;--r-PC: #6fbf73;--r-R: #4f9be0;--r-SR: #a77bff;--r-UR: #ff8c42;--r-L: #f5c542;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#2a2f20,var(--bg) 60%) fixed;color:var(--text);font:15px/1.45 Inter,system-ui,sans-serif}button,select{font:inherit;color:inherit}.app{max-width:1200px;margin:0 auto;padding:0 16px 48px}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:calc(18px + env(safe-area-inset-top)) 0 18px;border-bottom:1px solid var(--line);margin-bottom:24px}h1{font-family:Black Ops One,Inter,sans-serif;font-weight:400;font-size:28px;margin:0;color:var(--accent);letter-spacing:1px}nav{display:flex;gap:6px}nav button,.filters button,.actions button,.filters select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer}nav button.active,.filters button.active{border-color:var(--accent);color:var(--accent)}nav svg,.crates svg,.account svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}nav svg{display:none}.crates{display:inline-flex;align-items:center;gap:5px}.crates svg{width:18px;height:18px}.mob{display:none}.stock{margin-left:auto;color:var(--muted)}.muted{color:var(--muted)}.error{color:#ff6b6b}.packs{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:24px}.pack{position:relative;overflow:visible;width:220px;height:300px;border-radius:14px;cursor:pointer;border:2px solid var(--accent);background:repeating-linear-gradient(45deg,#3b4229 0,#3b4229 14px,#343a24 14px,#343a24 28px);box-shadow:0 10px 40px #0008,inset 0 0 0 6px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.pack:not(:disabled):hover{transform:translateY(-6px) rotate(-1deg)}.pack:disabled:not(.is-opening){opacity:.45;cursor:not-allowed}.pack-lid{position:absolute;left:-6px;right:-6px;top:28px;height:26px;border-radius:4px;background:linear-gradient(#5a6440,#3f4830);border:2px solid var(--accent);box-shadow:0 4px 10px #0007;transform-origin:left center}.pack.is-opening{animation:crate-shake .18s ease-in-out 5,crate-burst .5s ease-in .9s forwards}.pack.is-opening .pack-lid{animation:lid-off .6s ease-in .7s forwards}@keyframes crate-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg) translate(-4px)}75%{transform:rotate(2.5deg) translate(4px)}}@keyframes lid-off{to{transform:translate(60px,-260px) rotate(-70deg);opacity:0}}@keyframes crate-burst{60%{filter:brightness(2.5)}to{transform:scale(1.5);opacity:0;filter:brightness(4)}}.packs.is-opening:before{content:"";position:absolute;left:50%;top:180px;width:10px;height:10px;border-radius:50%;background:var(--accent);filter:blur(12px);opacity:0;pointer-events:none;animation:crate-flash .5s ease-out .9s forwards}@keyframes crate-flash{40%{opacity:1;transform:scale(60)}to{opacity:0;transform:scale(90)}}.packs{position:relative}.pack-title{font-family:Black Ops One,sans-serif;font-size:26px;color:var(--accent)}.pack-sub{color:var(--muted)}.stock-big strong{font-size:28px;color:var(--accent)}.rules{max-width:420px;color:var(--muted)}.rules summary{cursor:pointer;color:var(--text)}.reveal{display:flex;flex-direction:column;align-items:center;padding-top:12px}.reveal h2{margin:0 0 16px;font-family:Black Ops One,sans-serif;font-weight:400;color:var(--accent)}.reveal-hint{margin:0 0 18px;min-height:1.4em}.reveal-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.reveal-mini{width:180px;animation:deal .5s ease-out both}.reveal-mini:nth-child(2){animation-delay:.07s}.reveal-mini:nth-child(3){animation-delay:.14s}.reveal-mini:nth-child(4){animation-delay:.21s}.reveal-mini:nth-child(5){animation-delay:.28s}@keyframes deal{0%{opacity:0;transform:translateY(24px)}}.flip{width:200px;height:320px;perspective:1000px;background:none;border:0;padding:0;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;transition:transform .65s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}.flip.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px}.flip-back{display:grid;place-items:center;color:var(--accent);text-align:center;font-family:Black Ops One,sans-serif;font-size:30px;line-height:1.05;letter-spacing:1px;border:2px solid var(--accent);background:repeating-linear-gradient(45deg,#3b4229 0,#3b4229 14px,#343a24 14px,#343a24 28px);box-shadow:inset 0 0 0 8px #0003,0 8px 24px #0008}.flip-front{transform:rotateY(180deg)}.flip-front .card{height:100%}.stack{position:relative;width:230px;height:335px;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;animation:deal .5s ease-out both}.stack:focus-visible{outline:2px solid var(--accent);outline-offset:12px;border-radius:14px}.stack:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,var(--c, transparent) 0%,transparent 60%);opacity:0;transition:opacity .5s}.stack[data-rarity=SR]{--c: var(--r-SR)}.stack[data-rarity=UR]{--c: var(--r-UR)}.stack[data-rarity=L]{--c: var(--r-L)}.stack[data-rarity=SR]:before{opacity:.25}.stack[data-rarity=UR]:before{opacity:.35}.stack[data-rarity=L]:before{opacity:.5}.stack-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translate(calc(var(--dx) * 1px + var(--d) * var(--s) * 3px),calc(var(--d) * 4px)) rotate(calc(var(--dx) * .05deg + var(--d) * var(--s) * 1.6deg));transition:transform .5s cubic-bezier(.2,.8,.3,1),scale .5s cubic-bezier(.2,.8,.3,1),opacity .4s}.stack-card.is-flipped{scale:1.03}.stack-card.dragging{transition:none}.stack-card.gone{transform:translate(140%,-10%) rotate(16deg);opacity:0;pointer-events:none}.reveal{overflow-x:clip}.reveal .stack{margin-bottom:60px}.reveal-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--fc: var(--r-SR)}.reveal-fx.rv-UR{--fc: var(--r-UR)}.reveal-fx.rv-L{--fc: var(--r-L)}.reveal-fx>*{position:absolute;z-index:30}.rv-ring{left:50%;top:50%;width:80%;aspect-ratio:1;margin:-40% 0 0 -40%;border-radius:50%;border:4px solid var(--fc);box-shadow:0 0 18px var(--fc),inset 0 0 18px var(--fc);animation:rv-ring .9s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(.3s + var(--k) * .16s)}@keyframes rv-ring{0%{transform:scale(.3);opacity:.95}to{transform:scale(2.1);opacity:0;border-width:1px}}.rv-spark{left:50%;top:50%;width:11px;height:11px;margin:-5.5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px var(--fc);animation:rv-spark 1.25s cubic-bezier(.2,.6,.35,1) both;animation-delay:calc(.32s + var(--k) * .05s)}@keyframes rv-spark{0%{transform:rotate(var(--a)) translate(10px) scale(1.2);opacity:1}70%{opacity:1}to{transform:rotate(var(--a)) translate(calc(var(--r) * 1px)) scale(.3);opacity:0}}.rv-banner{left:50%;top:calc(100% + 14px);translate:-50% 0;white-space:nowrap;padding:4px 14px;border-radius:8px;font:400 18px/1 Black Ops One,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#12140f;background:var(--fc);box-shadow:0 0 20px var(--fc);animation:rv-banner 2.2s cubic-bezier(.2,.9,.3,1.3) .45s both}@keyframes rv-banner{0%{transform:scale(2.4);opacity:0}15%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(8px)}}.rv-UR .rv-banner{font-size:22px}.rv-L .rv-banner{font-size:30px;padding:6px 20px;background:linear-gradient(90deg,#f5c542,#fff1b8,#f5c542)}.reveal-fx>.rv-rays{z-index:0;left:50%;top:50%;width:260%;aspect-ratio:1;margin:-130% 0 0 -130%;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--fc) 85%,transparent) 0 8deg,transparent 8deg 24deg);mask:radial-gradient(circle,#000 25%,transparent 68%);-webkit-mask:radial-gradient(circle,#000 25%,transparent 68%);animation:rv-rays 2.6s ease-out .3s both}.rv-L>.rv-rays{width:340%;margin:-170% 0 0 -170%;background:repeating-conic-gradient(from 0deg,#f5c542bb 0 7deg,transparent 7deg 18deg);animation-duration:3.4s}@keyframes rv-rays{0%{transform:rotate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:rotate(140deg) scale(1);opacity:0}}.reveal-fx>.rv-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(circle at 50% 45%,#fffbe8,#f5c542aa 35%,transparent 75%);animation:rv-flash .9s ease-out .32s both}@keyframes rv-flash{0%{opacity:0}18%{opacity:.9}to{opacity:0}}.rv-confetti{left:var(--x);top:-30%;width:8px;height:14px;border-radius:2px;background:linear-gradient(#fff1b8,#f5c542);box-shadow:0 0 6px #f5c54299;animation:rv-confetti 2.4s cubic-bezier(.3,.5,.6,1) both;animation-delay:calc(.45s + var(--k) * .08s)}.rv-confetti:nth-child(3n){background:linear-gradient(#fff,#ffd76a);width:6px;height:10px}@keyframes rv-confetti{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(560px) translate(30px) rotate(var(--spin));opacity:0}}.stack-card.rv-SR .card{animation:rv-pop .7s cubic-bezier(.3,1.6,.5,1) .3s both;--pop: 1.06}.stack-card.rv-UR .card{animation:rv-pop .8s cubic-bezier(.3,1.7,.5,1) .3s both;--pop: 1.1;box-shadow:0 0 30px var(--r-UR)}.stack-card.rv-L .card{animation:rv-shake 1s ease-out .3s both,glow 2.4s ease-in-out 1.3s infinite;box-shadow:0 0 40px var(--r-L)}@keyframes rv-pop{0%{transform:scale(.92)}45%{transform:scale(var(--pop))}to{transform:scale(1)}}@keyframes rv-shake{0%{transform:scale(.9)}20%{transform:scale(1.14) rotate(-3deg)}30%{transform:scale(1.12) rotate(3deg)}40%{transform:scale(1.1) rotate(-2deg)}50%{transform:scale(1.08) rotate(1.5deg)}65%{transform:scale(1.04) rotate(-.5deg)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.reveal-fx>:not(.rv-banner){display:none}.stack-card.rv .card{animation:none}}.stack-card .card{pointer-events:none}.actions{display:flex;justify-content:center;margin-top:24px}.actions .primary{background:var(--accent);color:#12140f;border-color:var(--accent);font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:14px}.card{--c: var(--r-C);display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:2px solid var(--c);border-radius:12px;box-shadow:0 0 14px color-mix(in srgb,var(--c) 30%,transparent);text-align:left}.card.r-PC{--c: var(--r-PC)}.card.r-R{--c: var(--r-R)}.card.r-SR{--c: var(--r-SR)}.card.r-UR{--c: var(--r-UR)}.card.r-L{--c: var(--r-L);animation:glow 2.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 28px var(--r-L)}}.card-img{position:relative;flex:none;aspect-ratio:4 / 3;overflow:hidden;background:#0c0d0a}.card-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rarity,.badge{position:absolute;top:8px;padding:2px 8px;border-radius:6px;font-weight:800;font-size:12px}.rarity{left:8px;background:var(--c);color:#12140f}.badge{right:8px;background:#000a;color:var(--text)}.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.card-body h3{margin:0;font-size:15px;line-height:1.25}.meta{margin:0;color:var(--muted);font-size:12px}.stats{margin-top:auto;display:flex;justify-content:space-between;font-weight:600;font-size:13px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chip{color:var(--c)!important}.chip.r-C{--c: var(--r-C)}.chip.r-PC{--c: var(--r-PC)}.chip.r-R{--c: var(--r-R)}.chip.r-SR{--c: var(--r-SR)}.chip.r-UR{--c: var(--r-UR)}.chip.r-L{--c: var(--r-L)}.account{display:flex;align-items:center;gap:8px}.account .muted{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.account button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer}button.primary{background:var(--accent);color:#12140f;border:1px solid var(--accent);font-weight:800;border-radius:8px;padding:10px 16px;cursor:pointer}button.primary:disabled{opacity:.6;cursor:wait}.info{color:var(--text);background:#2a2f20;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;padding:16px;z-index:70}.modal{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 20px 60px #000a}.modal h2{margin:0;font-family:Black Ops One,Inter,sans-serif;font-weight:400;color:var(--accent)}.modal p{margin:0}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.modal input{font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.modal input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.modal-close{position:absolute;top:10px;right:12px;background:none;border:0;font-size:24px;color:var(--muted);cursor:pointer}.modal-links{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.modal-links button{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;font-size:14px}.cond{position:absolute;bottom:8px;left:8px;padding:2px 8px;border-radius:6px;font-weight:700;font-size:11px;background:#000b;color:var(--text);border:1px solid #fff2}.cond-neuf{color:#fff;background:linear-gradient(90deg,#f5c542,#ffe9a0);color:#12140f;border-color:#f5c542}.cond-excellent{border-color:#a77bff;color:#d7c4ff}.cond-bon{border-color:#6fbf73;color:#bfe8c1}.cond-use{color:var(--muted)}.cond-abime{color:#c98a7a;border-color:#c98a7a55}.card-button{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.card-button:hover .card{transform:translateY(-3px)}.modal-wide{max-width:640px;max-height:85vh;overflow:auto}.copies{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.copies li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.copies li.is-selected{border-color:var(--accent)}.copy-id{display:flex;align-items:center;gap:10px}.copy-id .cond,.bench-state .cond{position:static}.copy-actions{display:flex;gap:6px;flex-wrap:wrap}.copy-actions button,.copy-actions select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px}.copy-actions .danger{border-color:#ff6b6b;color:#ff6b6b}button.link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;font:inherit}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0;color:var(--muted)}.pager button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;min-width:40px}.pager button:disabled{opacity:.35;cursor:default}.pager span{margin:0 8px}.stock{display:flex;gap:10px;align-items:center}.wallet{display:inline-flex;gap:8px}.coin{--c: #c9d3dc;--c-bg: linear-gradient(160deg, #4a535c, #23282d);--c-line: #8d9aa6;--c-glow: #b8c7d466;display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 6px;border-radius:999px;background:var(--c-bg);border:1.5px solid var(--c-line);color:var(--c);box-shadow:0 2px 10px #0006,inset 0 1px #fff2;animation:pulse .6s ease-out}.coin-gold{--c: #ffe08a;--c-bg: linear-gradient(160deg, #6b4f12, #2b2006);--c-line: #f5c542;--c-glow: #f5c54277}.coin svg{width:24px;height:24px;padding:3px;border-radius:50%;background:#0005;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.coin-amount{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.3px}.coin-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;opacity:.75}@keyframes pulse{0%{transform:scale(1.2);box-shadow:0 0 22px var(--c-glow, var(--accent))}to{transform:scale(1)}}.workshop{max-width:880px}.workshop-grid{display:grid;grid-template-columns:220px 1fr;gap:20px}.workshop-card .card{width:200px;height:320px}.workshop-card .small{font-size:12px;margin-top:8px}.workshop h2{margin:0 0 4px}.copies li.is-focus{border-color:#fff3}.gauge{width:90px;height:8px;border-radius:4px;background:#000a;overflow:hidden;border:1px solid var(--line)}.gauge-fill{display:block;height:100%;background:var(--muted)}.gauge-fill.cond-neuf{background:linear-gradient(90deg,#f5c542,#ffe9a0)}.gauge-fill.cond-excellent{background:#a77bff}.gauge-fill.cond-bon{background:#6fbf73}.gauge-fill.cond-use{background:#9a9b88}.gauge-fill.cond-abime{background:#c98a7a}.copies li.is-burning{animation:burn .7s ease-in forwards}@keyframes burn{0%{background:var(--bg)}40%{background:#4a2a10;border-color:#ff8c42;box-shadow:0 0 24px #ff8c42,inset 0 0 30px #f50}to{opacity:0;transform:scale(.9) translateY(-10px);filter:blur(2px)}}.quests h2{font-family:Black Ops One,Inter,sans-serif;font-weight:400;color:var(--accent);margin:18px 0 8px;font-size:20px}.quests h2 .muted{font:13px Inter,sans-serif}.quests ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.quest{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.quest.is-claimable{border-color:var(--accent);box-shadow:0 0 14px #b5a64233}.quest.is-claimed{opacity:.55}.quest-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.bar{height:8px;border-radius:4px;background:#000a;border:1px solid var(--line);overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#6fbf73,var(--accent));transition:width .4s}.tuto{position:fixed;right:16px;bottom:16px;width:min(360px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:16px 18px;box-shadow:0 20px 60px #000c;z-index:60}.tuto-step{font-size:12px;color:var(--muted)}.tuto h3{margin:4px 0 6px;font-family:Black Ops One,Inter,sans-serif;font-weight:400;color:var(--accent)}.tuto p{margin:0 0 12px;font-size:14px}.tuto-actions{display:flex;justify-content:space-between;align-items:center}.card[data-division=land] .card-body{border-top:2px solid #8a9a5b}.card[data-division=air] .card-body{border-top:2px solid #5b8fb9}.card[data-division=sea] .card-body{border-top:2px solid #4f6d8f}.card[data-kind=weapon] .card-body{border-top:2px solid #b08968}main.tab-packs{background:radial-gradient(ellipse at 50% 0%,#2f3522 0%,transparent 60%);border-radius:16px}main.tab-quests{background:radial-gradient(ellipse at 50% 0%,#2b2a1a 0%,transparent 60%);border-radius:16px}.major{position:fixed;right:16px;bottom:16px;display:flex;align-items:flex-end;gap:10px;width:min(460px,calc(100vw - 32px));z-index:60;pointer-events:none}.major-portrait,.major-bubble{pointer-events:auto}.major-portrait{flex:none;filter:drop-shadow(0 8px 16px #000a);animation:major-in .5s ease-out}@keyframes major-in{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:none;opacity:1}}.major-bubble{position:relative;flex:1;background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:12px 14px;box-shadow:0 20px 60px #000c}.major-bubble:after{content:"";position:absolute;left:-9px;bottom:28px;border:8px solid transparent;border-right-color:var(--accent);border-left:0}.major-name{font-family:Black Ops One,Inter,sans-serif;color:var(--accent);margin-bottom:4px}.major-bubble p{margin:0 0 10px;font-size:14px;line-height:1.4}.major-actions{display:flex;justify-content:space-between;align-items:center}.small{font-size:12px}.card.tilt{transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .12s ease-out;will-change:transform}.card .holo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:color-dodge;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),#ffffffaa 0%,#ffffff22 18%,transparent 45%),linear-gradient(115deg,transparent 20%,#ff6ec7 35%,#ffd166 45%,#06d6a0 55%,#4cc9f0 65%,transparent 80%);background-blend-mode:overlay;transition:opacity .2s}.card.r-SR .holo,.card.r-UR .holo{opacity:.08}.card.r-L .holo{opacity:.14}.card.tilt:hover .holo{opacity:.5}.card[data-skin=holo] .holo{opacity:.35;mix-blend-mode:screen}.card[data-skin=holo].tilt:hover .holo{opacity:.75}.skin-layer,.wear-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.card[data-skin=desert] .skin-layer{mix-blend-mode:multiply;opacity:.55;background:radial-gradient(circle at 20% 30%,#c2a36b 0 12%,transparent 13%),radial-gradient(circle at 70% 60%,#8b6a3f 0 14%,transparent 15%),radial-gradient(circle at 45% 80%,#d8c08a 0 10%,transparent 11%),radial-gradient(circle at 85% 20%,#a7824e 0 9%,transparent 10%),#e3cf9c}.card[data-skin=forest] .skin-layer{mix-blend-mode:multiply;opacity:.55;background:radial-gradient(circle at 25% 35%,#3f5a2a 0 13%,transparent 14%),radial-gradient(circle at 70% 55%,#6b7f3b 0 15%,transparent 16%),radial-gradient(circle at 40% 85%,#2b3b1f 0 11%,transparent 12%),radial-gradient(circle at 85% 15%,#8a6a3a 0 9%,transparent 10%),#556b2f}.card[data-skin=arctic] .skin-layer{mix-blend-mode:screen;opacity:.5;background:radial-gradient(circle at 30% 30%,#ffffff 0 12%,transparent 13%),radial-gradient(circle at 70% 65%,#c9d6e3 0 14%,transparent 15%),radial-gradient(circle at 50% 90%,#9fb3c8 0 10%,transparent 11%),#e8eef5}.card[data-skin=naval] .skin-layer{mix-blend-mode:color;opacity:.8;background:#5d6b78}.card[data-skin=night] .skin-layer{mix-blend-mode:multiply;opacity:.75;background:linear-gradient(160deg,#1b2230,#0b0f16)}.card[data-skin=chrome] .skin-layer{mix-blend-mode:soft-light;opacity:.9;background:linear-gradient(120deg,#cfd8e3,#fff 30%,#7f8c99,#fff 70%,#cfd8e3)}.card[data-skin=gold] .skin-layer{mix-blend-mode:color;opacity:.85;background:linear-gradient(120deg,#b8860b,gold 50%,#b8860b)}.card[data-skin=gold]{border-color:gold;box-shadow:0 0 18px #ffd70066}.card[data-skin=chrome]{border-color:#e6edf3}.skin-tag{position:absolute;bottom:8px;right:8px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;background:#000b;border:1px solid #fff2}.skin-tag.skin-gold{color:gold;border-color:gold}.skin-tag.skin-holo{color:#ff6ec7;border-color:#ff6ec7}.skin-tag.skin-chrome{color:#e6edf3}.copy-id .skin-tag{position:static}.card.wear-light .wear-layer{opacity:.35;background:repeating-linear-gradient(115deg,transparent 0 11px,#0003 11px 12px,transparent 12px 23px),repeating-linear-gradient(35deg,transparent 0 17px,#fff2 17px 18px,transparent 18px 31px)}.card.wear-heavy .wear-layer{opacity:.6;mix-blend-mode:multiply;background:repeating-linear-gradient(115deg,transparent 0 9px,#0005 9px 11px,transparent 11px 19px),radial-gradient(circle at 15% 85%,#7a3b1e 0 10%,transparent 24%),radial-gradient(circle at 80% 20%,#6b3a20 0 7%,transparent 18%),radial-gradient(circle at 60% 90%,#8a4a2a 0 6%,transparent 15%)}.parade,.parade-editor{display:flex;flex-direction:column;gap:12px}.parade-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.parade-head h2,.parade-editor h2,.parade-editor h3{font-family:Black Ops One,Inter,sans-serif;font-weight:400;color:var(--accent);margin:0}.parade-ground{display:flex;gap:16px;justify-content:center;align-items:flex-end;flex-wrap:wrap;min-height:380px;padding:28px 16px 36px;border-radius:16px;border:1px solid var(--line)}.parade-slot{width:190px}.parade-slot .card{height:310px}.scene-hangar .parade-ground{background:linear-gradient(#1f2419,#0f110c 70%),repeating-linear-gradient(90deg,#0000 0,#0000 60px,#ffffff06 60px,#ffffff06 62px)}.scene-airfield .parade-ground{background:linear-gradient(#2b3a4a 0,#2b3a4a 55%,#3a3d35 55%,#3a3d35 58%,#2e3128 58%),repeating-linear-gradient(90deg,#0000 0,#0000 80px,#e8e2c044 80px,#e8e2c044 120px);background-blend-mode:normal}.scene-port .parade-ground{background:linear-gradient(#3a4a5c 0,#3a4a5c 50%,#1f3346 50%),radial-gradient(circle at 70% 20%,#ffffff22,transparent 40%)}.scene-desert .parade-ground{background:linear-gradient(#d9b86a 0,#d9b86a 45%,#c49a4a 45%,#c49a4a 60%,#a97e3a 60%)}.scene-arctic .parade-ground{background:linear-gradient(#cfe0ee 0,#cfe0ee 50%,#eef4f8 50%)}.scene-parade .parade-ground{background:linear-gradient(#3b4229,#2a2f1e),repeating-linear-gradient(0deg,#0000 0,#0000 24px,#ffffff08 24px,#ffffff08 26px)}.scene-desert .parade-ground .muted,.scene-arctic .parade-ground .muted{color:#333}.like{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:16px;cursor:pointer}.like.is-liked{border-color:var(--accent);color:var(--accent)}.like:disabled{cursor:default;opacity:.7}.username-form{display:flex;gap:8px;max-width:420px}.username-form input{flex:1;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.card-button.is-picked .card{outline:3px solid var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}h1 a{color:inherit;text-decoration:none}.rose-toggle{display:inline-flex;align-items:center;gap:6px}.rose-toggle svg{width:18px;height:18px}.rose-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.rose-toggle[aria-pressed=true] svg{fill:currentColor}:root[data-theme=rose]{--bg: #3a0f27;--panel: #521736;--line: #7f2c5a;--text: #fff0f7;--muted: #f2a9cd;--accent: #ff8cc6}[data-theme=rose] body{background:radial-gradient(circle at 50% -20%,#8a2560,var(--bg) 60%) fixed}[data-theme=rose] .pack,[data-theme=rose] .flip-back{background:repeating-linear-gradient(45deg,#b0306f 0,#b0306f 14px,#9c285f 14px,#9c285f 28px)}[data-theme=rose] .pack-lid{background:linear-gradient(#e0559a,#b0306f)}[data-theme=rose] .actions .primary,[data-theme=rose] button.primary,[data-theme=rose] .rarity{color:#3a0f27}[data-theme=rose] .info{background:#6a1d47}[data-theme=rose] .coin-scrap{--c: #ffe0ef;--c-bg: linear-gradient(160deg, #8a2f63, #4a1233);--c-line: #ff8cc6;--c-glow: #ff8cc666}[data-theme=rose] .quest.is-claimable{box-shadow:0 0 14px #ff8cc644}[data-theme=rose] .bar span{background:linear-gradient(90deg,#ffb3d9,var(--accent))}[data-theme=rose] main.tab-packs{background:radial-gradient(ellipse at 50% 0%,#7a2152 0%,transparent 60%)}[data-theme=rose] main.tab-quests{background:radial-gradient(ellipse at 50% 0%,#6e1f4c 0%,transparent 60%)}[data-theme=rose] .scene-hangar .parade-ground{background:linear-gradient(#5a1a3e,#2e0b1f 70%)}[data-theme=rose] .scene-parade .parade-ground{background:linear-gradient(#8a2560,#5a1a3e),repeating-linear-gradient(0deg,#0000 0,#0000 24px,#ffffff08 24px,#ffffff08 26px)}[data-theme=rose] .major-portrait stop:first-child{stop-color:#8a2560}[data-theme=rose] .major-portrait stop:last-child{stop-color:#521736}[data-theme=rose] .major-portrait [stroke="#b5a642"]{stroke:#ff8cc6}[data-theme=rose] .major-portrait [fill="#4b5a2f"]{fill:#e0559a}[data-theme=rose] .major-portrait [fill="#3a4624"]{fill:#b0306f}[data-theme=rose] .major-portrait [stroke="#3a4624"]{stroke:#b0306f}[data-theme=rose] .major-portrait [fill="#2b351b"]{fill:#7a1f50}[data-theme=rose] .major-portrait [fill="#e2c35a"]{fill:#ffd1e8}@media(max-width:700px){:root{--tabbar: calc(58px + env(safe-area-inset-bottom)) }html{-webkit-tap-highlight-color:transparent}.app{padding:0 12px calc(var(--tabbar) + 16px)}header{gap:10px;flex-wrap:wrap;padding:calc(12px + env(safe-area-inset-top)) 0 10px;margin-bottom:14px}h1{font-size:19px;letter-spacing:.5px;flex:none}.stock{order:3;flex-basis:100%;margin-left:0;gap:8px;font-size:12px;white-space:nowrap}.wallet{flex:1;gap:6px;justify-content:flex-end}.coin{padding:3px 10px 3px 3px;gap:5px}.coin svg{width:22px;height:22px}.coin-amount{font-size:15px}.coin-label{font-size:10px}.account{flex:none;margin-left:auto}.account .muted{display:none}.account button{padding:8px 10px;font-size:13px;white-space:nowrap}.account button svg{display:block}.desk{display:none}.mob{display:inline}nav{position:fixed;left:0;right:0;bottom:0;z-index:55;gap:0;height:var(--tabbar);padding:0 4px env(safe-area-inset-bottom);background:#15170fee;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;border-radius:0;padding:6px 0 4px;font-size:11px;font-weight:600;color:var(--muted)}[data-theme=rose] nav{background:#3a0f27ee}.rose-toggle{padding:8px 10px}nav button.active{color:var(--accent)}nav button:active{transform:scale(.94)}nav svg{display:block}main.tab-packs,main.tab-quests{border-radius:0}.packs{padding-top:10px}.stack{width:72vw;height:105vw}.reveal-mini{width:46%}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-body{padding:8px 10px 10px}.card-body h3{font-size:14px}.filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:8px -12px;padding:0 12px}.filters::-webkit-scrollbar{display:none}.filters button,.filters select{flex:none;white-space:nowrap}.pager{margin:10px 0}.actions{gap:8px;flex-wrap:wrap}.actions button{padding:12px 18px}.modal-backdrop{align-items:end;padding:0}.modal,.modal-wide{max-width:none;max-height:calc(100dvh - 40px - env(safe-area-inset-top));overflow:auto;border-radius:18px 18px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));animation:sheet .3s ease-out}@keyframes sheet{0%{transform:translateY(40px);opacity:0}}.copies li{padding:10px}.copy-actions button,.copy-actions select{padding:9px 12px}.major{right:10px;left:10px;width:auto;bottom:calc(var(--tabbar) + 10px)}.major-portrait svg{width:56px;height:56px}.major-bubble{padding:10px 12px}.major-bubble p{font-size:13px}.parade-ground{min-height:0;padding:16px 10px 20px;gap:10px}.parade-slot{width:calc(50% - 5px)}.parade-slot .card{height:auto}.parade-head{flex-direction:column}.quest{padding:10px 12px;gap:10px}.workshop-card{display:flex;flex-direction:column;align-items:center;text-align:center}.workshop-card .card{width:200px;height:auto}.workshop-grid{grid-template-columns:1fr;gap:12px}}.confirm-burn{margin-top:8px;padding:10px 12px;border:1px solid #ff6b6b88;border-radius:10px;background:#ff6b6b14}.confirm-burn p{margin:0 0 8px}.confirm-gain{color:var(--accent)}.confirm-actions{display:flex;gap:8px}.confirm-actions button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 14px;cursor:pointer;font-weight:700}.confirm-actions .danger{border-color:#ff6b6b;color:#ff6b6b}.muted-dark{font-weight:400;opacity:.7}.odds-backdrop{z-index:80}.odds h3{margin:22px 0 4px;font-size:16px;color:var(--accent)}.odds p{margin:0 0 8px}.odds table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.odds th,.odds td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.odds th{color:var(--muted);font-weight:600;font-size:12px}.rarity-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.workshop-body a{color:var(--accent)}.odds-link{align-self:flex-end;margin-top:24px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.odds-link:hover{color:var(--accent)}.upgrade{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start}.bench{position:sticky;top:12px;min-height:420px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 16px;border-radius:16px;border:2px dashed var(--line);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 65%),var(--panel);transition:border-color .15s,box-shadow .15s;scroll-margin-top:12px}.bench.has-card{border-style:solid}.bench.is-over{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 0 40px color-mix(in srgb,var(--accent) 15%,transparent)}.bench-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.bench-tools{width:84px;height:84px;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bench.is-over .bench-tools{animation:tools-tap .5s ease-in-out infinite}@keyframes tools-tap{50%{transform:rotate(-12deg) scale(1.08)}}.bench-title{font-family:Black Ops One,Inter,sans-serif;font-size:30px;font-weight:400;letter-spacing:.04em;color:var(--accent)}.bench-card{position:relative;flex:none;width:190px}.bench-panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.bench-panel h2{margin:0;font-size:18px}.bench-panel h3{margin:0 0 2px;font-size:15px;color:var(--accent)}.bench-panel p{margin:0}.bench-state{display:flex;align-items:center;gap:10px}.gauge-big{width:160px;height:12px;border-radius:6px}.bench-action{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border-radius:12px;background:#0003;border:1px solid var(--line)}.bench-action .primary{padding:11px;font-size:18px;font-weight:800}.target{display:flex;flex-direction:column;gap:6px}.target input{width:100%;accent-color:var(--accent)}.odds-list{margin:0;display:flex;flex-direction:column;gap:4px;text-align:left}.odds-list div{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:8px;background:#ffffff08;border-left:3px solid currentColor}.odds-list dt{color:var(--text)}.odds-list dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.odds-success{color:#6fbf73}.odds-stay{color:#c9c9b8}.odds-setback{color:#ff6b6b}.bench-max{color:#f5c542;font-weight:700}.bench-action .short{color:#ff6b6b;font-weight:700;text-align:center}.picker h2{margin:0 0 8px;font-size:18px}.picker-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.picker-filters input{flex:1 1 200px;font:inherit;font-size:15px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.picker-filters select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.upgrade{transition:grid-template-columns .3s ease}.upgrade.has-card{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.upgrade.has-card .bench{gap:16px;padding:24px}.upgrade.has-card .bench-card{width:290px}.upgrade.has-card .bench-panel{max-width:400px}.bench{view-transition-name:bench}.picker{view-transition-name:picker}::view-transition-group(bench),::view-transition-group(picker){animation-duration:.4s;animation-timing-function:cubic-bezier(.3,.8,.3,1)}::view-transition-old(picker),::view-transition-new(picker){height:100%;object-fit:cover;object-position:top}.upgrade.has-card .bench-panel h2{font-size:22px}.upgrade.has-card .picker-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.upgrade.has-card .picker-name{font-size:12px}@media(max-width:1100px){.upgrade.has-card .bench-card{width:240px}}.picker-grid{list-style:none;margin:0;padding:2px;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:calc(100vh - 220px);overflow:auto}.picker-grid button{--c: var(--r-C);width:100%;display:flex;flex-direction:column;gap:3px;padding:0 0 6px;overflow:hidden;text-align:left;background:var(--panel);border:2px solid color-mix(in srgb,var(--c) 70%,transparent);border-radius:10px;cursor:grab;font:inherit;color:inherit;transition:transform .12s,box-shadow .12s}.picker-grid button.r-PC{--c: var(--r-PC)}.picker-grid button.r-R{--c: var(--r-R)}.picker-grid button.r-SR{--c: var(--r-SR)}.picker-grid button.r-UR{--c: var(--r-UR)}.picker-grid button.r-L{--c: var(--r-L)}.picker-grid button:hover{transform:translateY(-2px);box-shadow:0 4px 14px color-mix(in srgb,var(--c) 40%,transparent)}.picker-grid button:active{cursor:grabbing}.picker-grid button.is-selected{outline:3px solid var(--accent);outline-offset:1px}.picker-grid .muted{padding:0 8px}.picker-img{display:block;position:relative;aspect-ratio:4 / 3;background:#0c0d0a}.picker-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.picker-img .cond{left:auto;right:4px;bottom:4px}.picker-noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Black Ops One,Inter,sans-serif;font-size:26px;color:var(--c);opacity:.6}.picker-name{padding:0 8px;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bench-card.is-charging{animation:charge .12s linear infinite;filter:brightness(1.15)}@keyframes charge{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}.bench-card.fx-success{animation:fx-lift .9s cubic-bezier(.2,1.6,.4,1)}.bench-card.fx-success .card{animation:fx-glow 1.8s ease-out}@keyframes fx-lift{0%{transform:scale(1)}35%{transform:scale(1.14) translateY(-14px) rotate(-1.5deg)}to{transform:scale(1)}}@keyframes fx-glow{0%{box-shadow:0 0 #6fbf73;filter:brightness(1)}25%{box-shadow:0 0 60px 18px #6fbf73cc;filter:brightness(1.5)}to{box-shadow:0 0 0 0 transparent;filter:none}}.fx-ring{position:absolute;left:50%;top:45%;width:40px;height:40px;margin:-20px 0 0 -20px;z-index:2;pointer-events:none;border-radius:50%;border:4px solid #f5c542;box-shadow:0 0 20px #f5c542,inset 0 0 20px #f5c542;animation:fx-ring 1s ease-out forwards}@keyframes fx-ring{0%{transform:scale(.3);opacity:1}to{transform:scale(9);opacity:0}}.fx-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:12px;overflow:hidden}.fx-shine:after{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skew(-15deg);animation:fx-shine 1s .15s ease-out forwards}@keyframes fx-shine{to{left:130%}}.bench-card.fx-stay{animation:fx-wobble .6s ease-in-out}.bench-card.fx-stay .card{animation:fx-dull 1s ease-out}@keyframes fx-wobble{20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}}@keyframes fx-dull{30%{filter:grayscale(1) brightness(.8)}to{filter:none}}.bench-card.fx-setback{animation:fx-shake .5s ease-in-out}.bench-card.fx-setback .card{animation:fx-red 1.2s ease-out}@keyframes fx-shake{10%,50%,90%{transform:translate(-8px) rotate(-1.5deg)}30%,70%{transform:translate(8px) rotate(1.5deg)}}@keyframes fx-red{0%{box-shadow:inset 0 0 0 999px #ff3b3b88,0 0 30px #ff3b3b}to{box-shadow:none}}.fx-text{position:absolute;left:50%;top:40%;transform:translate(-50%);z-index:3;pointer-events:none;white-space:nowrap;font-family:Black Ops One,Inter,sans-serif;font-size:28px;text-shadow:0 2px 10px #000;padding:4px 14px;border-radius:10px;background:#000c;border:1px solid currentColor;animation:fx-rise 1.6s ease-out forwards}.fx-text-success{color:#8dff9a}.fx-text-stay{color:#d0d0c0;font-size:24px}.fx-text-setback{color:#ff6b6b}@keyframes fx-rise{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-60px) scale(1)}}.fx-sparks{position:absolute;left:50%;top:45%;z-index:2;pointer-events:none}.fx-sparks i{position:absolute;width:8px;height:8px;border-radius:50%;background:#f5c542;box-shadow:0 0 10px #f5c542;transform:rotate(var(--a)) translateY(0);animation:fx-spark 1.1s ease-out forwards}@keyframes fx-spark{to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d, 120px))) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.bench-card,.bench-card .card,.fx-text,.fx-sparks i,.fx-ring,.fx-shine:after,.bench-tools{animation-duration:.01s!important;animation-iteration-count:1!important}}@media(max-width:700px){.upgrade{grid-template-columns:1fr;gap:14px}.bench{position:static;min-height:0;padding:14px}.bench-empty{padding:10px 0}.bench-card{width:150px}.upgrade.has-card{grid-template-columns:1fr}.upgrade.has-card .bench{min-height:0;padding:16px 14px}.upgrade.has-card .bench-card{width:200px}.upgrade.has-card .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bench-title{font-size:24px}.bench-tools{width:48px;height:48px}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:none;overflow:visible}nav button{font-size:10px}}.td-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.td-head h2{margin:0;font-family:Black Ops One,Inter,sans-serif;font-weight:400;font-size:26px;color:var(--accent)}.td-head p{margin:2px 0 0}.td-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.td-field{min-width:0;display:flex;flex-direction:column;gap:8px}.td-hud{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.td-stat{padding:5px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums}.td-stat b{color:var(--accent)}.td-controls{margin-left:auto;display:flex;gap:6px}.td-controls button,.td-actions button:not(.primary){background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.td-canvas-wrap{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px #0008}.td-canvas-wrap canvas{display:block;width:100%;aspect-ratio:16 / 10;touch-action:manipulation;cursor:pointer}.td-canvas-wrap canvas.is-placing{cursor:crosshair}.td-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:#0b0c08cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:deal .3s ease-out}.td-over h3{margin:0;font-family:Black Ops One,Inter,sans-serif;font-weight:400;font-size:30px;color:#ff6b6b}.td-over p{margin:0}.td-record{color:var(--r-L);font-weight:800}.td-wave{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:42px}.td-log{color:#6fbf73;font-weight:700}.td-side{display:flex;flex-direction:column;gap:10px}.td-shop-title{margin:0;font-size:15px;color:var(--accent)}.td-shop{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.td-shop button{--c: var(--accent);width:100%;display:grid;grid-template-columns:30px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;text-align:left;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--c);border-radius:10px;cursor:pointer}.td-shop button:hover{background:#ffffff08}.td-shop button.is-active{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 35%,transparent);background:color-mix(in srgb,var(--c) 10%,var(--panel))}.td-shop button.is-short{opacity:.55}.td-shop button{grid-template-columns:46px 1fr auto}.td-shop img{grid-row:span 2;width:46px;height:46px;filter:drop-shadow(0 2px 3px #0008);transition:transform .15s}.td-shop button:hover img,.td-shop button.is-active img{transform:scale(1.1) rotate(-6deg)}.td-shop button:disabled{cursor:default}.td-ultimate button{border-color:#f5c54266;background:linear-gradient(120deg,#3a3010,var(--panel) 70%)}.td-ultimate button:not(:disabled){animation:ultimate 2.4s ease-in-out infinite}@keyframes ultimate{50%{box-shadow:0 0 16px #f5c54255}}.td-strike{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:10px;cursor:pointer;font-weight:800;background:linear-gradient(90deg,#5a3a10,#3a2810);border:1px solid #f5c542;color:#f5c542}.td-strike img{width:32px;height:32px}.td-strike:not(:disabled){animation:ultimate 1.4s ease-in-out infinite}.td-strike:disabled{opacity:.55;cursor:default}.td-selected-art{float:right;width:64px;height:64px;margin:-4px -4px 0 6px;filter:drop-shadow(0 3px 5px #000a)}.td-selected.is-hero{border-color:#f5c542;background:linear-gradient(160deg,#3a3010,var(--panel) 60%)}.td-shop-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.td-shop-name kbd{font:10px Inter,sans-serif;padding:0 4px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.td-shop-role{grid-column:2 / 4;font-size:12px;color:var(--muted);line-height:1.25}.td-shop-cost{grid-row:1;grid-column:3;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.td-help{margin:0}.td-selected{padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--accent);display:flex;flex-direction:column;gap:8px;animation:deal .2s ease-out}.td-selected h3{margin:0;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.td-selected p{margin:0}.td-level{font-size:11px;padding:2px 8px;border-radius:6px;color:#12140f;font-weight:800}.td-level.r-C{background:var(--r-C)}.td-level.r-R{background:var(--r-R)}.td-level.r-L{background:var(--r-L)}.td-stats{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.td-stats div{padding:6px;border-radius:8px;background:#0003;text-align:center}.td-stats dt{font-size:11px;color:var(--muted)}.td-stats dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.td-actions{display:flex;gap:6px;flex-wrap:wrap}.td-actions .primary{flex:1}.td-max{flex:1;align-self:center;color:var(--r-L);font-weight:800}@media(max-width:900px){.td-layout{grid-template-columns:1fr}.td-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:700px){.td-head h2{font-size:21px}.td-head p{font-size:13px}.td-hud{gap:5px;font-size:13px}.td-stat{padding:4px 8px}.td-shop{grid-template-columns:repeat(2,minmax(0,1fr))}.td-shop button{grid-template-columns:36px 1fr;padding:6px 8px}.td-shop img{width:36px;height:36px}.td-shop-cost{grid-row:auto;grid-column:2}.td-shop-role,.td-shop-name kbd{display:none}.td-wave .primary{flex:1;padding:12px}}.td-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.td-map{display:flex;flex-direction:column;gap:6px;padding:0 0 14px;overflow:hidden;text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:transform .15s,border-color .15s,box-shadow .15s}.td-map:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 30px #0008}.td-map>span{padding:0 14px}.td-map-preview{display:block;width:100%;aspect-ratio:16 / 10;border-bottom:1px solid var(--line)}.td-map-title{font-family:Black Ops One,Inter,sans-serif;font-size:20px;color:var(--accent);display:flex;align-items:center;gap:8px;margin-top:6px}.td-map-diff{font:800 11px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:6px;color:#12140f;background:#6fbf73}.td-map-moyen .td-map-diff{background:#f5c542}.td-map-difficile .td-map-diff{background:#ff6b6b}.td-map-brief{font-size:13px;color:var(--muted);line-height:1.35}.td-map-best{font-size:12px;font-weight:700;color:var(--text)}.td-stat-map{font-weight:800}.td-shop-role{display:none}.td-shop button.is-active .td-shop-role,.td-shop li.is-locked .td-shop-role{display:block}.td-shop li.is-locked button{opacity:.5;filter:grayscale(.8);cursor:not-allowed;border-left-color:var(--line)}.td-shop li.is-locked .td-shop-cost{color:var(--muted);font-size:12px}.td-shop{max-height:calc(100vh - 160px);overflow:auto;padding-right:2px}.td-unlock{position:absolute;left:50%;top:12px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none;animation:unlock-in .6s cubic-bezier(.2,1.4,.4,1)}.td-unlock-card{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:12px;background:linear-gradient(120deg,#3a3010f2,#1c1f17f2);border:1px solid #f5c542;box-shadow:0 10px 30px #000a,0 0 24px #f5c54244}.td-unlock-card img{width:48px;height:48px}.td-unlock-card div{display:flex;flex-direction:column;line-height:1.2}.td-unlock-card small{color:#f5c542;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.td-unlock-card strong{font-size:16px}.td-unlock-card span{color:var(--muted);font-size:12px}@keyframes unlock-in{0%{opacity:0;transform:translate(-50%,-16px) scale(.8)}}@media(max-width:900px){.td-shop{max-height:none;overflow:visible}}@media(max-width:700px){.td-shop-role{display:none!important}.td-unlock-card img{width:36px;height:36px}.td-unlock-card strong{font-size:14px}}.td-map-features{margin:0;padding:0 14px 0 30px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text)}.td-map-features li::marker{color:var(--accent)}.td-storm{position:absolute;left:50%;bottom:10px;transform:translate(-50%);padding:6px 14px;border-radius:10px;pointer-events:none;background:#6b4f20e6;border:1px solid #f5c542;color:#ffe8b0;font-weight:800;font-size:13px;white-space:nowrap;animation:unlock-in .4s ease-out}.td-high{margin:0;color:#f5c542;font-weight:700;font-size:12px}.crate{--edge: var(--accent);--lid1: #5a6440;--lid2: #3f4830;--ink: var(--accent);--glow: #f5c542;position:relative;isolation:isolate;overflow:visible;flex:none;width:180px;height:248px;border-radius:14px;cursor:pointer;padding:64px 10px 14px;border:2px solid var(--edge);box-shadow:0 12px 34px #0009,inset 0 0 0 6px #0003;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;transition:transform .2s;animation:crate-jolt 8s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s)}.crate:not(:disabled):hover{transform:translateY(-6px) rotate(-1deg);animation-play-state:paused}.crate:disabled:not(.is-opening){opacity:.45;cursor:not-allowed;filter:grayscale(.6)}@keyframes crate-jolt{0%,90%,to{transform:none}92%{transform:rotate(-1.6deg) translateY(-2px)}94%{transform:rotate(1.4deg)}96%{transform:rotate(-.6deg)}}.crate-lid{position:absolute;left:-6px;right:-6px;top:26px;height:26px;border-radius:4px;z-index:3;background:linear-gradient(var(--lid1),var(--lid2));border:2px solid var(--edge);box-shadow:0 4px 10px #0007;display:grid;place-items:center;transform-origin:left center;transition:transform .25s}.crate-code{font:400 13px Black Ops One,sans-serif;letter-spacing:2px;color:var(--ink);opacity:.9}.crate:not(:disabled):hover .crate-lid{transform:translateY(-7px) rotate(-3deg)}.crate-light{position:absolute;left:8px;right:8px;top:52px;height:5px;border-radius:3px;z-index:2;background:linear-gradient(90deg,transparent,var(--glow),#fff,var(--glow),transparent);box-shadow:0 0 14px 4px var(--glow);animation:crate-glow 2.6s ease-in-out infinite;transition:height .25s,top .25s,box-shadow .25s}.crate:not(:disabled):hover .crate-light{height:12px;top:46px;box-shadow:0 0 26px 10px var(--glow)}@keyframes crate-glow{50%{opacity:.55}}.crate-peek{position:absolute;top:2px;left:58%;width:44px;height:58px;z-index:2;border-radius:6px;border:2px solid #f5c542;transform:rotate(14deg);transition:top .25s;background:linear-gradient(115deg,transparent 30%,#fff8 45%,transparent 60%) 0 0 / 260% 100%,repeating-linear-gradient(45deg,#3b4229 0,#3b4229 7px,#343a24 7px,#343a24 14px);box-shadow:0 0 12px #f5c54288;animation:crate-peek 5s ease-in-out infinite,crate-shine 3s linear infinite}.crate:not(:disabled):hover .crate-peek{top:-14px}@keyframes crate-peek{50%{transform:rotate(10deg) translateY(-4px)}}@keyframes crate-shine{0%{background-position:130% 0,0 0}to{background-position:-130% 0,0 0}}.crate-sparks{position:absolute;left:0;right:0;top:50px;height:0;z-index:4;pointer-events:none}.crate-sparks i{position:absolute;left:calc(18% + var(--k) * 13%);width:4px;height:4px;border-radius:50%;background:var(--glow);box-shadow:0 0 6px 1px var(--glow);opacity:0;animation:crate-spark 2.8s ease-out infinite;animation-delay:calc(var(--k) * .45s + var(--i) * .2s)}@keyframes crate-spark{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translate(calc((var(--k) - 2.5) * 5px),-60px) scale(.4)}}.crate-rays{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-1;border-radius:50%;pointer-events:none;opacity:.18;background:conic-gradient(from 0deg,transparent 0 8%,var(--glow) 10%,transparent 12% 33%,var(--glow) 35%,transparent 37% 58%,var(--glow) 60%,transparent 62% 83%,var(--glow) 85%,transparent 87%);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);mask:radial-gradient(circle,#000 20%,transparent 68%);animation:crate-spin 18s linear infinite;transition:opacity .25s}.crate:not(:disabled):hover .crate-rays{opacity:.5}@keyframes crate-spin{to{transform:rotate(360deg)}}.crate-emblem{width:74%;height:auto;margin-top:6px;fill:var(--ink);filter:drop-shadow(0 2px 0 #0006)}.crate-title{font:400 17px/1.1 Black Ops One,sans-serif;color:var(--ink);text-shadow:0 2px 0 #0007}.crate-sub{font-size:12px;font-weight:700;color:var(--sub, #e8e6d9cc)}.crate-stamp{position:absolute;right:8px;bottom:10px;padding:1px 6px;border:2px solid #c0392bcc;border-radius:4px;font:400 11px Black Ops One,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#c0392bcc;transform:rotate(-12deg)}.crate-tag{position:absolute;left:-12px;top:66px;z-index:4;padding:3px 8px 3px 10px;border-radius:3px 8px 8px 3px;font-size:11px;font-weight:800;color:#3b2a0a;background:linear-gradient(#f7d774,#d9a92e);box-shadow:0 3px 8px #0008;transform-origin:0 50%;animation:crate-swing 3.2s ease-in-out infinite}@keyframes crate-swing{50%{transform:rotate(-5deg)}}.crate.m-wood{--edge: #c8a24a;--lid1: #a98049;--lid2: #6b4f2b;--ink: #2f3a17;--glow: #ffb347;--sub: #2f3a17;background:linear-gradient(90deg,#6b4f2b 0 12px,transparent 12px calc(100% - 12px),#6b4f2b calc(100% - 12px)),repeating-linear-gradient(90deg,#0000000d 0 2px,transparent 2px 9px),repeating-linear-gradient(0deg,#a07a46 0,#a07a46 44px,#5e4524 44px,#5e4524 47px,#8d6a3c 47px,#8d6a3c 91px,#5e4524 91px,#5e4524 94px)}.crate.m-wood .crate-title{text-shadow:0 1px 0 #ffffff40}.crate.m-steel{--edge: #e8b923;--lid1: #748545;--lid2: #3f4a20;--ink: #f2c641;--glow: #ffd54a;background:linear-gradient(135deg,#6b7b3d 25%,transparent 25%) -6px 0 / 12px 12px,linear-gradient(225deg,#6b7b3d 25%,transparent 25%) -6px 0 / 12px 12px,linear-gradient(315deg,#6b7b3d 25%,transparent 25%) 0 0 / 12px 12px,linear-gradient(45deg,#6b7b3d 25%,transparent 25%) 0 0 / 12px 12px,#55642f}.crate.m-steel:after,.crate.m-hazard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;border-radius:0 0 12px 12px;z-index:-1;background:repeating-linear-gradient(-45deg,#1e1e1c 0,#1e1e1c 9px,#e8b923 9px,#e8b923 18px)}.crate.m-alu{--edge: #2a2d30;--lid1: #cdd4d8;--lid2: #8f989f;--ink: #1d3557;--glow: #7fd8ff;--sub: #1d3557;background:linear-gradient(#7b858c,#7b858c) 0 34% / 100% 4px no-repeat,linear-gradient(#7b858c,#7b858c) 0 82% / 100% 4px no-repeat,radial-gradient(circle at 12px 12px,#1f2225 9px,transparent 10px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#1f2225 9px,transparent 10px),repeating-linear-gradient(0deg,#b9c1c6 0,#b9c1c6 3px,#aab3b9 3px,#aab3b9 6px)}.crate.m-alu .crate-title{text-shadow:0 1px 0 #ffffff80}.crate.m-navy{--edge: #c9b98f;--lid1: #3a6088;--lid2: #152b44;--ink: #ecebe2;--glow: #5ff0e0;background:repeating-linear-gradient(45deg,transparent 0 18px,#c9b98f99 18px 20px),repeating-linear-gradient(-45deg,transparent 0 18px,#c9b98f99 18px 20px),linear-gradient(#28476a,#1b3350)}.crate.m-hazard{--edge: #b3261e;--lid1: #f6f3ea;--lid2: #cfc9b8;--ink: #1e1e1c;--glow: #ff5a3c;--sub: #1e1e1c;background:linear-gradient(#b3261e,#b3261e) 0 30% / 100% 10px no-repeat,linear-gradient(#b3261e,#b3261e) 0 86% / 100% 10px no-repeat,#e7e2d4}.crate.m-hazard .crate-emblem{fill:#b3261e}.crate.m-nation{--edge: #f5c542;--lid1: #9a8457;--lid2: #4c3f27;--ink: #f4f1e8;--glow: #f5c542;background:linear-gradient(#0000002a,#0006),var(--flag) center / cover}.crate.m-nation .crate-emblem{width:64px;height:64px;padding:10px;border-radius:50%;background:#1d1f17aa;border:2px solid #f5c54288;fill:#f2c641}.crate.m-nation .crate-emblem.e-roundel{fill:#f4f1e8}.crate.m-nation .crate-emblem.e-sun{fill:#bc002d}.crate.m-nation .crate-title{text-shadow:0 2px 4px #000,0 0 2px #000}.crate.is-opening{animation:crate-shake .18s ease-in-out 5,crate-burst .5s ease-in .9s forwards}.crate.is-opening .crate-lid{animation:lid-off .6s ease-in .7s forwards}@media(prefers-reduced-motion:reduce){.crate,.crate *{animation:none!important}}.crate{height:262px}.crate>svg,.crate-title,.crate-motto,.crate-sub{position:relative;z-index:2}.crate-motto{font-size:11px;font-style:italic;font-weight:700;color:var(--motto, var(--ink));opacity:.85;margin-top:-3px}.crate-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:12px;overflow:hidden;pointer-events:none}.crate-deco i{position:absolute;display:block}.crate[data-t=poing]{--edge: #d4af37;--lid1: #7a2430;--lid2: #4a1119;--ink: #f2d27a;--glow: #ffd27a;--sub: #f2d27acc;background:radial-gradient(#ffffff0d 1px,transparent 1.5px) 0 0 / 5px 5px,linear-gradient(160deg,#6e1f2a,#3d0f16)}.crate[data-t=poing] .crate-deco{background:radial-gradient(circle at 0 0,#d4af37 0 16px,#8a6d1d 17px 19px,transparent 20px),radial-gradient(circle at 100% 0,#d4af37 0 16px,#8a6d1d 17px 19px,transparent 20px),radial-gradient(circle at 0 100%,#d4af37 0 16px,#8a6d1d 17px 19px,transparent 20px),radial-gradient(circle at 100% 100%,#d4af37 0 16px,#8a6d1d 17px 19px,transparent 20px)}.crate[data-t=poing] .crate-deco i:nth-child(1){left:14px;bottom:12px;width:26px;height:30px;border-radius:4px;background:radial-gradient(circle at 50% 38%,#2a1a05 0 4px,transparent 5px),linear-gradient(#5a2a0a,#5a2a0a) 50% 60% / 3px 9px no-repeat,linear-gradient(#f0cf6a,#b38b2a);box-shadow:0 2px 4px #0008}.crate[data-t=poing] .crate-sparks i{background:#fff3b0;width:3px;height:3px}.crate[data-t=poing] .crate-stamp{color:#f2d27a;border-color:#f2d27a}.crate[data-t=fusils]{--edge: #8fa34a;--lid1: #5d6b32;--lid2: #2f3a17;--ink: #eaf2c8;--glow: #ff3b3b;background:radial-gradient(ellipse 30px 18px at 20% 20%,#2b2a18 98%,transparent),radial-gradient(ellipse 40px 22px at 80% 35%,#6b5a32 98%,transparent),radial-gradient(ellipse 34px 24px at 30% 65%,#6b5a32 98%,transparent),radial-gradient(ellipse 28px 20px at 75% 80%,#2b2a18 98%,transparent),radial-gradient(ellipse 36px 16px at 55% 50%,#3e5a22 98%,transparent),#556b2f}.crate[data-t=fusils] .crate-deco i:nth-child(1){left:calc(50% - 46px);top:76px;width:92px;height:92px;border-radius:50%;border:2px solid #eaf2c855;background:linear-gradient(#eaf2c855,#eaf2c855) 50% 0 / 1.5px 100% no-repeat,linear-gradient(#eaf2c855,#eaf2c855) 0 50% / 100% 1.5px no-repeat}.crate[data-t=fusils] .crate-deco i:nth-child(2){width:8px;height:8px;border-radius:50%;background:#ff2a2a;box-shadow:0 0 10px 3px #ff2a2a;animation:laser 6s ease-in-out infinite}@keyframes laser{0%{left:20%;top:70%}30%{left:70%;top:45%}55%{left:48%;top:36%}80%{left:30%;top:55%}to{left:20%;top:70%}}.crate[data-t=fusils] .crate-sparks i{background:#ff5050}.crate[data-t=auto]{--edge: #c9a227;--lid1: #5f6a2c;--lid2: #343b14;--ink: #f2c641;--glow: #ff9f1c;background:linear-gradient(#f2c641,#f2c641) 0 58px / 100% 3px no-repeat,linear-gradient(90deg,#0000 0,#0000 14px,#0003 14px,#0003 16px,#0000 16px,#0000 calc(100% - 16px),#0003 calc(100% - 16px),#0003 calc(100% - 14px),#0000 0),linear-gradient(#4f5a22,#3a4218)}.crate[data-t=auto] .crate-deco i:nth-child(1){left:-4px;right:-4px;bottom:2px;height:26px;transform:rotate(-4deg);background:repeating-linear-gradient(90deg,#3a2a10 0,#3a2a10 2px,#e0b34a 2px,#e0b34a 9px,#f6d98a 9px,#f6d98a 10px,#b8862a 10px,#b8862a 13px),#3a2a10;-webkit-mask:linear-gradient(#000 0 0) 0 8px / 100% 18px no-repeat,repeating-linear-gradient(90deg,#000 0 13px) 0 0 / 100% 8px no-repeat;box-shadow:0 3px 4px #0007}.crate[data-t=auto] .crate-stamp{bottom:32px}.crate[data-t=auto] .crate-sparks i{background:#ffb347;border-radius:1px;width:2px;height:6px}.crate[data-t=chars]{--edge: #e8b923;--lid1: #8a7448;--lid2: #4d4026;--ink: #2a2614;--glow: #ffd54a;--sub: #2a2614;--motto: #2a2614;background:radial-gradient(ellipse 50px 26px at 25% 30%,#6b7b3d 98%,transparent),radial-gradient(ellipse 46px 30px at 78% 62%,#6b7b3d 98%,transparent),linear-gradient(#c3a873,#a48a58)}.crate[data-t=chars] .crate-deco{background:radial-gradient(circle at 14px 14px,#3a3424 0 5px,#8a7f62 6px 7px,transparent 8px),radial-gradient(circle at calc(100% - 14px) 14px,#3a3424 0 5px,#8a7f62 6px 7px,transparent 8px),repeating-linear-gradient(90deg,#1b1a16 0,#1b1a16 10px,#3c3a32 10px,#3c3a32 14px) 0 100% / 100% 22px no-repeat}.crate[data-t=chars] .crate-title{text-shadow:0 1px 0 #ffffff50}.crate[data-t=blindes]{--edge: #ff9f1c;--lid1: #c9ab72;--lid2: #8a7048;--ink: #3b2f1a;--glow: #ffb000;--sub: #3b2f1a;--motto: #3b2f1a;background:repeating-linear-gradient(0deg,#2a2620 0,#2a2620 5px,#3d3830 5px,#3d3830 9px) 0 0 / 12px 100% no-repeat,repeating-linear-gradient(0deg,#2a2620 0,#2a2620 5px,#3d3830 5px,#3d3830 9px) 100% 0 / 12px 100% no-repeat,repeating-linear-gradient(-45deg,#f4f1e8 0,#f4f1e8 10px,#ff7a1a 10px,#ff7a1a 20px) 0 100% / 100% 16px no-repeat,linear-gradient(#cdb17a,#b0935e)}.crate[data-t=blindes] .crate-deco i:nth-child(1){right:18px;top:66px;width:16px;height:16px;border-radius:50% 50% 3px 3px;background:#ffb000;box-shadow:0 0 0 2px #3b2f1a,0 0 18px 6px #ffb000;animation:beacon 1s steps(1) infinite}@keyframes beacon{50%{background:#7a4a00;box-shadow:0 0 0 2px #3b2f1a}}.crate[data-t=artillerie]{--edge: #e0a060;--lid1: #4d5a33;--lid2: #2b331c;--ink: #f0d27a;--glow: #ff5a1f;background:linear-gradient(#a32d2d,#a32d2d) 0 calc(100% - 34px) / 100% 14px no-repeat,linear-gradient(#3f4c2b,#2c3620)}.crate[data-t=artillerie] .crate-deco{overflow:visible}.crate[data-t=artillerie] .crate-deco i{top:-22px;width:18px;height:34px;border-radius:9px 9px 2px 2px;background:linear-gradient(90deg,#8a6320,#f2cf6a 40%,#a87a2a);box-shadow:0 2px 4px #0008;z-index:-1}.crate[data-t=artillerie] .crate-deco i:nth-child(1){left:30px}.crate[data-t=artillerie] .crate-deco i:nth-child(2){left:56px;top:-28px}.crate[data-t=artillerie] .crate-deco i:nth-child(3){left:82px}.crate[data-t=artillerie] .crate-sparks i{background:#ff7a1a}.crate[data-t=chasseurs]{--edge: #102a43;--lid1: #b7c2ca;--lid2: #6f7c86;--ink: #102a43;--glow: #6fe3ff;--sub: #102a43;--motto: #102a43;background:linear-gradient(115deg,transparent 40%,#ffffff40 46%,transparent 52%),linear-gradient(-20deg,transparent 47%,#ffd23f 47% 51%,transparent 51%),linear-gradient(#a9b4bc,#8a96a0)}.crate[data-t=chasseurs] .crate-deco i:nth-child(1){left:6px;right:6px;bottom:8px;height:40px;background:#b3261e;border:3px solid #1a1a1a;border-radius:8% 8% 50% 50%/10% 10% 100% 100%}.crate[data-t=chasseurs] .crate-deco i:nth-child(2){left:12px;right:12px;bottom:34px;height:11px;background:#fff;clip-path:polygon(0 0,100% 0,96% 100%,92% 0,88% 100%,84% 0,80% 100%,76% 0,72% 100%,68% 0,64% 100%,60% 0,56% 100%,52% 0,48% 100%,44% 0,40% 100%,36% 0,32% 100%,28% 0,24% 100%,20% 0,16% 100%,12% 0,8% 100%,4% 0,0 100%)}.crate[data-t=chasseurs] .crate-sub,.crate[data-t=chasseurs] .crate-motto{z-index:3}.crate[data-t=chasseurs] .crate-deco i:nth-child(3){right:16px;bottom:54px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff 0,#fff 2px,#111 3px,#111 5px,#fff 6px)}.crate[data-t=chasseurs] .crate-sparks i{background:#bff4ff}.crate[data-t=bombardiers]{--edge: #ffcc4d;--lid1: #6b7b3d;--lid2: #3a4520;--ink: #f5f0dc;--glow: #ffcc4d;background:repeating-linear-gradient(-30deg,#ffcc4d 0 8px,transparent 8px 22px) 0 100% / 100% 30px no-repeat,linear-gradient(#5a6a32,#3e4a22)}.crate[data-t=bombardiers] .crate-deco i:nth-child(1){left:14px;right:14px;top:64px;height:12px;background:radial-gradient(ellipse 5px 3px at 6px 6px,#f5f0dc 98%,transparent) 0 0 / 16px 12px repeat-x;opacity:.9}.crate[data-t=soutien-air]{--edge: #3fd15b;--lid1: #2a3328;--lid2: #11160f;--ink: #7dff95;--glow: #6dff8a;background:repeating-linear-gradient(0deg,#7dff9512 0 1px,transparent 1px 4px),radial-gradient(circle at 50% 55%,#1f3a22,#0b100a 70%)}.crate[data-t=soutien-air] .crate-title,.crate[data-t=soutien-air] .crate-emblem{filter:drop-shadow(0 0 6px #6dff8a)}.crate[data-t=soutien-air] .crate-deco i:nth-child(1){left:calc(50% - 50px);top:70px;width:100px;height:100px;border-radius:50%;border:3px solid #7dff9540;animation:nvg 3s ease-in-out infinite}@keyframes nvg{50%{border-color:#7dff9599}}.crate[data-t=grands-navires]{--edge: #d4af37;--lid1: #1d4170;--lid2: #0a1f38;--ink: #f2d27a;--glow: #ffd27a;background:linear-gradient(#0f2d52,#08182c);box-shadow:0 12px 34px #0009,inset 0 0 0 5px #08182c,inset 0 0 0 7px #d4af37aa}.crate[data-t=grands-navires] .crate-deco i:nth-child(1){right:12px;top:66px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#fff6c8 0,#fff6c8 4px,#ffd27a 6px,#b38b2a 9px,#6e5418 10px,#6e5418 13px);box-shadow:0 0 14px #ffd27a99}.crate[data-t=escorteurs]{--edge: #5ff0e0;--lid1: #1a5a66;--lid2: #08303a;--ink: #c8fff5;--glow: #5ff0e0;background:radial-gradient(circle at 12px 50%,#0a2a31 0 4px,transparent 5px) 0 0 / 100% 30px,linear-gradient(#0e4a55,#061f26)}.crate[data-t=escorteurs] .crate-deco i{left:50%;top:52%;width:20px;height:20px;margin:-10px;border-radius:50%;border:2px solid #5ff0e0;opacity:0;animation:sonar 3.6s ease-out infinite}.crate[data-t=escorteurs] .crate-deco i:nth-child(2){animation-delay:1.2s}.crate[data-t=escorteurs] .crate-deco i:nth-child(3){animation-delay:2.4s}@keyframes sonar{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(9)}}.crate[data-t=escorteurs] .crate-sparks i{background:transparent;border:1.5px solid #c8fff5;width:6px;height:6px;box-shadow:none}.crate[data-t=missiles] .crate-deco i:nth-child(1){right:12px;top:64px;padding:1px 5px;border-radius:3px;background:#1a0605;border:1px solid #5a1a14;font:700 12px/1.2 Courier New,monospace;color:#ff3b3b;text-shadow:0 0 6px #ff3b3b;animation:blink 1s steps(1) infinite}.crate[data-t=missiles] .crate-deco i:nth-child(1):after{content:"00:03"}@keyframes blink{50%{opacity:.25}}.crate[data-t=etats-unis]{--lid1: #5d6b32;--lid2: #2f3a17}.crate[data-t=etats-unis] .crate-deco i:nth-child(1){left:0;right:0;top:52px;height:12px;background:radial-gradient(circle,#fff 0 2px,transparent 2.5px) 0 0 / 14px 12px,#2c2f6e}.crate[data-t=etats-unis] .crate-sparks i{background:#fff;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:8px;height:8px;box-shadow:none}.crate[data-t=urss]{background:linear-gradient(135deg,#1c1c1c 0 22%,transparent 22%),linear-gradient(#0000002a,#0006),var(--flag) center / cover}.crate[data-t=urss] .crate-deco i:nth-child(1){left:-20px;bottom:40px;width:240px;height:18px;background:#1c1c1c;transform:rotate(-24deg)}.crate[data-t=urss] .crate-sparks i{background:#ff7a3c}.crate[data-t=allemagne]{background:linear-gradient(#1c1c1c,#1c1c1c) 0 64px / 100% 6px no-repeat,linear-gradient(#c9261c,#c9261c) 0 70px / 100% 6px no-repeat,linear-gradient(#e7b21b,#e7b21b) 0 76px / 100% 6px no-repeat,radial-gradient(circle,#2c2a1c 0 3px,transparent 3.5px) 0 0 / 13px 11px,radial-gradient(circle,#7a6a3c 0 3.5px,transparent 4px) 5px 4px / 17px 15px,radial-gradient(circle,#3e5a22 0 4px,transparent 4.5px) 9px 2px / 19px 13px,#5f6f3a}.crate[data-t=royaume-uni] .crate-deco i:nth-child(1){right:10px;bottom:34px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#c8a24a 0,#c8a24a 10px,#8a6d1d,#8a6d1d,#e0bf5e 13px);box-shadow:0 2px 6px #0008;clip-path:polygon(50% 0,61% 12%,76% 6%,80% 22%,95% 24%,90% 39%,100% 50%,90% 61%,95% 76%,80% 78%,76% 94%,61% 88%,50% 100%,39% 88%,24% 94%,20% 78%,5% 76%,10% 61%,0 50%,10% 39%,5% 24%,20% 22%,24% 6%,39% 12%)}.crate[data-t=france] .crate-deco i:nth-child(1),.crate[data-t=france] .crate-deco i:nth-child(2){top:118px;width:14px;height:34px;background:linear-gradient(90deg,#123f8f 33%,#f4f1e8 33%,#f4f1e8 66%,#c62f2a 66%);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.crate[data-t=france] .crate-deco i:nth-child(1){left:calc(50% - 20px);transform:rotate(14deg)}.crate[data-t=france] .crate-deco i:nth-child(2){left:calc(50% + 6px);transform:rotate(-14deg)}.crate[data-t=japon]{--ink: #1c1c1c;--sub: #1c1c1c;--motto: #1c1c1c;--glow: #ff9ec7;--edge: #bc002d;background:radial-gradient(circle at 86% 16%,#bc002d 0 18px,transparent 19px),repeating-linear-gradient(100deg,#0000000a 0 1px,transparent 1px 7px),linear-gradient(#f4efe3,#e6dfcd)}.crate[data-t=japon] .crate-emblem{background:#f4efe3;border-color:#bc002d}.crate[data-t=japon] .crate-title{text-shadow:0 1px 0 #fff}.crate[data-t=japon] .crate-stamp{border-radius:2px;background:#bc002d;color:#fff;border-color:#bc002d;transform:rotate(-4deg)}.crate[data-t=japon] .crate-sparks i{background:#ffb7d0;border-radius:80% 0;width:7px;height:7px;box-shadow:none;animation-duration:4.2s}.stock-head{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.stock-head p{margin:0}.shelf{width:100%;display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:8px}.shelf-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:36px 30px;padding:26px 8px 10px}.shelf-grid.is-opening .crate:not(.is-opening){opacity:.2;filter:grayscale(.8);transition:opacity .3s}.shelf-grid .crate.is-opening{z-index:5}@media(max-width:700px){.shelf-grid{gap:26px 14px;padding-top:18px}.crate{width:calc(50vw - 30px);max-width:170px;height:240px;padding-top:60px}.crate-title{font-size:15px}.crate-motto,.crate-tag{font-size:10px}}.carousel{--step: 250px;position:relative;width:100%;max-width:1100px;height:400px;margin:0 auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.carousel-item{position:absolute;left:50%;top:46px;transform:translate(calc(-50% + var(--o) * var(--step) + var(--drag, 0px))) scale(calc(1.32 - var(--a) * .3)) rotateY(calc(var(--o) * -18deg));opacity:calc(1 - var(--a) * .32);z-index:calc(10 - var(--a));transform-origin:50% 40%;transition:transform .45s cubic-bezier(.2,.9,.3,1.1),opacity .45s,filter .45s}.carousel.is-dragging .carousel-item{transition:none}.carousel-item:not(.is-centre){filter:brightness(.6) saturate(.8);cursor:pointer}.carousel-item:not(.is-centre) .crate{animation:none}.carousel-item:not(.is-centre) .crate-tag,.carousel-item:not(.is-centre) .crate-rays{display:none}.carousel-item.is-centre .crate-rays{opacity:.45}.carousel-item.is-far{opacity:0;pointer-events:none}.carousel.is-opening .carousel-item:not(.is-centre){opacity:0}.carousel-arrow{position:absolute;top:50%;z-index:20;width:52px;height:52px;margin-top:-26px;border-radius:50%;cursor:pointer;font:400 40px/1 Black Ops One,sans-serif;color:#12140f;background:radial-gradient(circle at 40% 35%,#f7d774,#b5a642 70%);border:2px solid #12140f;box-shadow:0 6px 18px #000a,0 0 0 4px #b5a64244;display:grid;place-items:center;padding-bottom:6px;transition:transform .15s}.carousel-arrow:hover:not(:disabled){transform:scale(1.12)}.carousel-arrow:active:not(:disabled){transform:scale(.94)}.carousel-arrow:disabled{opacity:.3;cursor:default}.carousel-arrow.is-prev{left:6%}.carousel-arrow.is-next{right:6%}.carousel-info{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin-top:-6px}.carousel-info h3{margin:0;font:400 24px Black Ops One,sans-serif;color:var(--accent)}.carousel-info p{margin:0;max-width:520px}.carousel-open{font-size:17px;padding:12px 28px;border-radius:10px;box-shadow:0 6px 20px #b5a64255}.carousel-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px}.carousel-dot{width:42px;height:42px;border-radius:10px;cursor:pointer;padding:6px;display:grid;place-items:center;background:#2a2e22;border:2px solid #3a3f30;opacity:.65;transition:transform .15s,opacity .15s,border-color .15s}.carousel-dot svg{width:100%;fill:#e8e6d9}.carousel-dot:hover{opacity:1;transform:translateY(-2px)}.carousel-dot.is-active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #b5a64244;transform:translateY(-3px)}.carousel-dot.m-wood{background:#8a6a3c}.carousel-dot.m-steel{background:#55642f}.carousel-dot.m-alu{background:#9aa4ab}.carousel-dot.m-navy{background:#1b3350}.carousel-dot.m-hazard{background:#e7e2d4}.carousel-dot.m-hazard svg,.carousel-dot.m-alu svg{fill:#1d3557}.carousel-dot.m-nation{background:#4c3f27}@media(max-width:700px){.carousel{--step: 130px;height:330px}.carousel-item{top:30px;transform:translate(calc(-50% + var(--o) * var(--step) + var(--drag, 0px))) scale(calc(1.08 - var(--a) * .3)) rotateY(calc(var(--o) * -18deg))}.carousel .crate{width:170px;height:250px}.carousel-arrow{width:42px;height:42px;margin-top:-21px;font-size:32px}.carousel-arrow.is-prev{left:2px}.carousel-arrow.is-next{right:2px}.carousel-dot{width:36px;height:36px}}.card{container-type:inline-size;position:relative;padding:0;gap:0;--tc: #9a9b88;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 55%,#1c1f17),#1c1f17 30%,#1c1f17 70%,color-mix(in srgb,var(--c) 45%,#1c1f17))}.card.t-neuf{--tc: #f5c542}.card.t-excellent{--tc: #a77bff}.card.t-bon{--tc: #6fbf73}.card.t-use{--tc: #9a9b88}.card.t-abime{--tc: #c98a7a}.card-head{display:flex;align-items:center;gap:2.5cqw;padding:3cqw 3.5cqw;background:#12140f}.card-head h3{flex:1;min-width:0;margin:0;font:400 clamp(11px,6.6cqw,22px)/1.1 "Black Ops One",sans-serif;color:#f4f1e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-gem{flex:none;min-width:12cqw;padding:.6cqw 2cqw;border-radius:2.5cqw;text-align:center;font-weight:800;font-size:clamp(9px,5cqw,15px);color:#12140f;background:var(--c);box-shadow:inset 0 -2px #0003}.card-type{position:absolute;left:3cqw;top:3cqw;z-index:2;padding:.6cqw 3cqw;border-radius:2cqw;background:#000b;font-size:clamp(9px,4.6cqw,13px);font-weight:700;color:#e8e6d9}.card-power{position:absolute;right:3cqw;bottom:3cqw;z-index:3;width:25cqw;height:25cqw;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 40% 35%,#2c3022,#12140f);border:max(2px,1.2cqw) solid var(--c);font:400 clamp(12px,9.5cqw,30px)/1 "Black Ops One",sans-serif;color:#f4f1e8;box-shadow:0 4px 12px #000a}.card-power small{font:800 clamp(6px,3cqw,9px) Inter,sans-serif;letter-spacing:.06em;color:var(--c);margin-bottom:.4cqw}.card-etat{position:relative;z-index:2;padding:3cqw 3.5cqw 2.6cqw;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 30%,#12140f),#12140f 75%);border-top:max(2px,.9cqw) solid var(--tc);border-bottom:max(2px,.9cqw) solid var(--tc)}.card-etat-top{display:flex;align-items:baseline;gap:2.5cqw;padding-right:20cqw}.card-etat-top strong{font:400 clamp(10px,7cqw,22px)/1 "Black Ops One",sans-serif;color:var(--tc);text-transform:uppercase;letter-spacing:.03em;text-shadow:0 0 10px color-mix(in srgb,var(--tc) 50%,transparent)}.card-etat-num{font-size:clamp(8px,4.4cqw,13px);color:#c9c7b8;white-space:nowrap}.card-etat-num b{color:#f4f1e8;font-size:1.25em}.card-etat-mult{position:absolute;right:3.5cqw;top:3cqw;font:400 clamp(10px,6.6cqw,20px)/1 "Black Ops One",sans-serif;color:#12140f;background:var(--tc);padding:1.2cqw 2.6cqw;border-radius:2.5cqw}.card-etat-gauge{display:grid;grid-template-columns:repeat(20,1fr);gap:.8cqw;margin-top:2.4cqw}.card-etat-gauge i{height:max(3px,2.4cqw);border-radius:1cqw;background:#2c3022}.card-etat-gauge i.on{background:var(--tc);box-shadow:0 0 6px color-mix(in srgb,var(--tc) 60%,transparent)}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2cqw;padding:3cqw;background:#1c1f17}.card-stat{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.4cqw;padding:2.6cqw 1cqw 3.4cqw;border-radius:3.5cqw;background:#12140f;border:1px solid color-mix(in srgb,var(--sc) 35%,transparent)}.card-stat svg{width:8cqw;height:8cqw;fill:none;stroke:var(--sc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-stat b{font:400 clamp(14px,11.5cqw,34px)/1 "Black Ops One",sans-serif;color:#f4f1e8}.card-stat span{font-size:clamp(7px,3.9cqw,11px);font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--sc)}.card-stat em{position:absolute;top:1.4cqw;right:2cqw;font-style:normal;font-size:clamp(7px,3.9cqw,11px);font-weight:800;color:var(--tc)}.card-stat:after{content:"";position:absolute;left:0;bottom:0;height:max(2px,1.3cqw);width:calc(var(--v) * 1%);background:var(--sc)}.card-meta{margin-top:auto;padding:2.6cqw 3.5cqw 3.2cqw;background:#12140f;font-size:clamp(8px,4.5cqw,13px);color:var(--muted);line-height:1.3}.card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit}.card.t-neuf{box-shadow:0 0 18px color-mix(in srgb,#f5c542 60%,transparent)}.card.t-neuf .card-sheen{background:linear-gradient(115deg,transparent 30%,#fff5 45%,#f5c54244 50%,transparent 62%) 0 0 / 260% 100%;animation:card-sheen 3s linear infinite}.card.t-excellent .card-sheen{background:linear-gradient(115deg,transparent 38%,#ffffff2a 48%,transparent 58%) 0 0 / 260% 100%;animation:card-sheen 5s linear infinite}@keyframes card-sheen{0%{background-position:130% 0}to{background-position:-130% 0}}.card.t-use .card-img img{filter:saturate(.75)}.card.t-abime .card-img img{filter:sepia(.55) saturate(.6) contrast(.9)}.card.t-abime .wear-layer{background:radial-gradient(circle at 18% 70%,#6b3a1a99 0 9px,transparent 14px),radial-gradient(circle at 80% 25%,#6b3a1a88 0 7px,transparent 12px),repeating-linear-gradient(115deg,transparent 0 12px,#ffffff2a 12px 13px)}.card.t-abime{clip-path:polygon(0 0,92% 0,100% 4%,100% 100%,7% 100%,0 96%)}@media(prefers-reduced-motion:reduce){.card-sheen{animation:none!important}}.carousel-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.carousel-open10{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:8px 22px;border:2px solid var(--accent);color:var(--accent);background:#12140f;font-weight:800}.carousel-open10 b{font:400 20px/1 Black Ops One,sans-serif}.carousel-open10 small{font-size:11px;font-weight:700;color:var(--muted)}.carousel-open10:disabled{opacity:.45}.reveal-progress{width:min(340px,90vw);margin:-8px 0 22px;display:grid;gap:6px}.reveal-progress-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.reveal-progress-top b{color:#f4f1e8;font-size:15px}.reveal-progress-bar{height:7px;border-radius:4px;background:#2c3022;overflow:hidden}.reveal-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#f5c542);transition:width .4s ease}.tally{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.tally .chip{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid var(--c);background:#12140f}.tally .chip.is-zero{opacity:.35}.stack-card.buried{visibility:hidden}.stack-left{position:absolute;left:50%;bottom:-34px;translate:-50% 0;z-index:6;white-space:nowrap;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.03em}.reveal .stack:has(.reveal-fx) .stack-left{opacity:0}.reveal-skip{margin-top:4px;font-size:13px;padding:6px 16px}.reveal-row.is-many{gap:10px;max-width:980px}.reveal-row.is-many .reveal-mini{width:150px}@media(max-width:640px){.reveal-row.is-many .reveal-mini{width:31%}}