: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 .6s;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(--i) * 3px),calc(var(--i) * -3px)) rotate(calc(var(--dx) * .08deg + var(--i) * 1.2deg));transition:transform .45s cubic-bezier(.2,.8,.3,1),opacity .4s}.stack-card.dragging{transition:none}.stack-card.gone{transform:translate(140%,-12%) rotate(28deg);opacity:0;pointer-events: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{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}.scrap{background:#2a2f20;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:4px 12px;font-weight:800;animation:pulse .6s ease-out}@keyframes pulse{0%{transform:scale(1.25);box-shadow:0 0 18px var(--accent)}to{transform:scale(1);box-shadow:none}}.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}@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:nowrap;padding:calc(12px + env(safe-area-inset-top)) 0 10px;margin-bottom:14px}h1{font-size:19px;letter-spacing:.5px;flex:none}.stock{gap:6px;font-size:12px;white-space:nowrap}.scrap{padding:3px 9px;font-size:13px}.account{flex:none}.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)}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}}