.bg-layer{position:fixed;background-color:var(--color-void);z-index:0}.bg-layer,.bg-layer:after{inset:0;pointer-events:none}.bg-layer:after{content:"";position:absolute;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,212,255,.025) 0,rgba(0,212,255,.025) 4px)}.bg-media-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-media-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.bg-media-layer img,.bg-media-layer video{display:block;width:100%;height:100%;object-fit:cover}.bg-media-layer:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,212,255,.025) 0,rgba(0,212,255,.025) 4px),rgba(2,8,16,.45);pointer-events:none}.particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.particles span{position:absolute;display:block;width:var(--s,3px);height:var(--s,3px);background:var(--color-cyan);border-radius:50%;box-shadow:0 0 6px var(--color-cyan),0 0 12px var(--color-cyan-dim);opacity:0;animation:particle-drift var(--d,18s) linear infinite;animation-delay:var(--delay,0s)}.particles span.orange{background:var(--color-orange);box-shadow:0 0 6px var(--color-orange),0 0 12px rgba(255,107,53,.4)}@keyframes particle-drift{0%{transform:translate3d(var(--x0),110vh,0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate3d(calc(var(--x0) + var(--dx, 30px)),-10vh,0);opacity:0}}.hud{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 28px 14px;pointer-events:none;display:flex;flex-direction:column;gap:12px}.hud>*{pointer-events:auto}.hud-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}.brand{flex-shrink:0}.sector-tabs{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.sector-tabs::-webkit-scrollbar{display:none}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;letter-spacing:.12em;font-size:18px;color:var(--color-white);text-shadow:0 0 10px rgba(0,212,255,.5)}.brand-mark{display:grid;place-items:center}.brand-mark img{display:block;filter:drop-shadow(0 0 8px rgba(0,212,255,.35))}.brand-x{color:var(--color-cyan)}.sector-tabs{display:flex;align-items:center;gap:6px;padding:4px;background:rgba(10,22,40,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 0 24px rgba(0,212,255,.08),inset 0 1px 0 rgba(0,212,255,.08)}.sector-tab{appearance:none;border:1px solid transparent;background:transparent;color:var(--color-muted);font-family:var(--font-body);font-weight:600;letter-spacing:.18em;font-size:11px;padding:8px 14px;cursor:pointer;text-transform:uppercase;border-radius:3px;transition:color .15s,background .15s,box-shadow .2s,border-color .2s;position:relative;white-space:nowrap}.sector-tab:hover{color:var(--color-white);background:rgba(0,212,255,.05)}.sector-tab.active{color:var(--color-cyan);background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.4);box-shadow:inset 0 0 0 1px rgba(0,212,255,.15),0 0 14px rgba(0,212,255,.25)}.sector-tab.gold.active{color:var(--color-gold);background:rgba(255,201,60,.1);border-color:rgba(255,201,60,.4);box-shadow:inset 0 0 0 1px rgba(255,201,60,.2),0 0 14px rgba(255,201,60,.3)}.sector-tab .star{color:var(--color-gold);margin-right:4px}.tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{appearance:none;border:1px solid var(--color-border);background:rgba(10,22,40,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:38px;height:38px;border-radius:3px;display:grid;place-items:center;cursor:pointer;color:var(--color-muted);transition:color .15s,border-color .2s,box-shadow .2s}.tools .icon-btn{width:34px;height:34px}.icon-btn:hover{color:var(--color-cyan);border-color:rgba(0,212,255,.5);box-shadow:0 0 12px rgba(0,212,255,.25)}.icon-btn.on{color:var(--color-cyan);border-color:rgba(0,212,255,.4);background:rgba(0,212,255,.08)}.icon-btn.account-btn{padding:0;overflow:hidden}.icon-btn.account-btn.signed-in{color:var(--color-cyan);border-color:rgba(0,212,255,.5);background:rgba(0,212,255,.1);box-shadow:0 0 14px rgba(0,212,255,.25)}.icon-btn.account-btn .account-avatar{width:100%;height:100%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.05em;color:var(--color-white);background:linear-gradient(135deg,rgba(0,212,255,.25),rgba(0,212,255,.08))}.auth-tabs{display:flex;gap:0;margin-bottom:18px;border-bottom:1px solid var(--color-border)}.auth-tab{appearance:none;background:transparent;border:0;color:var(--color-muted);font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.25em;padding:12px 18px;cursor:pointer;position:relative;transition:color .15s}.auth-tab:hover{color:var(--color-white)}.auth-tab.active{color:var(--color-cyan)}.auth-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-cyan);box-shadow:0 0 8px var(--color-cyan)}.auth-providers{margin-top:18px}.auth-providers .divider{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--color-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.25em}.auth-providers .divider:after,.auth-providers .divider:before{content:"";flex:1;height:1px;background:var(--color-border)}.provider-row{display:flex;gap:10px}.provider-btn{flex:1;appearance:none;background:rgba(2,8,16,.4);border:1px solid var(--color-border);color:var(--color-white);font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.2em;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border-radius:3px;transition:all .15s}.provider-btn:hover{border-color:var(--color-cyan);color:var(--color-cyan);box-shadow:0 0 12px rgba(0,212,255,.2)}.otp-grid{display:flex;justify-content:center;gap:10px;margin:4px auto 0}.otp-cell{width:46px;height:56px;flex:0 0 auto;aspect-ratio:auto;background:rgba(2,8,16,.6);border:1px solid var(--color-border);color:var(--color-white);font-family:var(--font-display);font-weight:700;font-size:28px;text-align:center;border-radius:3px;outline:none;transition:border-color .15s,box-shadow .2s}.otp-cell:focus{border-color:var(--color-cyan);box-shadow:0 0 0 1px rgba(0,212,255,.4),0 0 14px rgba(0,212,255,.3);background:rgba(0,212,255,.05)}.modal.dashboard{max-width:880px;width:880px}.dash-body{display:grid;grid-template-columns:240px 1fr;min-height:520px}.dash-side{border-right:1px solid var(--color-border);padding:22px 0;display:flex;flex-direction:column;gap:4px}.dash-avatar{width:92px;height:92px;border-radius:50%;margin:4px auto 12px;padding:3px;background:conic-gradient(from 0deg,var(--color-cyan),transparent 40%,var(--color-cyan-dim) 70%,var(--color-cyan));display:grid;place-items:center;animation:ring-spin 10s linear infinite}.dash-avatar-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#1a4a6a,#2a6a9a);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--color-white);letter-spacing:.05em;animation:ring-spin 10s linear infinite reverse}@keyframes ring-spin{to{transform:rotate(1turn)}}.dash-name{font-family:var(--font-display);font-weight:700;text-align:center;font-size:15px;color:var(--color-white);letter-spacing:.1em}.dash-handle{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--color-cyan);letter-spacing:.15em;margin-bottom:18px}.dash-nav{display:flex;flex-direction:column;gap:2px;padding:0 14px}.dash-nav-item{appearance:none;background:transparent;border:1px solid transparent;border-left-width:2px;color:var(--color-muted);text-align:left;font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.18em;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:12px;border-radius:3px;transition:all .15s}.dash-nav-item .ico{font-family:var(--font-mono);width:16px;color:var(--color-cyan-dim);font-size:14px}.dash-nav-item:hover{color:var(--color-white);background:rgba(0,212,255,.04)}.dash-nav-item.active{background:rgba(0,212,255,.08);border-left-color:var(--color-cyan);box-shadow:inset 0 0 0 1px rgba(0,212,255,.1)}.dash-nav-item.active,.dash-nav-item.active .ico{color:var(--color-cyan)}.dash-signout{margin:auto 14px 4px;font-size:11px!important;padding:8px 12px!important;letter-spacing:.2em}.dash-main{padding:22px 26px;overflow-y:auto}.dash-section-title{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);letter-spacing:.18em;margin-bottom:14px;display:flex;align-items:center;gap:10px}.dash-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--color-border),transparent)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dash-card{background:rgba(2,8,16,.5);border:1px solid var(--color-border);padding:14px;border-radius:3px;position:relative;overflow:hidden}.dash-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-cyan),transparent);opacity:.4}.dash-card-label{font-family:var(--font-mono);font-size:9px;color:var(--color-muted);letter-spacing:.25em;margin-bottom:8px}.dash-card-value{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--color-white);letter-spacing:.05em;line-height:1.1}.dash-card-sub{font-family:var(--font-mono);font-size:9px;color:var(--color-cyan-dim);letter-spacing:.15em;margin-top:6px}.dash-activity{display:flex;flex-direction:column;gap:1px;background:var(--color-border)}.activity-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;background:rgba(2,8,16,.5);padding:10px 14px;font-size:13px}.activity-tag{font-family:var(--font-mono);font-size:9px;color:var(--color-cyan);letter-spacing:.2em;padding:3px 6px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);text-align:center}.activity-text{color:#a8c8e0}.activity-time{font-family:var(--font-mono);font-size:10px;color:var(--color-muted);letter-spacing:.1em}.ticket-list{display:flex;flex-direction:column;gap:14px}.ticket-card{display:grid;grid-template-columns:110px 1fr;background:linear-gradient(135deg,rgba(13,29,54,.6),rgba(10,22,40,.5));border:1px solid var(--color-border);border-radius:4px;overflow:hidden;position:relative}.ticket-card:after{content:"";position:absolute;left:110px;top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 4px,transparent 4px,transparent 8px)}.ticket-stub{padding:14px;background:linear-gradient(180deg,rgba(0,212,255,.06),rgba(0,212,255,.02));display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px}.ticket-thumb{width:64px;height:64px;display:grid;place-items:center;padding:12px;border-radius:4px;border:1px solid rgba(0,212,255,.35);background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(0,212,255,.02)),var(--color-surface);color:var(--color-cyan);box-shadow:inset 0 0 12px rgba(0,212,255,.12)}.ticket-thumb svg{width:100%;height:100%}.ticket-thumb--muted{border-color:var(--color-border);background:var(--color-surface);color:var(--color-muted);box-shadow:none}.ticket-date{font-family:var(--font-mono);font-size:9px;color:var(--color-cyan);letter-spacing:.15em;text-align:center}.ticket-main{padding:14px 18px}.ticket-row{display:flex;justify-content:space-between;align-items:center}.wallet-hero{background:linear-gradient(135deg,rgba(0,255,136,.08),rgba(0,212,255,.04));border:1px solid rgba(0,255,136,.3);padding:22px;text-align:center;border-radius:4px}.wallet-amount{font-family:var(--font-display);font-weight:800;font-size:46px;color:var(--color-success);text-shadow:0 0 24px rgba(0,255,136,.4);letter-spacing:.04em;line-height:1}.wallet-amount span{font-size:24px;opacity:.7}.wallet-sub{font-family:var(--font-mono);font-size:10px;color:var(--color-muted);letter-spacing:.3em;margin-top:8px}.referral-row{display:flex;gap:10px;align-items:center}.referral-row code{flex:1;background:rgba(2,8,16,.6);border:1px dashed rgba(0,212,255,.4);font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--color-cyan);padding:12px 16px;letter-spacing:.2em;text-align:center;border-radius:3px}.story-uploader{border:2px dashed var(--color-border);border-radius:4px;padding:30px;text-align:center;background:rgba(2,8,16,.4);transition:border-color .2s,background .2s;cursor:pointer}.story-uploader:hover{border-color:var(--color-cyan);background:rgba(0,212,255,.04)}.story-uploader-inner{display:flex;flex-direction:column;align-items:center}.active-story{display:flex;align-items:center;gap:14px;background:rgba(2,8,16,.5);border:1px solid var(--color-border);padding:12px;border-radius:3px}.active-story-thumb{width:60px;height:80px;background:linear-gradient(135deg,rgba(0,212,255,.4),rgba(255,107,53,.3)),repeating-linear-gradient(45deg,hsla(0,0%,100%,.05) 0 2px,transparent 2px 6px);border:1px solid rgba(0,212,255,.4);border-radius:2px}@media (max-width:720px){.modal.dashboard{max-width:calc(100vw - 40px);width:auto}.dash-body{grid-template-columns:1fr}.dash-side{flex-direction:row;flex-wrap:wrap;padding:14px;border-right:0;border-bottom:1px solid var(--color-border)}.dash-avatar{margin:0 12px 0 0;width:60px;height:60px}.dash-handle,.dash-name{text-align:left;margin-bottom:0}.dash-nav{flex-direction:row;padding:0;overflow-x:auto;flex-basis:100%;margin-top:12px}.dash-nav-item{white-space:nowrap}.dash-grid{grid-template-columns:repeat(2,1fr)}}.stat-row{display:flex;align-items:stretch;gap:10px}.stat-block{background:rgba(10,22,40,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:4px;padding:8px 14px;display:flex;flex-direction:column;gap:2px;min-width:88px}.stat-block .label{font-family:var(--font-mono);font-size:9px;color:var(--color-muted);letter-spacing:.2em;text-transform:uppercase}.stat-block .value{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--color-white);letter-spacing:.05em}.stat-block.accent .value{color:var(--color-cyan);text-shadow:0 0 10px rgba(0,212,255,.4)}.stat-block.warn .value{color:var(--color-orange)}.stat-block.success .value{color:var(--color-success)}.countdown{flex:1;background:rgba(10,22,40,.55);backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:4px;padding:6px 14px;display:flex;align-items:center;gap:12px;min-width:220px;position:relative;overflow:hidden}.countdown:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-cyan),var(--color-cyan-dim));box-shadow:0 0 8px var(--color-cyan)}.countdown .label{font-family:var(--font-mono);font-size:9px;color:var(--color-muted);letter-spacing:.2em;text-transform:uppercase}.countdown .value{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--color-white);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap}.arena{position:fixed;inset:0;z-index:5;overflow:hidden;cursor:grab;touch-action:none}.arena.dragging{cursor:grabbing}.world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.grid-bg{background-image:linear-gradient(rgba(26,47,84,.5) 1px,transparent 0),linear-gradient(90deg,rgba(26,47,84,.5) 1px,transparent 0),radial-gradient(circle at 50% 50%,rgba(0,212,255,.04),transparent 70%);background-size:calc(var(--slot-size) + var(--slot-gap)) calc(var(--slot-size) + var(--slot-gap)),calc(var(--slot-size) + var(--slot-gap)) calc(var(--slot-size) + var(--slot-gap)),100% 100%;background-position:-1px -1px,-1px -1px,0 0;pointer-events:none}.grid-bg,.grid-bg:after{position:absolute;inset:0}.grid-bg:after{content:"";background-image:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(0,212,255,.02) 0,rgba(0,212,255,.02) 81px)}.slot{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);display:grid;place-items:center;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s,z-index 0s;font-family:var(--font-mono)}.slot.occupied{border-color:rgba(0,212,255,.35);background:linear-gradient(135deg,var(--color-surface),var(--color-surface-hi))}.slot.occupied:before{content:"";position:absolute;inset:0;background:var(--avatar-bg,linear-gradient(135deg,#1a4a6a,#2a6a9a));z-index:0}.slot.occupied .initials{position:relative;z-index:1;font-family:var(--font-display);font-weight:700;color:hsla(0,0%,100%,.92);text-shadow:0 1px 2px rgba(0,0,0,.6);letter-spacing:.05em}.slot.reserved{border-color:rgba(255,107,53,.5);background:linear-gradient(135deg,rgba(255,107,53,.12),rgba(255,107,53,.04)),var(--color-surface);animation:reserved-pulse 2.2s ease-in-out infinite}.slot.reserved .dot{width:8px;height:8px;background:var(--color-orange);border-radius:50%;box-shadow:0 0 8px var(--color-orange)}@keyframes reserved-pulse{0%,to{box-shadow:0 0 0 0 rgba(255,107,53,0)}50%{box-shadow:0 0 10px 1px rgba(255,107,53,.35)}}.slot.gold.occupied{border-color:rgba(255,201,60,.55)}.slot.gold.occupied:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,201,60,.25);pointer-events:none}.slot:hover{border-color:var(--color-cyan);box-shadow:0 0 16px rgba(0,212,255,.55),inset 0 0 0 1px rgba(0,212,255,.4);z-index:5;transform:scale(1.08)}.slot.gold:hover{border-color:var(--color-gold);box-shadow:0 0 18px rgba(255,201,60,.55),inset 0 0 0 1px rgba(255,201,60,.4)}.hover-label{position:absolute;background:rgba(2,8,16,.95);border:1px solid var(--color-cyan);color:var(--color-white);font-family:var(--font-body);font-size:13px;font-weight:600;padding:6px 10px;border-radius:3px;pointer-events:none;white-space:nowrap;z-index:100;box-shadow:0 0 18px rgba(0,212,255,.3);letter-spacing:.04em;transform:translate(-50%,-100%) translateY(-10px)}.hover-label .sub{display:block;font-family:var(--font-mono);font-size:10px;color:var(--color-cyan);margin-top:2px;letter-spacing:.15em}.hover-label.empty{border-color:var(--color-muted);box-shadow:0 0 12px rgba(74,122,155,.3)}.hover-label.empty .sub{color:var(--color-success)}.zoom-controls{position:fixed;bottom:24px;right:24px;z-index:30;display:flex;flex-direction:column;gap:8px;align-items:stretch}.zoom-controls .icon-btn{width:42px;height:42px}.zoom-readout{background:rgba(10,22,40,.7);border:1px solid var(--color-border);border-radius:3px;padding:6px 8px;text-align:center;font-family:var(--font-mono);font-size:10px;color:var(--color-cyan);letter-spacing:.15em}.minimap,.zoom-readout{backdrop-filter:blur(10px)}.minimap{position:fixed;bottom:24px;left:24px;z-index:30;width:180px;height:180px;background:rgba(2,8,16,.75);border:1px solid var(--color-border);border-radius:4px;padding:10px;box-shadow:0 0 30px rgba(0,0,0,.6)}.minimap-title{font-family:var(--font-mono);font-size:9px;color:var(--color-muted);letter-spacing:.2em;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.minimap-title .dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.minimap-viewport{position:relative;width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,rgba(0,212,255,.05),transparent),var(--color-surface);border:1px solid var(--color-border);overflow:hidden}.minimap-viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.minimap-frame{position:absolute;border:1.5px solid var(--color-cyan);box-shadow:0 0 8px rgba(0,212,255,.6),inset 0 0 8px rgba(0,212,255,.3);pointer-events:none}.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(2,8,16,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:backdrop-in .25s ease-out}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,rgba(13,29,54,.95),rgba(10,22,40,.98));border:1px solid var(--color-border-hi);border-radius:6px;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow:auto;position:relative;animation:modal-in .35s cubic-bezier(.2,.7,.2,1.2);box-shadow:0 0 0 1px rgba(0,212,255,.15),0 0 60px rgba(0,212,255,.18),0 30px 80px rgba(0,0,0,.7)}.modal:before{content:"";position:absolute;inset:0;border-radius:5px;background:linear-gradient(135deg,rgba(0,212,255,.6),transparent 30%,transparent 70%,rgba(0,212,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}@keyframes modal-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);position:relative}.modal-head .title{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.25em;color:var(--color-cyan);text-transform:uppercase}.modal-head .meta{font-family:var(--font-mono);font-size:10px;color:var(--color-muted);letter-spacing:.2em;margin-top:2px}.close-btn{appearance:none;background:transparent;border:1px solid var(--color-border);color:var(--color-muted);width:30px;height:30px;border-radius:3px;cursor:pointer;display:grid;place-items:center;transition:all .15s}.close-btn:hover{color:var(--color-cyan);border-color:var(--color-cyan)}.profile-body{padding:22px;display:grid;grid-template-columns:160px 1fr;gap:22px}.profile-avatar{width:160px;height:200px;border:1px solid rgba(0,212,255,.4);background:var(--avatar-bg,linear-gradient(135deg,#1a4a6a,#2a6a9a));display:grid;place-items:center;position:relative;overflow:hidden}.profile-avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(2,8,16,.85))}.profile-avatar .initials-big{font-family:var(--font-display);font-weight:800;font-size:64px;color:hsla(0,0%,100%,.95);text-shadow:0 2px 12px rgba(0,0,0,.5)}.profile-avatar .corner{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:10px;color:var(--color-cyan);z-index:2;letter-spacing:.15em}.profile-info{min-width:0;overflow-wrap:break-word}.profile-info .name{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--color-white);margin:0 0 4px}.profile-info .title{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--color-cyan);letter-spacing:.05em;margin-bottom:14px}.profile-info .bio{font-size:14px;color:rgba(232,244,253,.78);line-height:1.5;margin-bottom:16px}.profile-stats{display:flex;gap:14px;border-top:1px solid var(--color-border);padding-top:12px;margin-bottom:14px}.profile-stats .stat .v{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--color-white)}.profile-stats .stat .k{font-family:var(--font-mono);font-size:9px;color:var(--color-muted);letter-spacing:.2em}.social-row{display:flex;gap:8px;flex-wrap:wrap;padding:14px 22px 22px}.social-chip{background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.3);color:var(--color-cyan);font-family:var(--font-body);font-weight:600;font-size:12px;padding:6px 12px;border-radius:3px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .15s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-chip:hover{background:rgba(0,212,255,.18);box-shadow:0 0 12px rgba(0,212,255,.3)}@media (max-width:480px){.profile-body{grid-template-columns:1fr;gap:16px;padding:16px}.profile-avatar{margin:0 auto}.social-row{padding:12px 16px 16px}}@media (min-width:640px){.profile-body{grid-template-columns:200px 1fr;gap:24px}.profile-avatar{width:200px;height:250px}}.claim-body{padding:22px}.steps{display:flex;gap:4px;margin-bottom:22px}.step-pip{flex:1;height:3px;background:var(--color-border);position:relative}.step-pip.done{background:var(--color-cyan);box-shadow:0 0 6px rgba(0,212,255,.6)}.step-pip.active{background:linear-gradient(90deg,var(--color-cyan),var(--color-cyan-dim));box-shadow:0 0 8px rgba(0,212,255,.7)}.claim-slot-display{border:1px dashed rgba(0,212,255,.4);padding:18px;margin-bottom:18px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.claim-slot-display .pip{width:40px;height:40px;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.05));border:1px solid var(--color-cyan);display:grid;place-items:center;font-family:var(--font-display);color:var(--color-cyan);font-weight:700}.claim-slot-display .info .id{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--color-white);letter-spacing:.1em}.claim-slot-display .info .sub{font-family:var(--font-mono);font-size:10px;color:var(--color-muted);letter-spacing:.2em;margin-top:4px}.claim-slot-display .price{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--color-cyan);text-shadow:0 0 10px rgba(0,212,255,.4)}.field{margin-bottom:14px}.field label{display:block;font-family:var(--font-mono);font-size:11px;color:var(--color-muted);letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.field input,.field textarea{width:100%;background:rgba(2,8,16,.6);border:1px solid var(--color-border);color:var(--color-white);padding:10px 12px;font-family:var(--font-body);font-size:14px;border-radius:3px;outline:none;transition:border-color .15s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--color-cyan);box-shadow:0 0 0 1px rgba(0,212,255,.25),0 0 10px rgba(0,212,255,.2)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.claim-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 22px 22px;border-top:1px solid var(--color-border);margin-top:4px}.btn{appearance:none;border:1px solid var(--color-cyan);background:linear-gradient(180deg,rgba(0,212,255,.18),rgba(0,212,255,.05));color:var(--color-cyan);font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.2em;padding:11px 22px;border-radius:3px;text-transform:uppercase;cursor:pointer;transition:all .15s}.btn:hover{background:linear-gradient(180deg,rgba(0,212,255,.32),rgba(0,212,255,.12));box-shadow:0 0 18px rgba(0,212,255,.4);color:var(--color-white)}.btn.ghost{border-color:var(--color-border);background:transparent;color:var(--color-muted)}.btn.ghost:hover{color:var(--color-white);border-color:var(--color-muted);box-shadow:none}.btn.gold{border-color:var(--color-gold);background:linear-gradient(180deg,rgba(255,201,60,.2),rgba(255,201,60,.05));color:var(--color-gold)}.btn.gold:hover{box-shadow:0 0 18px rgba(255,201,60,.45);color:var(--color-white)}.success-screen{padding:40px 22px 30px;text-align:center}.success-screen .glyph{width:80px;height:80px;border-radius:50%;margin:0 auto 18px;border:2px solid var(--color-success);display:grid;place-items:center;color:var(--color-success);box-shadow:0 0 30px rgba(0,255,136,.4);animation:success-pulse 1.6s ease-in-out infinite}@keyframes success-pulse{0%,to{box-shadow:0 0 20px rgba(0,255,136,.3)}50%{box-shadow:0 0 50px rgba(0,255,136,.6)}}.success-screen h2{font-family:var(--font-display);font-weight:700;letter-spacing:.2em;margin:0 0 8px}.success-screen p{color:var(--color-muted);margin:0 0 18px}.intro-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;background:rgba(10,22,40,.85);border:1px solid rgba(0,212,255,.4);box-shadow:0 0 30px rgba(0,212,255,.2);padding:14px 22px;font-family:var(--font-mono);font-size:12px;color:var(--color-cyan);letter-spacing:.2em;border-radius:4px;text-transform:uppercase;pointer-events:none;animation:intro-toast 4.5s ease forwards}@keyframes intro-toast{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}15%,75%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-10px)}}.intro-toast kbd{display:inline-block;background:rgba(0,212,255,.15);border:1px solid var(--color-cyan);padding:2px 6px;border-radius:2px;margin:0 4px;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}