@keyframes nbShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.pack-zone{display:flex;flex-direction:column;align-items:center;gap:1.25rem;user-select:none;-webkit-user-select:none;touch-action:none}.pack-stage{position:relative;flex:none}.pack{position:relative;cursor:grab;font-family:Sora,sans-serif;border-radius:20px;background:radial-gradient(60% 60% at 50% 30%,rgba(139,92,246,.35),transparent 70%);box-shadow:0 40px 80px -30px #7846dc99,0 0 60px -20px #a06eff66}.pack:active{cursor:grabbing}.pack-body{position:absolute;top:81px;left:10px;right:10px;bottom:10px;z-index:1;display:flex;flex-direction:column;background:#0a0518;border:1px solid rgba(190,160,255,.25);border-top:none;border-radius:0 0 16px 16px;overflow:hidden}.pack-seam{position:relative;height:0;flex:none}.pack-seam-dots{position:absolute;left:14px;right:14px;top:5px;border-top:2px dotted rgba(255,255,255,.35)}.pack-seam-notch{position:absolute;right:0;top:-2px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:11px solid rgba(255,231,170,.85)}.pack-art{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fffffff2,#ffe7aad9 3.5%,#f0aa3c8c 8%,#a06eff4d 20%,#28144600 44%),repeating-conic-gradient(from 0deg at 50% 40%,rgba(255,214,130,.1) 0deg 3.5deg,transparent 3.5deg 15deg),repeating-conic-gradient(from 7deg at 50% 40%,rgba(190,150,255,.12) 0deg 2deg,transparent 2deg 17deg),radial-gradient(1.4px 1.4px at 18% 22%,#fff,transparent),radial-gradient(1.2px 1.2px at 78% 16%,#fff,transparent),radial-gradient(1px 1px at 30% 60%,#e8dcff,transparent),radial-gradient(1.3px 1.3px at 84% 64%,#fff,transparent),radial-gradient(1px 1px at 62% 80%,#cdb0ff,transparent),radial-gradient(1.1px 1.1px at 12% 78%,#fff,transparent),radial-gradient(1px 1px at 50% 12%,#fff,transparent),linear-gradient(180deg,#1a0d36,#120829 55%,#0a0518)}.pack-logo{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%)}.pack-logo svg{filter:drop-shadow(0 10px 28px rgba(240,190,80,.5))}.pack-caption{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:11px;font-weight:600;letter-spacing:3px;color:#dccdffb3}.pack-footer{position:relative;flex:none;padding:18px 22px 22px;text-align:center;background:linear-gradient(180deg,#0a051800,#0a0518d9 28%,#0a0518)}.pack-divider{height:1px;margin-bottom:14px;background:linear-gradient(90deg,transparent,rgba(240,199,94,.6),transparent)}.pack-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;color:#c9a6ff;margin-bottom:8px}.pack-hero{font-family:Anton,sans-serif;line-height:.88;letter-spacing:1px;background:linear-gradient(180deg,#fff3cf,#f0c75e 45%,#cf9a32);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pack-hero-new{font-size:40px}.pack-hero-beginnings{font-size:50px}.pack-season{margin-top:12px;font-size:12px;font-weight:600;letter-spacing:2px;color:#b9a8e0}.pack-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.07) 48%,rgba(255,255,255,0) 58%)}.pack-lid{position:absolute;top:10px;left:10px;right:10px;height:71px;z-index:3;border:1px solid rgba(190,160,255,.25);border-bottom:none;border-radius:16px 16px 0 0;overflow:hidden}.pack-teeth{display:block;width:100%;height:9px}.pack-header{position:relative;height:62px;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#34195f,#5a2f9f 16%,#8b5cf6 30%,#cdb0ff 42%,#f3cf6b,#cdb0ff 60%,#6b3fc4 76%,#34195f);background-size:200% 100%;animation:nbShimmer 7s linear infinite}.pack-wordmark{font-weight:800;font-size:21px;letter-spacing:6px;color:#1a0c33;text-shadow:0 1px 0 rgba(255,255,255,.3)}.pack-chip{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#ffe9a8,#d4a437);color:#3a2400;font-weight:800;font-size:13px;letter-spacing:1px;padding:4px 9px;border-radius:7px;box-shadow:0 2px 6px #00000059}.tear-zone{position:absolute;top:78px;left:10px;right:10px;height:6px;z-index:4;pointer-events:none;display:flex;align-items:center}.tear-line{width:100%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#f4d278 15%,#fff3cf 50%,#f4d278 85%,transparent);box-shadow:0 0 12px 3px #f4d278d9}.pack.opening .pack-lid{animation:lid-toss .6s cubic-bezier(.3,.1,.45,1) forwards}@keyframes lid-toss{0%{transform:translate(0) rotate(0);opacity:1}20%{transform:translate(12px,-14px) rotate(4deg);opacity:1}to{transform:translate(180px,-150px) rotate(22deg);opacity:0}}.pack.opening .pack-body{animation:pack-burst .62s ease .28s forwards;transform-origin:50% 30%}@keyframes pack-burst{0%{opacity:1;filter:brightness(1);transform:scale(1)}45%{opacity:1;filter:brightness(1.8) saturate(1.1)}to{opacity:0;filter:brightness(2.4);transform:scale(1.08)}}.pack-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:20px;opacity:0;background:radial-gradient(circle at 50% 34%,rgba(255,247,220,.95),rgba(244,210,120,.55) 34%,transparent 66%)}.pack.opening .pack-flash{animation:pack-flash-bloom .9s ease forwards}@keyframes pack-flash-bloom{0%{opacity:0;transform:scale(.7)}45%{opacity:.95}to{opacity:0;transform:scale(1.35)}}.pack-hint{font-size:12px;color:#6a6a72;letter-spacing:.03em}.pack-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.packs-counter{font-size:13px;color:#888}.packs-counter span{color:#b8962e;font-weight:500}.refill-timer{font-size:12px;color:#6a6a72;letter-spacing:.04em;display:flex;align-items:center;gap:5px;margin-top:-.75rem}.refill-timer i{color:#b8962e;font-size:13px}.open-btn{background:#b8962e;color:#0a0a0f;border:none;padding:.75rem 2.5rem;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;letter-spacing:.05em;transition:background .2s,transform .1s}.open-btn:hover{background:#d4ae3e;transform:scale(1.02)}.open-btn:active{transform:scale(.98)}.open-btn:disabled{opacity:.4;cursor:default;transform:none}.open-btn.shared{background:#2a4a2a;color:#4ab84a}.open-btn.shared:hover{background:#2a4a2a;transform:none}.earn-pack{display:flex;flex-direction:column;align-items:center;gap:1rem}.collection-link{background:transparent;border:none;color:#6a6a72;font-size:12px;cursor:pointer;letter-spacing:.03em;transition:color .2s}.collection-link:hover{color:#b8962e}.invite-cta{display:inline-flex;align-items:center;gap:6px;margin-top:.5rem;padding:8px 16px;background:transparent;border:1px solid #2a2440;border-radius:999px;color:#cdbcf0;font-size:13px;cursor:pointer;transition:all .2s}.invite-cta:hover{border-color:#b8962e;color:#f0d896}.invite-cta i{font-size:15px;color:#b8962e}.cc{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;border:2px solid #333;background:#12101c;container-type:inline-size}.cc.rarity-legendary{border-color:#b8962e}.cc.rarity-rare{border-color:#7c5cbf}.cc.rarity-common{border-color:#2a4a6a}.cc.rarity-unranked{border-color:#333}.cc.cc-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;padding:10%;text-align:center;background:radial-gradient(circle at 50% 36%,#1d1832,#12101c 72%)}.cc-message-text{font-size:clamp(9px,9cqi,19px);line-height:1.35;font-weight:600;color:#e8e8ec;overflow:hidden}.cc-message.rarity-legendary .cc-message-text{color:#f0d896}.cc-message.rarity-rare .cc-message-text{color:#cdbcf0}.cc-art-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cc-bar{position:absolute;left:0;right:0;z-index:1;display:flex;align-items:center;gap:clamp(3px,2cqi,6px);padding:6px clamp(5px,5cqi,9px)}.cc-bar-top{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.85),transparent)}.cc-bar-bottom{bottom:0;justify-content:space-between;padding-top:18px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.cc-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.cc-name-row{padding:6px clamp(5px,5cqi,9px) 4px}.cc-window{height:50%;flex:none;width:100%;overflow:hidden;background-color:#0a0a0f;background-repeat:no-repeat}.cc-art{width:100%;height:100%;display:block}.cc-art-emoji{display:flex;align-items:center;justify-content:center;background:#0a0a0f;font-size:46px}.cc-full .cc-art-emoji{font-size:72px}.cc-type{align-self:flex-start;margin:7px 9px 3px;padding:2px clamp(6px,4cqi,10px);border-radius:999px;color:var(--type-color);background:color-mix(in srgb,var(--type-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--type-color) 45%,transparent);font-size:clamp(7px,4.8cqi,11px);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.cc-flavour{flex:1;min-height:0;padding:2px 9px 6px;font-size:clamp(9px,6.8cqi,15px);font-style:italic;line-height:1.4;color:#8a8696;overflow:hidden}.cc-foot-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(3px,2cqi,6px);padding:6px clamp(5px,5cqi,9px);border-top:1px solid rgba(255,255,255,.06)}.cc-emblem{position:absolute;top:clamp(4px,3.5cqi,9px);right:clamp(4px,3.5cqi,9px);z-index:3;width:clamp(18px,22cqi,48px);height:clamp(18px,22cqi,48px);object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));pointer-events:none}.cc-name{font-family:var(--font-display);font-size:clamp(10px,8.5cqi,19px);font-weight:700;letter-spacing:.01em;color:#f2f1f6;display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@container (max-width: 140px){.cc-type,.cc-by,.cc-flavour,.cc-number{display:none}}.cc-by{font-size:clamp(5px,4.5cqi,9px);color:#8a78c0;white-space:nowrap}.cc-number{flex:1;text-align:center;font-size:clamp(5px,4.4cqi,10px);font-weight:600;letter-spacing:.08em;color:#cbb173;white-space:nowrap}.cc-unranked{font-size:clamp(5px,4.5cqi,9px);letter-spacing:.08em;text-transform:uppercase;color:#777}.cc .rarity-badge{font-size:clamp(5px,4.5cqi,9px);padding:2px clamp(3px,3cqi,6px);margin-top:0}.reveal-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.reveal-label{font-size:12px;color:#888;letter-spacing:.1em}.reveal-label span{color:#b8962e}.progress-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#222;border:1px solid #333;transition:all .3s}.dot.revealed{background:#b8962e;border-color:#b8962e}.dot.current{background:#444;border-color:#b8962e;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card-stage{width:168px;height:252px;perspective:800px;cursor:pointer;animation:card-enter .45s ease}@keyframes card-enter{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden}.card-back{background:#1a1040;border:1px solid #4a3080;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.2em;color:#4a3080;text-transform:uppercase}.card-front{transform:rotateY(180deg)}.card-inner.flipped .card-front.rarity-legendary{animation:legendary-glow 2s ease-in-out infinite}@keyframes legendary-glow{0%,to{box-shadow:0 0 18px #b8962e73}50%{box-shadow:0 0 34px #b8962ecc}}.card-front.rarity-legendary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translate(-130%);pointer-events:none}.card-inner.flipped .card-front.rarity-legendary:after{animation:legendary-shimmer 2.6s ease-in-out .3s infinite}@keyframes legendary-shimmer{0%{transform:translate(-130%)}55%,to{transform:translate(130%)}}.card-inner.flipped .card-front.rarity-rare{box-shadow:0 0 16px #7c5cbf73}.flip-hint{font-size:12px;color:#444;min-height:1em}.collection-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.screen.collection-screen{width:min(92vw,720px);max-width:720px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.collection-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem}.share-row{display:flex;gap:.75rem}.more-packs-note{font-size:11px;color:#444;text-align:center;max-width:300px;line-height:1.6}.more-packs-note span{color:#b8962e}.nav-btn.primary.shared{background:#2a4a2a;color:#4ab84a;border-color:#2a4a2a}.collection-view{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.screen.collection-view{width:min(92vw,720px);max-width:720px}.collection-count{font-size:12px;color:#888;letter-spacing:.05em}.collection-count span{color:#b8962e;font-weight:500}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.gallery-item{position:relative}.gallery-locked{position:relative;aspect-ratio:2 / 3;border-radius:10px;border:2px dashed #1e1e26;background:#0c0c12;display:flex;align-items:center;justify-content:center;color:#2a2a33;font-size:30px}.gallery-locked-num{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.08em;color:#3a3a44}.gallery-count{position:absolute;bottom:30px;right:6px;z-index:4;font-size:10px;font-weight:700;color:#0a0a0f;background:#b8962e;padding:1px 6px;border-radius:8px;box-shadow:0 1px 3px #00000080}.card-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06050ce0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:zoom-fade .18s ease;cursor:zoom-out}@keyframes zoom-fade{0%{opacity:0}to{opacity:1}}.card-zoom{width:min(360px,82vw);cursor:default;animation:zoom-pop .22s cubic-bezier(.2,.8,.3,1.2)}@keyframes zoom-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.card-zoom-close{position:fixed;top:16px;right:16px;z-index:101;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #333;background:#14121fe6;color:#ccc;font-size:20px;cursor:pointer}.card-zoom-close:hover{border-color:#b8962e;color:#b8962e}.draw-screen{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.draw-head{text-align:center}.draw-canvas{display:block;width:100%;aspect-ratio:2 / 3;height:auto;border:1px solid #3a2f5a;background:#15121f;cursor:crosshair;touch-action:none}.draw-canvas.is-panning{cursor:grab}.draw-canvas.is-panning:active{cursor:grabbing}.draw-tools{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(300px,100%)}.zoom-controls{display:flex;align-items:center;gap:10px;width:min(300px,100%);color:#8a78c0}.zoom-controls i{font-size:16px;flex-shrink:0}.zoom-controls .size-slider{flex:1}.zoom-level{min-width:44px;text-align:right;font-size:12px;color:#9a96a8}.palette-row{display:flex;align-items:center;gap:10px;width:100%}.color-picker-wrap{position:relative;width:30px;height:30px;flex-shrink:0;cursor:pointer}.color-picker{width:30px;height:30px;padding:0;border:2px solid #f4d278;border-radius:50%;background:none;cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:50%}.color-picker::-moz-color-swatch{border:none;border-radius:50%}.color-picker-edit{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:#b8962e;color:#0a0a0f;display:flex;align-items:center;justify-content:center;pointer-events:none}.color-picker-edit i{font-size:9px}.swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #2a2440;cursor:pointer;padding:0;transition:transform .1s,border-color .2s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:#f4d278;transform:scale(1.12)}.brush-row{display:flex;align-items:center;gap:12px;width:100%}.brush-preview-box{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #2a2440;border-radius:6px}.brush-preview{border-radius:50%;display:block}.size-slider{flex:1;accent-color:#b8962e;cursor:pointer}.brush-size-label{font-size:12px;color:#888;width:34px;text-align:right}.action-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.brush-types{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.submit-form{display:flex;flex-direction:column;gap:.75rem;width:min(300px,100%);padding-top:.5rem;border-top:1px solid #2a2440}.submit-field{display:flex;flex-direction:column;gap:4px}.submit-field span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8a78c0}.type-select-row{display:flex;align-items:center;gap:10px}.type-select-row select{flex:1}.type-select-emblem{width:34px;height:34px;object-fit:contain;flex-shrink:0}.submit-field input,.submit-field select,.submit-field textarea{background:#0a0a0f;border:1px solid #2a2440;border-radius:8px;padding:.55rem .7rem;font-size:14px;color:#e0e0e0;outline:none;transition:border-color .2s}.submit-field textarea{resize:vertical;min-height:2.6rem;font-family:inherit;line-height:1.4}.submit-field input:focus,.submit-field select:focus,.submit-field textarea:focus{border-color:#b8962e}.submit-error{font-size:12px;color:#e06a6a;background:#b43c3c1f;padding:8px 10px;border-radius:6px}.submit-agree{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:#9a96a8;text-align:left;cursor:pointer}.submit-agree input{margin-top:2px;flex-shrink:0;accent-color:#b8962e}.submit-actions{display:flex;gap:.75rem;justify-content:center}.submit-done{display:flex;flex-direction:column;align-items:center;gap:1rem}.submit-done-msg{font-size:14px;color:#6ab86a}.tool-btn{background:transparent;border:1px solid #2a2440;color:#aaa;font-size:12px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.tool-btn:hover{border-color:#b8962e;color:#b8962e}.tool-btn.active{border-color:#b8962e;color:#b8962e;background:#b8962e1a}.draw-canvas-viewport.is-hidden{display:none}.draw-canvas-viewport{width:min(300px,100%);aspect-ratio:2 / 3;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px #00000080}.draw-canvas-wrap{position:relative;width:100%;line-height:0}.canvas-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:12px;overflow:hidden;line-height:1.2}.canvas-guide-top,.canvas-guide-bottom{position:absolute;left:0;right:0;padding:8px 12px;font-size:12px;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.9),1px -1px 0 rgba(0,0,0,.9),-1px 1px 0 rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.7)}.canvas-guide-top{top:0;font-weight:600}.canvas-guide-bottom{bottom:0;text-align:right;font-size:11px;color:#d8c8ffe6}.preview-toggle{margin-top:-.25rem}.preview-tip{font-size:11px;color:#8a78c0;text-align:center;max-width:240px;line-height:1.5}.zoom-row{display:flex;align-items:center;gap:10px;width:220px;color:#8a78c0}.frame-bg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:220px;font-size:12px;color:#9a96a8;cursor:pointer}.frame-bg-row input[type=color]{width:34px;height:26px;padding:0;border:1px solid #2a2440;border-radius:6px;background:none;cursor:pointer}.zoom-row i{font-size:16px;flex-shrink:0}.zoom-row .size-slider{flex:1}.preview-panel{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-hint{font-size:12px;color:#6a6a72;text-align:center;max-width:240px}.pc-wrap{width:220px}.pc{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;border:2px solid #2a4a6a;background:#12101c;container-type:inline-size}.pc-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.pc-name-row{padding:7px 9px 5px}.pc-name{font-family:var(--font-display);font-size:clamp(10px,8.5cqi,19px);font-weight:700;letter-spacing:.01em;color:#f2f1f6}.pc-window{height:50%;flex:none;width:100%;overflow:hidden;background-color:#0a0a0f;background-repeat:no-repeat;cursor:grab;touch-action:none}.pc-window:active{cursor:grabbing}.pc-window-static{cursor:default}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06050ce0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:confirm-fade .18s ease}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}.confirm-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(320px,92vw);padding:1.5rem;background:#14121f;border:1px solid #2a2440;border-radius:14px;text-align:center}.confirm-title{font-size:15px;font-weight:600;color:#e8e8ec}.confirm-sub{font-size:12px;color:#9a96a8;line-height:1.5}.confirm-actions{display:flex;gap:.75rem;margin-top:.25rem}.pc-type{align-self:flex-start;margin:7px 9px 3px;padding:2px clamp(6px,4cqi,10px);border-radius:999px;color:var(--type-color);background:color-mix(in srgb,var(--type-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--type-color) 45%,transparent);font-size:clamp(7px,4.8cqi,11px);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.pc-flavour{flex:1;min-height:0;padding:2px 9px 6px;font-size:clamp(9px,6.8cqi,15px);font-style:italic;line-height:1.4;overflow:hidden}.pc-foot-row{margin-top:auto;display:flex;align-items:center;padding:7px 9px;border-top:1px solid rgba(255,255,255,.06)}.moderation-screen{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:420px}.mod-empty{font-size:13px;color:#6a6a72;padding:1rem 0}.mod-list{display:flex;flex-direction:column;gap:12px;width:100%}.mod-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#12101c;border:1px solid #2a2440}.mod-art{width:64px;height:86px;object-fit:cover;border-radius:6px;border:1px solid #2a2440;background:#15121f;flex-shrink:0;cursor:zoom-in}.mod-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mod-name{font-size:14px;color:#e0e0e0;font-weight:500}.mod-type{font-size:11px;color:#888}.mod-flavour{font-size:12px;font-style:italic;color:#9a96a8;line-height:1.35;margin-top:2px}.mod-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.mod-actions .nav-btn{padding:6px 12px;font-size:12px}.mod-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06050ce6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;animation:mod-zoom-fade .18s ease}@keyframes mod-zoom-fade{0%{opacity:0}to{opacity:1}}.mod-zoom-img{max-width:min(92vw,480px);max-height:85vh;border-radius:12px;border:1px solid #2a2440;background:#15121f}.mod-zoom-close{position:fixed;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #333;background:#14121fe6;color:#ccc;font-size:20px;cursor:pointer}.mod-zoom-close:hover{border-color:#b8962e;color:#b8962e}.curate-screen{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:min(92vw,620px);max-width:620px}.curate-summary{font-size:13px;color:#b9a8e0}.curate-summary strong{color:#f0c75e}.curate-empty{font-size:13px;color:#6a6a72;padding:1rem 0}.curate-list{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:.5rem}.curate-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;background:#12101c;border:1px solid #2a2440;transition:border-color .2s}.curate-item.is-in{border-color:#f0c75e8c}.curate-card{width:110px;flex-shrink:0}.curate-controls{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.curate-name{font-size:15px;font-weight:600;color:#e8e8ec}.curate-field{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a78c0}.curate-field select{flex:1;background:#0a0a0f;border:1px solid #2a2440;border-radius:8px;padding:.45rem .6rem;font-size:13px;color:#e0e0e0;outline:none}.curate-field select:focus{border-color:#b8962e}.curate-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#c4c0d0;cursor:pointer}.curate-toggle.disabled{color:#6a6a72;cursor:default}.curate-toggle input{accent-color:#f0c75e}.curate-hint{font-size:11px;color:#6a6a72}.screen.invite-screen{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:min(92vw,460px);text-align:center}.invite-blurb{font-size:14px;line-height:1.5;color:#b7b3c4;margin:0}.invite-blurb strong{color:#f0d896}.invite-link-box{width:100%;padding:12px 14px;background:#14121f;border:1px dashed #2a2440;border-radius:10px;color:#cdbcf0;font-size:13px;word-break:break-all;cursor:pointer;transition:border-color .2s}.invite-link-box:hover{border-color:#b8962e}.invite-share{width:100%}.invite-stat{font-size:13px;color:#9a96a8;margin-top:.25rem}.invite-stat span{color:#b8962e;font-weight:600}.screen.community-screen{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:min(92vw,720px);max-width:720px}.reframe-btn{background:transparent;border:1px solid #2a2440;color:#8a8a94;font-size:11px;padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s}.reframe-btn:hover{border-color:#b8962e;color:#b8962e}.admin-card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.remove-btn:hover{border-color:#c0504a;color:#e0726a}.nav-btn.danger{background:#c0504a;border-color:#c0504a;color:#fff;font-weight:500}.nav-btn.danger:hover{background:#d35e57;border-color:#d35e57;color:#fff}.reframe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06050ce0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:reframe-fade .18s ease}@keyframes reframe-fade{0%{opacity:0}to{opacity:1}}.reframe-box{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:min(320px,92vw);padding:1.5rem;background:#14121f;border:1px solid #2a2440;border-radius:14px;text-align:center}.reframe-title{font-size:15px;font-weight:600;color:#e8e8ec}.reframe-sub{font-size:12px;color:#9a96a8}.reframe-actions{display:flex;gap:.75rem;margin-top:.25rem}.view-toggle{display:flex;border:1px solid #2a2440;border-radius:8px;overflow:hidden}.view-opt{background:transparent;border:none;color:#888;font-size:12px;padding:6px 16px;cursor:pointer;transition:all .2s}.view-opt.active{background:#b8962e;color:#0a0a0f;font-weight:500}.community-hint{font-size:11px;color:#6a6a72;margin-top:-.75rem}.community-empty{font-size:13px;color:#6a6a72;text-align:center;padding:1rem 0}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%}.community-item{display:flex;flex-direction:column;gap:6px}.card-actions-row{display:flex;gap:6px;margin-top:8px}.share-btn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:6px 10px;background:transparent;border:1px solid #2a2440;border-radius:6px;color:#888;font-size:14px;cursor:pointer;transition:all .2s}.share-btn:hover{border-color:#5b8def;color:#5b8def}.vote-btn{display:flex;align-items:center;gap:5px;width:100%;justify-content:center;padding:6px;background:transparent;border:1px solid #2a2440;border-radius:6px;color:#888;font-size:12px;cursor:pointer;transition:all .2s}.vote-btn:hover{border-color:#d9544d;color:#d9544d}.vote-btn.voted{border-color:#d9544d;color:#d9544d;background:#d9544d1a}.vote-btn i{font-size:14px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;gap:2px;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:#0c0b16eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #221d38}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;flex:1 1 0;max-width:84px;padding:6px 3px;background:transparent;border:none;border-radius:8px;color:#6a6a72;font-size:9.5px;letter-spacing:.02em;cursor:pointer;transition:color .2s,background .2s}.nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item i{font-size:20px}.nav-item:hover{color:#aaa}.nav-item.active{color:#b8962e}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06050ce0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:legal-fade .18s ease}@keyframes legal-fade{0%{opacity:0}to{opacity:1}}.legal-modal{position:relative;width:min(560px,92vw);max-height:85vh;overflow-y:auto;padding:1.75rem 1.5rem;background:#14121f;border:1px solid #2a2440;border-radius:14px;text-align:left}.legal-close{position:sticky;top:0;float:right;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid #333;background:#14121fe6;color:#ccc;font-size:18px;cursor:pointer}.legal-close:hover{border-color:#b8962e;color:#b8962e}.legal-h1{font-size:17px;font-weight:600;color:#e8e8ec;margin-bottom:1.25rem}.legal-section{margin-bottom:1.25rem}.legal-section h3{font-size:13px;letter-spacing:.04em;color:#b8962e;margin-bottom:.4rem}.legal-section p,.legal-section li{font-size:12.5px;line-height:1.6;color:#c4c0d0}.legal-section p{margin-bottom:.5rem}.legal-section ul{margin:0 0 .5rem 1.1rem}.legal-section li{margin-bottom:.25rem}.legal-section a,.legal-foot a{color:#9b7fd4}.legal-foot{font-size:11px;color:#6a6a72;border-top:1px solid #221d38;padding-top:.9rem;margin-top:.5rem}.auth-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:340px}.auth-card{display:flex;flex-direction:column;gap:1rem;width:100%;padding:1.75rem 1.5rem;border-radius:14px;background:#12101c;border:1px solid #2a2440}.auth-title{font-size:15px;color:#e0e0e0;text-align:center;margin-bottom:.25rem}.auth-note{font-size:12px;color:#8a78c0;text-align:center;margin:0}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a78c0}.auth-field input{background:#0a0a0f;border:1px solid #2a2440;border-radius:8px;padding:.6rem .75rem;font-size:14px;color:#e0e0e0;outline:none;transition:border-color .2s}.auth-field input:focus{border-color:#b8962e}.auth-error{font-size:12px;color:#e06a6a;background:#b43c3c1f;padding:8px 10px;border-radius:6px}.auth-notice{font-size:12px;color:#6ab86a;background:#3c8c3c1f;padding:8px 10px;border-radius:6px}.auth-submit{background:#b8962e;color:#0a0a0f;border:none;padding:.7rem;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;letter-spacing:.05em;transition:background .2s;margin-top:.25rem}.auth-submit:hover{background:#d4ae3e}.auth-submit:disabled{opacity:.5;cursor:default}.auth-toggle{background:none;border:none;color:#8a78c0;font-size:12px;cursor:pointer;transition:color .2s}.auth-toggle:hover{color:#b8962e}.auth-legal{font-size:11px;line-height:1.5;color:#6a6a72;text-align:center;margin-top:.25rem}.auth-legal-link{background:none;border:none;padding:0;font-size:11px;color:#9b7fd4;text-decoration:underline;cursor:pointer}.showcase{width:min(94vw,920px);margin:0 auto;padding:1.5rem 0 4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.showcase-brand{position:relative;text-align:center}.showcase-login{position:absolute;top:0;right:0;padding:7px 14px;background:transparent;border:1px solid #2a2440;border-radius:999px;color:#cdbcf0;font-size:12px;cursor:pointer;transition:all .2s}.showcase-login:hover{border-color:#b8962e;color:#f0d896}@media (max-width: 480px){.showcase-login{position:static;margin-top:.6rem}}.showcase-brand .logo{font-family:var(--font-display, sans-serif);font-size:28px;font-weight:800;letter-spacing:.02em;color:#f2f1f6}.showcase-brand .tagline{font-size:12px;color:#8a78c0;letter-spacing:.05em}.showcase-hero{text-align:center;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.showcase-hero h1{font-family:var(--font-display, sans-serif);font-size:clamp(22px,6vw,34px);line-height:1.15;color:#f2f1f6;margin:0}.showcase-hero p{font-size:15px;color:#b7b3c4;margin:0}.showcase-cta{margin-top:.5rem}.showcase-empty{color:#888;font-size:14px;padding:2rem 0}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}@media (max-width: 640px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}.showcase-grid.single{grid-template-columns:1fr;max-width:320px}.showcase-foot{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.showcase-foot p{font-size:14px;color:#b7b3c4;margin:0}.showcase-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06050ce6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out}.showcase-zoom{width:min(340px,82vw);cursor:default;display:flex;flex-direction:column;gap:1rem}.showcase-zoom-close{position:fixed;top:16px;right:16px;z-index:101;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #333;background:#14121fe6;color:#ccc;font-size:20px;cursor:pointer}.app{display:flex;flex-direction:column;align-items:center}.account-name{position:fixed;top:16px;left:16px;font-size:12px;color:#8a78c0;letter-spacing:.03em}.signout{position:fixed;top:14px;right:16px;background:transparent;border:1px solid #2a2440;color:#6a6a72;font-size:11px;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.signout:hover{border-color:#b8962e;color:#b8962e}.brand{text-align:center;margin-bottom:2rem}.brand-home{background:none;border:none;padding:0;cursor:pointer;display:block;text-align:center}.brand-home .logo{transition:color .2s}.brand-home:hover .logo{color:#d4ae3e}.logo{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.22em;color:#b8962e;text-transform:uppercase;margin-bottom:.25rem}.tagline{font-size:12px;color:#555}.screen{width:100%;max-width:620px;animation:screen-in .4s ease}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-legal{margin-top:2.5rem;text-align:center}.legal-link{background:none;border:none;color:#4a4658;font-size:11px;letter-spacing:.03em;cursor:pointer;transition:color .2s}.legal-link:hover{color:#8a78c0}.screen-title{font-size:15px;color:#e0e0e0;letter-spacing:.05em}.screen-sub{font-size:11px;color:#6a6a72;margin-top:3px}.nav-btn{background:transparent;border:1px solid #333;color:#888;padding:.5rem 1.25rem;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.nav-btn:hover{border-color:#b8962e;color:#b8962e}.nav-btn.primary{background:#b8962e;color:#0a0a0f;border-color:#b8962e;font-weight:500}.nav-btn.primary:hover{background:#d4ae3e}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn:disabled:hover{border-color:#333;color:#888}.rarity-badge{display:inline-block;font-size:9px;padding:2px 6px;border-radius:4px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.badge-legendary{background:#2a1f00;color:#b8962e}.badge-rare{background:#1a1040;color:#9b7fd4}.badge-common{background:#0a1a2a;color:#4a8ab8}*{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Oswald", "Segoe UI", sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background:#0a0a0f;min-height:100vh;font-family:var(--font-body);color:#e0e0e0}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 96px}