.pack-zone{display:flex;flex-direction:column;align-items:center;gap:1.25rem;user-select:none;-webkit-user-select:none;touch-action:none}.pack{width:200px;height:300px;position:relative;cursor:grab;--foil: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .03) 22%, transparent 46%), radial-gradient(120% 55% at 22% 0%, rgba(255, 255, 255, .12), transparent 60%), linear-gradient(160deg, #2a1a5e 0%, #1d1142 40%, #3a2487 70%, #1a0f3a 100%)}.pack:active{cursor:grabbing}.pack-body{position:absolute;top:46px;left:0;right:0;bottom:0;z-index:1;background:var(--foil);background-size:200px 300px;background-position:0 -46px;border:1px solid #5a3da8;border-top:none;border-radius:0 0 14px 14px;box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 14px 16px}.pack-body:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f4d278 18%,#fff3cf 50%,#f4d278 82%,transparent);box-shadow:0 0 12px 2px #f4d278bf;z-index:2}.pack-head{display:flex;flex-direction:column;align-items:center;gap:3px}.pack-wordmark{font-size:21px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,#f6dd86,#d4ae3e 45%,#9c7c22);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(184,150,46,.25)}.pack-sub{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#8a78c0}.pack-emblem{font-size:46px;color:#b8962e;filter:drop-shadow(0 0 14px rgba(184,150,46,.55))}.pack-banner{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 0;border-radius:8px;background:linear-gradient(180deg,#0a08181a,#0a0818a6)}.pack-set{font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg,#f6dd86,#c9a233);-webkit-background-clip:text;background-clip:text;color:transparent}.pack-set-sub{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#9a88cc}.rising-card{position:absolute;top:36px;left:50%;width:168px;height:252px;margin-left:-84px;z-index:0;border-radius:12px;background:#1a1040;border:1px solid #4a3080;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#4a3080}.pack.opening .rising-card{animation:card-rise .65s cubic-bezier(.18,.7,.3,1) .25s forwards}@keyframes card-rise{0%{transform:translateY(0)}to{transform:translateY(-132px);box-shadow:0 0 30px #7c5cbf8c}}.pack.opening .pack-body{animation:body-fade .3s ease .72s forwards}@keyframes body-fade{to{opacity:0}}.pack-lid{position:absolute;top:0;left:0;right:0;height:52px;z-index:3;background:var(--foil);background-size:200px 300px;background-position:0 0;border:1px solid #5a3da8;border-bottom:none;border-radius:14px 14px 0 0;box-shadow:inset 0 1px #ffffff24;overflow:hidden}.pack.opening .pack-lid{animation:lid-toss .55s cubic-bezier(.3,.1,.45,1) forwards}@keyframes lid-toss{0%{transform:translate(0) rotate(0);opacity:1}20%{transform:translate(8px,-10px) rotate(4deg);opacity:1}to{transform:translate(130px,-96px) rotate(22deg);opacity:0}}.pack-crimp{position:absolute;top:0;left:0;right:0;height:14px;background:linear-gradient(180deg,#6645c4,#3a2487);clip-path:polygon(0 0,100% 0,100% 45%,94% 100%,88% 45%,82% 100%,76% 45%,70% 100%,64% 45%,58% 100%,52% 45%,46% 100%,40% 45%,34% 100%,28% 45%,22% 100%,16% 45%,10% 100%,4% 45%,0 80%)}.pack-badge{position:absolute;top:22px;right:10px;font-size:8px;font-weight:700;letter-spacing:.08em;color:#0a0a0f;background:linear-gradient(180deg,#f6dd86,#c9a233);padding:2px 6px;border-radius:4px}.tear-guide{position:absolute;left:9px;right:9px;bottom:7px;height:0;border-top:1px solid rgba(244,210,120,.3)}.tear-notch{position:absolute;bottom:3px;width:0;height:0;border-style:solid}.tear-notch.left{left:0;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #120b2e}.tear-notch.right{right:0;border-width:4px 7px 4px 0;border-color:transparent #120b2e transparent transparent}.tear-zone{position:absolute;top:46px;left:0;right:0;height:6px;z-index:5;pointer-events:none;display:flex;align-items:center}.tear-line{width:100%;height:3px;background:linear-gradient(90deg,transparent,#f4d278 15%,#fff3cf 50%,#f4d278 85%,transparent);box-shadow:0 0 12px 3px #f4d278d9;border-radius:2px}.pack-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:14px;opacity:0;background:radial-gradient(circle at center,rgba(244,210,120,.85),transparent 70%);transition:opacity .4s ease}.pack.opening .pack-flash{opacity:1}.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}.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{padding:5px 9px;font-size:clamp(6px,5cqi,10px);color:#888}.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-size:clamp(8px,7cqi,14px);font-weight:600;color:#e8e8ec;display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@container (max-width: 140px){.cc-type,.cc-by{display:none}}.cc-by{font-size:clamp(5px,4.5cqi,9px);color:#8a78c0;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{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-count{position:absolute;top:6px;right:6px;z-index:2;font-size:10px;font-weight:600;color:#0a0a0f;background:#b8962e;padding:1px 6px;border-radius:8px}.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:3 / 4;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{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 input:focus,.submit-field select: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:3 / 4;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-size:13px;font-weight:600;color:#e8e8ec}.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-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-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}.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}.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}.vote-btn{display:flex;align-items:center;gap:5px;width:100%;justify-content:center;margin-top:8px;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:4px;padding:8px 8px 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:60px;padding:6px 8px;background:transparent;border:none;border-radius:8px;color:#6a6a72;font-size:10px;letter-spacing:.02em;cursor:pointer;transition:color .2s,background .2s}.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}.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-size:13px;font-weight:500;letter-spacing:.2em;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}body{background:#0a0a0f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e0e0e0}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 96px}