:root{--bg:#0c0d12;--bg-soft:#11131a;--panel:#161820;--panel-raised:#1b1d27;--panel-hover:#20222d;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.14);--text:#f5f2eb;--muted:#9a9ba7;--muted-strong:#c2c0c8;--violet:#9878ff;--violet-bright:#b6a3ff;--violet-soft:rgba(152,120,255,0.12);--gold:#d9b35f;--danger:#ff717e;--success:#67d6a4;--font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic UI",sans-serif;--font-display:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--sidebar:254px;--radius:14px;--shadow:0 22px 80px rgba(0,0,0,0.35)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 75% -20%,rgba(103,70,180,.08),transparent 33rem),var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.6;min-height:100vh}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--violet-bright);outline-offset:3px}::selection{background:rgba(152,120,255,.35)}.app-shell{min-height:100vh}.sidebar{background:rgba(15,16,22,.95);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;left:0;padding:28px 18px 18px;position:fixed;top:0;width:var(--sidebar);z-index:50}.sidebar__logo{padding:0 10px 33px}.logo{gap:11px}.logo,.logo__mark{align-items:center;display:inline-flex}.logo__mark{background:linear-gradient(145deg,#bba8ff,#7457d5);border-radius:9px;box-shadow:0 8px 26px rgba(128,91,238,.35);color:white;height:36px;justify-content:center;position:relative;transform:rotate(3deg);width:32px}.logo__mark:after{border:1px solid rgba(255,255,255,.35);border-radius:6px;content:"";inset:4px;position:absolute}.logo__type{display:flex;flex-direction:column;font-family:var(--font-display);line-height:1}.logo__type>span{font-size:19px;font-weight:650;letter-spacing:.15em}.logo__type small{color:var(--muted);font-size:8px;font-weight:500;letter-spacing:.25em;margin-top:5px;text-transform:uppercase}.sidebar__nav{display:flex;flex:1 1;flex-direction:column;gap:26px}.sidebar__nav-group{display:grid;grid-gap:5px;gap:5px}.sidebar__eyebrow{color:#666873;font-family:var(--font-display),sans-serif;font-size:9px;font-weight:600;letter-spacing:.22em;margin:0 11px 7px}.nav-link{align-items:center;border:1px solid transparent;border-radius:9px;color:#9a9ba6;display:flex;gap:12px;min-height:43px;padding:0 11px;position:relative;transition:.16s ease}.nav-link:hover{background:rgba(255,255,255,.035);color:var(--text)}.nav-link--active{background:var(--violet-soft);color:#c8b9ff}.nav-link--active:before{background:var(--violet);border-radius:0 4px 4px 0;box-shadow:0 0 12px var(--violet);content:"";height:20px;left:-19px;position:absolute;width:3px}.nav-link--prominent{border-color:rgba(152,120,255,.12)}.sidebar__footer{border-top:1px solid var(--line);padding-top:12px}.profile-chip{align-items:center;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:11px;display:flex;gap:9px;padding:9px}.avatar{align-items:center;background:linear-gradient(145deg,#8068ce,#4e3c8d);border:1px solid rgba(255,255,255,.14);border-radius:50%;color:white;display:inline-flex;flex:0 0 auto;font-family:var(--font-display),sans-serif;font-size:11px;height:34px;justify-content:center;width:34px}.profile-chip__info{display:flex;flex:1 1;flex-direction:column;line-height:1.35;min-width:0}.profile-chip__info strong{font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip__info small{color:var(--muted);font-size:9px}.profile-chip>a,.profile-chip__logout{background:none;border:0;color:#747681;cursor:pointer;display:flex;padding:0}.app-main{margin-left:var(--sidebar);min-height:100vh}.mobile-header,.mobile-nav{display:none}.page-container{margin:0 auto;max-width:1480px;padding:58px clamp(28px,5vw,76px) 80px}.page-container--narrow{max-width:1120px}.page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:34px}.overline,.page-header__eyebrow{color:var(--violet-bright);font-family:var(--font-display),sans-serif;font-size:9px;font-weight:600;letter-spacing:.24em;margin:0 0 5px}.creator-header h1,.page-header h1{font-size:clamp(27px,3vw,38px);font-weight:560;letter-spacing:-.035em;line-height:1.3;margin:0}.creator-header>div>p:last-child,.page-header>div>p:last-child{color:var(--muted);margin:7px 0 0}.page-header__actions{display:flex;gap:10px}.button{align-items:center;border:1px solid transparent;border-radius:9px;cursor:pointer;display:inline-flex;font-weight:550;gap:8px;justify-content:center;min-height:40px;padding:0 17px;transition:.16s ease}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background:linear-gradient(145deg,#9d82f8,#775ad6);box-shadow:0 10px 28px rgba(111,78,207,.22);color:white}.button--primary:hover:not(:disabled){box-shadow:0 12px 35px rgba(128,89,235,.34);filter:brightness(1.08);transform:translateY(-1px)}.button--secondary{background:rgba(255,255,255,.035);border-color:var(--line-strong);color:var(--muted-strong)}.button--secondary:hover{background:rgba(255,255,255,.065);color:white}.button--large{min-height:47px;padding:0 23px}.button--full{width:100%}.button--danger-text{background:rgba(255,113,126,.06);border-color:rgba(255,113,126,.15);color:var(--danger)}.gallery-toolbar{background:rgba(22,24,32,.68);border:1px solid var(--line);border-radius:12px;gap:20px;justify-content:space-between;margin-bottom:25px;padding:9px}.gallery-toolbar,.search-field{align-items:center;display:flex}.search-field{color:#767783;flex:1 1;gap:10px;max-width:420px;padding:0 9px}.search-field input{background:transparent;border:0;color:var(--text);height:39px;min-width:0;outline:0;width:100%}.search-field input::placeholder{color:#696b75}.search-field button{background:none;border:0;color:var(--muted);cursor:pointer;display:flex;padding:4px}.filter-pills{align-items:center;display:flex;gap:3px}.filter-pills__icon{color:#6f707a;margin:0 6px}.filter-pills button{background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);cursor:pointer;min-width:40px;padding:7px 10px}.filter-pills button:hover{color:white}.filter-pills button.active{background:var(--violet-soft);border-color:rgba(152,120,255,.18);color:#cabdff}.section-heading{color:#777984;display:flex;font-size:11px;justify-content:space-between;margin-bottom:16px;padding:0 2px}.section-heading>div{align-items:center;color:var(--muted-strong);display:flex;gap:8px}.card-grid{display:grid;grid-gap:clamp(20px,2vw,30px);gap:clamp(20px,2vw,30px);grid-template-columns:repeat(4,minmax(0,1fr))}.game-card{--rarity:#898b91;--rarity-soft:rgba(137,139,145,0.2);aspect-ratio:5/7;background:#101118;border:0;border-radius:10px;box-shadow:0 22px 52px rgba(0,0,0,.48),0 0 28px color-mix(in srgb,var(--rarity) 16%,transparent);container-type:inline-size;cursor:pointer;isolation:isolate;min-width:0;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease}.game-card:hover{box-shadow:0 28px 64px rgba(0,0,0,.55),0 0 38px color-mix(in srgb,var(--rarity) 28%,transparent);transform:translateY(-6px)}.creator-card.rarity-n,.game-card.rarity-n{--rarity:#9da3a6;--rarity-soft:rgba(157,163,166,0.18)}.creator-card.rarity-r,.game-card.rarity-r{--rarity:#59a9e7;--rarity-soft:rgba(74,157,220,0.2)}.creator-card.rarity-sr,.game-card.rarity-sr{--rarity:#c08cf4;--rarity-soft:rgba(174,117,232,0.21)}.creator-card.rarity-ssr,.game-card.rarity-ssr{--rarity:#e7bd58;--rarity-soft:rgba(231,189,88,0.22)}.card-frame{height:100%;inset:0;object-fit:fill;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2}.creator-card__foil,.game-card__foil{background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.08) 47%,transparent 62%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s;z-index:4}.game-card:hover .game-card__foil{opacity:1}.game-card__topline{align-items:center;display:flex;gap:10px;height:5.4%;inset:7.1% 13% auto;justify-content:space-between;padding:0 2%;position:absolute;z-index:3}.game-card__name{flex:1 1;font-size:clamp(10px,1vw,13px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-card header strong,.game-card__title-rarity{color:var(--rarity);flex:0 0 auto;font-family:var(--font-display),sans-serif;font-size:clamp(8px,.76vw,11px);font-weight:700;letter-spacing:.12em}.game-card__art-wrap{aspect-ratio:1;background:#0c0d11;border:0;left:10%;overflow:hidden;position:absolute;top:15.4762%;width:80%}.card-art{background:radial-gradient(circle at 50% 22%,rgba(245,212,255,.75),transparent 4%),radial-gradient(circle at 47% 38%,#7558b3 0,#2e225d 25%,#101329 58%,#080912 100%);height:100%;overflow:hidden;position:relative;width:100%}.card-art--image{background-position:50%;background-repeat:no-repeat;background-size:cover}.art-orb{border-radius:50%;filter:blur(3px);position:absolute}.art-orb--one{background:rgba(180,155,255,.35);height:38%;left:9%;top:17%;width:38%}.art-orb--two{background:rgba(76,134,227,.28);height:44%;right:-8%;top:32%;width:44%}.art-horizon{background:linear-gradient(165deg,transparent 44%,rgba(255,255,255,.12) 45%,transparent 46%),linear-gradient(195deg,transparent 47%,rgba(120,88,196,.7) 48%,#13142e 70%);bottom:0;inset-inline:0}.art-horizon,.art-sigil{position:absolute;top:25%}.art-sigil{align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:rgba(255,255,255,.7);display:flex;height:38%;justify-content:center;left:31%;width:38%}.art-sigil:after,.art-sigil:before{border:1px solid rgba(255,255,255,.12);content:"";inset:11%;position:absolute;transform:rotate(45deg)}.art-sigil svg{height:33%;width:33%}.art-grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");inset:0;opacity:.28;position:absolute}.card-art--forest{background:radial-gradient(circle at 52% 28%,#b8d279,transparent 8%),radial-gradient(circle at 45% 35%,#438069,transparent 30%),linear-gradient(#16333c,#17271e 55%,#0a1210)}.card-art--ocean{background:radial-gradient(circle at 28% 21%,#a8eff4,transparent 6%),radial-gradient(ellipse at 55% 43%,#387fb2,transparent 33%),linear-gradient(#102d56,#135477 55%,#08162e)}.card-art--sunset{background:radial-gradient(circle at 68% 28%,#ffde93,transparent 8%),radial-gradient(circle at 50% 58%,#b86061,transparent 35%),linear-gradient(#482c5f,#9b5363 58%,#32233e)}.card-art--storm{background:linear-gradient(115deg,transparent 40%,rgba(220,224,255,.8) 41%,transparent 43%),radial-gradient(circle at 45% 36%,#704aa2,transparent 30%),linear-gradient(#1b1740,#232849 55%,#0a0b17)}.card-art--moon{background:radial-gradient(circle at 64% 23%,#e4e8d4 0 7%,transparent 7.5%),radial-gradient(circle at 50% 52%,#35557d,transparent 34%),linear-gradient(#17192f,#192843 55%,#0a0b14)}.card-art--meadow{background:radial-gradient(circle at 62% 20%,#ffeca6,transparent 8%),radial-gradient(circle at 50% 58%,#87a958,transparent 35%),linear-gradient(#789bc0,#b1b77c 56%,#34482b)}.card-art--void{background:radial-gradient(circle at 50% 42%,transparent 0 7%,#b567a8 8%,transparent 13%),conic-gradient(from 20deg,#14122b,#583263,#18234c,#65445f,#14122b)}.game-card__content{display:flex;flex-direction:column;justify-content:space-between;inset:79% 15% 6.5%;padding:2.5% 2% 1%;position:absolute;z-index:3}.game-card__content>p{color:#ded9e2;display:-webkit-box;font-family:serif;font-size:10px;font-size:clamp(8px,3.8cqw,11.5px);font-style:italic;line-height:1.35;margin:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.game-card__meta{border-top:1px solid color-mix(in srgb,var(--rarity) 28%,transparent);color:#96949d;display:flex;font-family:var(--font-display),sans-serif;font-size:7px;justify-content:space-between;letter-spacing:.08em;padding-top:5px;text-transform:uppercase}.game-card--compact{cursor:default}.game-card--compact:hover{transform:none}.empty-state{align-items:center;border:1px dashed var(--line-strong);border-radius:14px;display:flex;flex-direction:column;min-height:360px;padding:50px;text-align:center}.empty-state__icon{align-items:center;background:var(--violet-soft);border-radius:50%;color:var(--violet-bright);display:flex;height:62px;justify-content:center;width:62px}.empty-state h2{font-size:18px;margin:18px 0 3px}.empty-state p{color:var(--muted);margin:0 0 20px}.loading-state{color:var(--muted);gap:9px;justify-content:center;min-height:180px}.inline-error,.loading-state{align-items:center;display:flex}.inline-error{background:rgba(255,113,126,.07);border:1px solid rgba(255,113,126,.18);border-radius:9px;color:#ff9ba4;font-size:11px;justify-content:space-between;margin:0 0 16px;padding:10px 12px}.inline-error button{background:none;border:0;color:white;cursor:pointer;font-size:10px;text-decoration:underline}.modal-backdrop{align-items:center;animation:fade-in .17s ease;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:rgba(4,5,8,.78);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}@keyframes fade-in{0%{opacity:0}}.card-detail-modal{animation:modal-up .22s ease;background:#15171e;border:1px solid var(--line-strong);border-radius:17px;box-shadow:var(--shadow);display:grid;grid-gap:42px;gap:42px;grid-template-columns:minmax(230px,310px) minmax(260px,380px);max-height:calc(100vh - 48px);max-width:800px;overflow:auto;padding:35px;position:relative;width:100%}@keyframes modal-up{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-close{align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:50%;color:var(--muted);cursor:pointer;display:flex;height:33px;justify-content:center;position:absolute;right:16px;top:16px;width:33px;z-index:10}.tilt-card{border-radius:10px;position:relative;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.tilt-card__glare{background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),rgba(255,255,255,.4),transparent 60%);border-radius:10px;inset:0;mix-blend-mode:overlay;opacity:var(--glare-opacity,0);pointer-events:none;position:absolute;transition:opacity .15s ease-out;z-index:5}.collection-lightbox{animation:fade-in .17s ease;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:rgba(4,5,8,.85);cursor:zoom-out;inset:0;padding:40px;z-index:100}.collection-lightbox,.collection-lightbox__close{align-items:center;display:flex;justify-content:center;position:fixed}.collection-lightbox__close{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:50%;color:var(--muted-strong);cursor:pointer;height:40px;right:24px;top:24px;width:40px;z-index:101}.collection-lightbox__card{animation:modal-up .22s ease;cursor:default;width:min(80vw,460px)}.card-detail-modal__info{align-self:center}.card-detail-modal__info h2{font-size:25px;letter-spacing:-.03em;margin:0}.card-detail-modal__info blockquote{border-left:2px solid var(--violet);color:var(--muted-strong);font-family:serif;font-style:italic;margin:18px 0 26px;overflow-wrap:anywhere;padding:2px 0 2px 15px}.detail-list{margin:0}.detail-list>div{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 0}.detail-list dt{color:var(--muted)}.detail-list dd{align-items:center;display:flex;gap:7px;margin:0}.card-detail-modal__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.rarity-dot{background:var(--muted);border-radius:50%;height:6px;width:6px}.rarity-dot--n{background:#9da3a6}.rarity-dot--r{background:#59a9e7}.rarity-dot--sr{background:#c08cf4}.rarity-dot--ssr{background:#e7bd58}.rarity-distribution{margin:12px 0 2px}.rarity-distribution__label{color:var(--muted);font-size:10px;margin:0 0 7px}.rarity-distribution__bar{background:rgba(255,255,255,.05);border-radius:4px;display:flex;height:6px;overflow:hidden;width:100%}.rarity-distribution__segment{height:100%}.rarity-distribution__legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.rarity-distribution__legend span{align-items:center;color:var(--muted);display:inline-flex;font-size:10px;gap:5px}.rarity-distribution__hint{color:var(--gold);font-size:10px;margin:9px 0 0}.back-link{align-items:center;background:none;border:0;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12px;gap:7px;margin:-20px 0 25px;padding:0}.back-link:hover{color:white}.creator-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:32px}.creator-layout{align-items:start;display:grid;grid-gap:clamp(30px,5vw,72px);gap:clamp(30px,5vw,72px);grid-template-columns:minmax(0,1fr) minmax(280px,390px)}.creator-form{min-width:0}.form-section{border-top:1px solid var(--line);padding:25px 0 34px}.form-section__heading{align-items:flex-start;display:flex;gap:14px;margin-bottom:22px}.form-section__heading>span{color:var(--violet);font-family:var(--font-display),sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;padding-top:4px}.form-section__heading h2{font-size:17px;font-weight:550;line-height:1.4;margin:0}.form-section__heading p{color:var(--muted);font-size:11px;margin:1px 0 0}.upload-zone{align-items:center;background:rgba(255,255,255,.015);border:1px dashed var(--line-strong);border-radius:13px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:30px;transition:.16s ease}.upload-zone:hover{background:var(--violet-soft);border-color:rgba(152,120,255,.45)}.upload-zone--error{border-color:rgba(255,113,126,.55)}.crop-editor__replace input,.upload-zone input{height:1px;opacity:0;position:absolute;width:1px}.upload-zone__icon{align-items:center;background:var(--violet-soft);border:1px solid rgba(152,120,255,.18);border-radius:11px;color:var(--violet-bright);display:flex;height:51px;justify-content:center;margin-bottom:13px;width:51px}.upload-zone strong{font-size:13px}.upload-zone small{color:var(--muted);font-size:10px;margin:2px 0 16px}.upload-zone .button{pointer-events:none}.crop-editor{background:radial-gradient(circle at center,rgba(152,120,255,.08),transparent 62%),#090a0f;border:1px solid var(--line);border-radius:13px;overflow:hidden}.crop-editor__canvas{aspect-ratio:1;margin:0 auto;max-width:520px;position:relative;width:100%}.crop-editor__controls{align-items:center;background:var(--panel);display:flex;gap:9px;padding:10px 13px}.crop-editor__controls input[type=range]{accent-color:var(--violet);flex:1 1}.crop-editor__controls button{background:none;border:0;color:var(--muted);cursor:pointer;display:flex}.crop-editor__replace{border-left:1px solid var(--line);color:var(--violet-bright);cursor:pointer;font-size:11px;margin-left:3px;padding-left:12px}.field{border:0;display:grid;margin:0 0 20px;padding:0}.field label,.field legend,.field__label{color:var(--muted-strong);font-size:11px;font-weight:550;margin-bottom:7px}.field legend{padding:0}.field em{color:var(--violet-bright);font-size:9px;font-style:normal;margin-left:4px}.field__label{display:flex;justify-content:space-between}.field__label label{margin:0}.field__label>span{color:#686a74;font-size:9px;font-weight:400}.field>input,.field>textarea,.password-field input{background:#11131a;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);outline:0;padding:10px 12px;transition:border-color .16s,box-shadow .16s;width:100%}.field>input{height:43px}.field>textarea{min-height:88px;resize:vertical}.field>input:focus,.field>textarea:focus,.password-field:focus-within{border-color:rgba(152,120,255,.7);box-shadow:0 0 0 3px rgba(152,120,255,.08)}.field input.invalid{border-color:var(--danger)}.field-error{color:var(--danger);font-size:10px;margin:5px 0 0}.rarity-options{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,1fr)}.rarity-option{--option-color:#9da3a6;align-items:center;background:#11131a;border:1px solid var(--line);border-radius:9px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;min-width:0;padding:9px 10px;position:relative}.rarity-option input{opacity:0;position:absolute}.rarity-option>span{color:var(--option-color);font-family:var(--font-display),sans-serif;font-size:13px;font-weight:700;grid-row:span 2;margin-right:7px}.rarity-option small{color:#777984;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity-option>svg{color:var(--option-color);position:absolute;right:6px;top:6px}.rarity-option--r{--option-color:#59a9e7}.rarity-option--sr{--option-color:#c08cf4}.rarity-option--ssr{--option-color:#e7bd58}.rarity-option.active{background:color-mix(in srgb,var(--option-color) 8%,#11131a);border-color:color-mix(in srgb,var(--option-color) 55%,transparent)}.creator-actions{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:25px}.creator-actions>p{align-items:center;color:var(--muted);display:flex;font-size:10px;gap:6px;margin:0}.creator-actions>p svg{color:var(--violet)}.spinner{animation:spin .7s linear infinite;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.preview-panel{position:-webkit-sticky;position:sticky;top:40px}.preview-panel__heading{color:var(--muted);display:flex;font-family:var(--font-display),sans-serif;font-size:9px;justify-content:space-between;letter-spacing:.13em;margin-bottom:11px}.preview-panel__heading>div{align-items:center;display:flex;gap:7px}.live-dot{background:var(--success);border-radius:50%;box-shadow:0 0 7px var(--success);height:5px;width:5px}.creator-card{--rarity:#c08cf4;aspect-ratio:5/7;background:#101118;border:0;border-radius:12px;box-shadow:0 30px 75px rgba(0,0,0,.48),0 0 42px color-mix(in srgb,var(--rarity) 22%,transparent);container-type:inline-size;isolation:isolate;overflow:hidden;position:relative}.creator-card header{align-items:center;display:flex;font-size:15px;font-weight:600;gap:12px;height:5.4%;inset:7.1% 13% auto;justify-content:space-between;padding:0 2%;position:absolute;z-index:3}.creator-card header span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-card header strong{font-size:11px}.creator-card__art{aspect-ratio:1;border:0;left:10%;overflow:hidden;position:absolute;top:15.4762%;width:80%}.creator-card__body{display:flex;flex-direction:column;justify-content:space-between;inset:79% 15% 7.5%;padding:2.5% 2% 1%;position:absolute;z-index:3}.creator-card__body p{color:#e3dde7;display:-webkit-box;font-family:serif;font-size:10px;font-size:clamp(8px,3.8cqw,11.5px);font-style:italic;line-height:1.35;margin:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.creator-card__body footer{border-top:1px solid color-mix(in srgb,var(--rarity) 28%,transparent);color:#96949d;display:flex;font-family:var(--font-display),sans-serif;font-size:8px;justify-content:space-between;letter-spacing:.08em;padding-top:6px;text-transform:uppercase}.preview-note{color:#656772;font-size:9px;line-height:1.7;margin:14px auto 0;max-width:310px;text-align:center}.collection-toolbar select{background:#11131a;border:1px solid var(--line);border-radius:8px;color:var(--muted-strong);height:38px;outline:0;padding:0 12px}.stats-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stats-grid--collection{grid-template-columns:repeat(3,1fr)}.stat-card{background:linear-gradient(145deg,rgba(27,29,39,.85),rgba(20,22,29,.85));border:1px solid var(--line);border-radius:12px;gap:12px;min-height:91px;overflow:hidden;padding:16px;position:relative}.stat-card,.stat-card__icon{align-items:center;display:flex}.stat-card__icon{border-radius:9px;flex:0 0 auto;height:38px;justify-content:center;width:38px}.stat-card__icon--violet{background:rgba(152,120,255,.12);color:#ad94ff}.stat-card__icon--gold{background:rgba(223,183,88,.12);color:#deb75d}.stat-card__icon--blue{background:rgba(80,163,229,.12);color:#64b2ef}.stat-card__icon--green{background:rgba(75,201,144,.12);color:#64d4a1}.stat-card>div{display:flex;flex-direction:column}.stat-card strong{font-family:var(--font-display),sans-serif;font-size:24px;font-weight:550;line-height:1.1}.stat-card strong.stat-card__value--date{font-size:16px;white-space:nowrap}.stat-card strong em{color:var(--muted);font-size:12px;font-style:normal}.stat-card>div span{color:var(--muted);font-size:10px}.stat-card>small{bottom:6px;color:rgba(255,255,255,.025);font-family:var(--font-display),sans-serif;font-size:22px;font-weight:800;position:absolute;right:8px}.collection-grid{display:grid;grid-gap:26px;gap:26px;grid-template-columns:repeat(4,1fr)}.collection-item{min-width:0}.collection-item__date{align-items:center;color:var(--muted);display:flex;font-size:9px;gap:6px;justify-content:center;margin-top:10px}.settings-section{margin-bottom:31px}.settings-section__title{align-items:center;display:flex;gap:11px;margin-bottom:12px}.settings-section__title>span{align-items:center;background:var(--violet-soft);border-radius:8px;color:var(--violet-bright);display:flex;height:36px;justify-content:center;width:36px}.settings-section__title .discord-icon{background:#5865f2;color:white;font-family:var(--font-display),sans-serif;font-size:20px;font-weight:700}.settings-section__title h2{font-size:14px;line-height:1.4;margin:0}.settings-section__title p{color:var(--muted);font-size:10px;margin:0}.settings-card{background:rgba(22,24,32,.78);border:1px solid var(--line);border-radius:13px;padding:21px}.profile-settings{align-items:center;display:flex}.avatar--large{font-size:15px;height:51px;width:51px}.profile-settings>div{display:flex;flex-direction:column;margin-left:12px}.profile-settings>div strong{font-size:14px}.profile-settings>div span{color:var(--muted);font-size:10px}.profile-settings dl{display:flex;gap:40px;margin:0 0 0 auto}.profile-settings dl div{display:flex;flex-direction:column}.profile-settings dt{color:var(--muted);font-size:9px}.profile-settings dd{align-items:center;display:flex;gap:5px;margin:2px 0 0}.badge{border-radius:5px;font-size:9px;padding:3px 7px}.badge--admin{background:rgba(224,183,87,.12);border:1px solid rgba(224,183,87,.18);color:#e2bd68}.connection-status{align-items:center;display:flex;justify-content:space-between}.connection-status>div{align-items:center;display:flex;gap:11px}.connection-logo{align-items:center;background:#5865f2;border-radius:11px;color:white;display:flex;font-family:var(--font-display),sans-serif;font-size:17px;font-weight:700;height:42px;justify-content:center;width:42px}.connection-status>div>div{display:flex;flex-direction:column}.connection-status>div>div span{color:var(--muted);font-size:10px}.status-badge{align-items:center;background:rgba(81,206,147,.1);border:1px solid rgba(81,206,147,.16);border-radius:99px;color:var(--success);display:flex;font-size:9px;gap:5px;padding:4px 9px}.status-badge--inactive{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--muted)}.connection-line{align-items:center;display:flex;margin:21px 0;padding:0 7%}.connection-line span{align-items:center;background:rgba(103,214,164,.1);border:1px solid rgba(103,214,164,.25);border-radius:50%;color:var(--success);display:flex;height:25px;justify-content:center;width:25px}.connection-line i{background:linear-gradient(90deg,rgba(103,214,164,.3),rgba(152,120,255,.35));height:1px;width:110px}.discord-actions{align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;padding:13px}.discord-actions strong{font-size:11px}.discord-actions p{color:var(--muted);font-size:9px;margin:2px 0 0}code{background:rgba(152,120,255,.1);border-radius:4px;color:#c1b1fb;font-family:monospace;padding:2px 4px}.link-code-panel{align-items:center;background:linear-gradient(100deg,rgba(88,101,242,.07),rgba(152,120,255,.06)),#11131a;border:1px solid rgba(113,102,227,.25);border-radius:10px;display:grid;grid-template-columns:1fr auto;margin-top:11px;padding:13px 15px}.link-code-panel>div>p{color:var(--muted);font-size:9px;margin:0}.link-code-panel>div>button{align-items:center;background:none;border:0;cursor:pointer;display:flex;gap:9px;padding:0}.link-code-panel strong{font-family:var(--font-display),sans-serif;font-size:21px;letter-spacing:.12em}.link-code-panel>span{align-items:center;color:var(--gold);display:flex;font-size:10px;gap:5px}.link-code-panel>p{color:var(--muted);font-size:9px;grid-column:1/-1;margin:7px 0 0}.text-button{align-items:center;background:none;border:0;cursor:pointer;display:flex;font-size:10px;gap:6px;margin-top:14px;padding:0}.text-button--danger{color:var(--danger)}.privacy-note{align-items:center;background:rgba(103,214,164,.035);border:1px solid rgba(103,214,164,.1);border-radius:11px;color:var(--success);display:flex;gap:12px;padding:14px 17px}.privacy-note>div{flex:1 1}.privacy-note strong{color:var(--muted-strong);font-size:10px}.privacy-note p{color:var(--muted);font-size:9px;margin:1px 0 0}.admin-panel{background:rgba(22,24,32,.72);border:1px solid var(--line);border-radius:13px;overflow:hidden}.admin-panel+.admin-panel{margin-top:24px}.admin-panel__header{align-items:center;display:flex;justify-content:space-between;padding:19px 21px}.admin-panel__header h2{align-items:center;display:flex;font-size:14px;gap:6px;margin:0}.admin-panel__header p{color:var(--muted);font-size:9px;margin:1px 0 0}.rarity-rate-editor{display:flex;flex-wrap:wrap;gap:12px;padding:0 21px 18px}.rarity-rate-editor__item{--rarity:var(--muted-strong);align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:10px;display:flex;gap:8px;padding:9px 13px}.rarity-rate-editor__item--n{--rarity:#9da3a6}.rarity-rate-editor__item--r{--rarity:#59a9e7}.rarity-rate-editor__item--sr{--rarity:#c08cf4}.rarity-rate-editor__item--ssr{--rarity:#e7bd58}.rarity-rate-editor__key{color:var(--rarity);font-family:var(--font-display),sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em}.rarity-rate-editor__item input{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px;color:var(--text);padding:6px 8px;width:68px}.rarity-rate-editor__unit{color:var(--muted);font-size:12px}.rarity-rate-editor__footer{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 21px}.rarity-rate-editor__total{color:var(--muted);font-size:11px}.rarity-rate-editor__total--warn{color:var(--danger)}.search-field--small{background:#11131a;border:1px solid var(--line);border-radius:8px;flex:0 1 250px}.search-field--small input{height:32px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:800px;width:100%}.data-table th{background:rgba(255,255,255,.018);color:#6f717c;font-size:8px;font-weight:550;letter-spacing:.08em;padding:9px 17px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid var(--line)}.data-table td{color:var(--muted-strong);font-size:10px;padding:12px 17px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:rgba(255,255,255,.015)}.user-cell{align-items:center;display:flex;gap:9px}.avatar--small{font-size:8px;height:30px;width:30px}.user-cell>div{display:flex;flex-direction:column}.user-cell>div span{color:var(--muted);font-size:8px}.auth-badge{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:5px;padding:3px 7px}.connected-user{align-items:center;color:#8f9af5;display:flex;gap:4px}.muted{color:#6a6c76}.gacha-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.gacha-status__badge{color:var(--gold);font-size:11px}.gacha-status__badge,.gacha-status__reset{align-items:center;display:inline-flex;gap:4px}.gacha-status__reset{background:none;border:1px solid var(--line);border-radius:5px;color:var(--muted);cursor:pointer;font-size:10px;padding:3px 7px}.gacha-status__reset:hover{border-color:var(--line-strong);color:var(--muted-strong)}.gacha-status__reset:disabled{cursor:not-allowed;opacity:.6}.role-toggle{align-items:center;background:none;border:0;color:var(--muted);cursor:pointer;display:flex;font-size:9px;gap:5px;padding:0}.role-toggle>span{background:#30323b;border-radius:99px;height:17px;margin-right:2px;position:relative;transition:.16s;width:29px}.role-toggle>span:after{background:#858791;border-radius:50%;content:"";height:11px;left:3px;position:absolute;top:3px;transition:.16s;width:11px}.role-toggle.active{color:var(--gold)}.role-toggle.active>span{background:rgba(217,179,95,.25)}.role-toggle.active>span:after{background:var(--gold);transform:translateX(12px)}.role-toggle:disabled{cursor:not-allowed;opacity:.6}.maintenance-toggle-row{padding:0 21px 18px}.maintenance-toggle{font-size:11px}.maintenance-toggle.active{color:var(--danger)}.maintenance-toggle.active>span{background:rgba(255,113,126,.25)}.maintenance-toggle.active>span:after{background:var(--danger);transform:translateX(12px)}.form-modal{animation:modal-up .22s ease;background:#171920;border:1px solid var(--line-strong);border-radius:15px;box-shadow:var(--shadow);max-width:430px;padding:30px;position:relative;width:100%}.form-modal__icon{align-items:center;background:var(--violet-soft);border-radius:10px;color:var(--violet-bright);display:flex;height:43px;justify-content:center;margin-bottom:13px;width:43px}.form-modal h2{font-size:20px;margin:0}.form-modal>p:not(.overline){color:var(--muted);font-size:11px;margin:3px 0 22px}.form-modal .field small{color:var(--muted);font-size:9px;margin-top:5px}.login-page{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh}.login-visual{background:radial-gradient(circle at 55% 40%,rgba(115,84,186,.26),transparent 30%),linear-gradient(145deg,#171523,#0d0e14 60%);border-right:1px solid var(--line);overflow:hidden;padding:43px clamp(40px,6vw,90px);position:relative}.login-visual:before{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:48px 48px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,black,transparent 80%);mask-image:linear-gradient(180deg,black,transparent 80%);position:absolute}.login-visual__glow{border:1px solid rgba(152,120,255,.12);border-radius:50%;position:absolute}.login-visual__glow--one{height:520px;right:-150px;top:130px;width:520px}.login-visual__glow--two{height:350px;right:-65px;top:215px;width:350px}.login-visual__content{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 86px);position:relative;z-index:2}.login-hero-copy{margin:auto 0;max-width:590px;padding-bottom:140px}.login-hero-copy>p{color:var(--violet-bright);font-family:var(--font-display),sans-serif;font-size:9px;font-weight:600;letter-spacing:.25em;margin:0 0 18px}.login-hero-copy h1{font-size:clamp(35px,4.1vw,57px);font-weight:450;letter-spacing:-.05em;line-height:1.35;margin:0}.login-hero-copy h1 em{background:linear-gradient(90deg,#d2c5ff,#9878ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.login-hero-copy>span{color:var(--muted);display:block;font-size:12px;line-height:1.9;margin-top:18px;max-width:390px}.login-card-fan{bottom:25px;height:235px;position:absolute;right:-20px;width:330px}.mini-card{background:linear-gradient(145deg,#292435,#111219);border:1px solid rgba(183,156,255,.27);border-radius:10px;box-shadow:0 22px 50px rgba(0,0,0,.5);height:205px;padding:9px;position:absolute;width:146px}.mini-card span{background:radial-gradient(circle at 50% 35%,#8c69bc,#25234e 38%,#0b0d17 75%);border:1px solid rgba(255,255,255,.1);display:block;height:72%;width:100%}.mini-card svg{color:#ad94ff;height:18px;margin:14px 0 0 7px}.mini-card--left{left:15px;top:33px;transform:rotate(-15deg)}.mini-card--center{left:93px;top:8px;transform:rotate(-2deg);z-index:2}.mini-card--right{left:176px;top:33px;transform:rotate(13deg)}.login-visual__footer{color:#51535d;font-family:var(--font-display),sans-serif;font-size:8px;letter-spacing:.14em;margin:0}.login-form-panel{align-items:center;background:radial-gradient(circle at 90% 5%,rgba(109,78,180,.08),transparent 23rem),#101118;display:flex;justify-content:center;padding:50px}.login-form-wrap{max-width:390px;width:100%}.login-form-heading{margin-bottom:29px}.login-form-heading>span{align-items:center;background:var(--violet-soft);border:1px solid rgba(152,120,255,.17);border-radius:10px;color:var(--violet-bright);display:flex;height:42px;justify-content:center;margin-bottom:14px;width:42px}.login-form-heading p{color:var(--violet-bright);font-family:var(--font-display),sans-serif;font-size:8px;font-weight:600;letter-spacing:.23em;margin:0}.login-form-heading h2{font-size:25px;font-weight:550;letter-spacing:-.035em;margin:2px 0}.login-form-heading small{color:var(--muted)}.password-field{align-items:center;background:#11131a;border:1px solid var(--line-strong);border-radius:9px;display:flex}.password-field input{background:transparent;border:0;box-shadow:none!important;height:43px;padding-right:3px}.password-field button{background:none;border:0;color:var(--muted);cursor:pointer;display:flex;padding:10px 12px}.button--login{margin-top:3px;min-height:46px}.login-error{color:var(--danger);font-size:10px;margin:8px 0 0;text-align:center}.login-divider{align-items:center;color:#696b75;display:flex;font-size:9px;gap:12px;margin:25px 0}.login-divider:after,.login-divider:before{background:var(--line);content:"";flex:1 1;height:1px}.oidc-button{align-items:center;background:rgba(255,255,255,.025);border:1px solid var(--line-strong);border-radius:10px;color:var(--muted-strong);cursor:pointer;display:flex;gap:11px;padding:10px;text-align:left;transition:.16s;width:100%}.oidc-button:hover{background:rgba(255,255,255,.045);border-color:rgba(152,120,255,.35)}.oidc-button--primary{border-color:transparent;box-shadow:0 10px 28px rgba(111,78,207,.22);color:white;padding:12px}.oidc-button--primary,.oidc-button--primary:hover{background:linear-gradient(145deg,#9d82f8,#775ad6)}.oidc-button--primary:hover{box-shadow:0 12px 35px rgba(128,89,235,.34);filter:brightness(1.08)}.oidc-button--primary:disabled{cursor:not-allowed;opacity:.7}.oidc-button--primary .oidc-button__icon{background:rgba(255,255,255,.18);color:white}.oidc-button--primary small{color:rgba(255,255,255,.75)}.oidc-button__icon{align-items:center;background:#20222c;border-radius:8px;color:var(--violet-bright);display:flex;height:35px;justify-content:center;width:35px}.oidc-button>span:nth-child(2){display:flex;flex:1 1;flex-direction:column}.oidc-button strong{font-size:11px}.oidc-button small{color:var(--muted);font-size:8px}.local-login-toggle{background:none;border:0;color:var(--muted);cursor:pointer;font-size:10px;padding:4px;text-decoration:underline;text-underline-offset:2px;width:100%}.local-login-toggle:hover{color:var(--muted-strong)}.login-hint{align-items:center;background:rgba(152,120,255,.045);border:1px solid rgba(152,120,255,.1);border-radius:8px;color:#8e8f9a;display:flex;font-size:9px;gap:7px;margin-top:24px;padding:9px 11px}.login-hint svg{color:var(--violet)}@media (max-width:1180px){.card-grid,.collection-grid{grid-template-columns:repeat(3,1fr)}.creator-layout{gap:34px;grid-template-columns:minmax(0,1fr) 310px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){:root{--sidebar:210px}.sidebar{padding-inline:13px}.nav-link--active:before{left:-14px}.creator-layout{grid-template-columns:1fr}.preview-panel{margin:0 auto;max-width:390px;position:static;width:100%}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-panel{min-height:100vh}}@media (max-width:720px){body{padding-bottom:70px}.sidebar{display:none}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(12,13,18,.88);border-bottom:1px solid var(--line);display:flex;height:60px;justify-content:space-between;padding:0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.mobile-header .logo__mark{height:31px;width:28px}.mobile-header .logo__type>span{font-size:16px}.mobile-header .avatar{height:31px;width:31px}.mobile-nav{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(16,17,24,.94);border-top:1px solid var(--line);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:67px;left:0;position:fixed;right:0;z-index:60}.mobile-nav a{align-items:center;color:#777984;display:flex;flex-direction:column;font-size:8px;gap:3px;justify-content:center}.mobile-nav a.active{color:var(--violet-bright)}.mobile-nav__create svg{background:linear-gradient(145deg,#a588ff,#775ad6);border-radius:50%;box-shadow:0 7px 20px rgba(119,90,214,.35);color:white;height:34px;margin-top:-18px;padding:7px;width:34px}.app-main{margin-left:0}.page-container{padding:31px 18px 55px}.page-header{align-items:flex-start;margin-bottom:25px}.creator-header h1,.page-header h1{font-size:27px}.desktop-only{display:none}.gallery-toolbar{align-items:stretch;flex-direction:column;gap:7px}.search-field{max-width:none}.filter-pills{border-top:1px solid var(--line);justify-content:space-between;overflow-x:auto;padding-top:7px}.filter-pills button{flex:1 1}.filter-pills__icon{display:none}.card-grid,.collection-grid{gap:18px 13px;grid-template-columns:repeat(2,1fr)}.game-card{border-radius:11px}.game-card__topline{padding-inline:2%}.game-card__content{padding:2.5% 2% 1%}.card-detail-modal{gap:25px;grid-template-columns:1fr;max-width:370px;padding:39px 26px 27px}.card-detail-modal__card{margin:0 auto;max-width:245px}.back-link{margin-top:0}.creator-header{align-items:flex-start;flex-direction:column;gap:20px}.rarity-options{grid-template-columns:repeat(2,1fr)}.creator-actions{align-items:stretch;flex-direction:column;gap:16px}.creator-actions>p{justify-content:center}.stats-grid,.stats-grid--collection{grid-template-columns:repeat(2,1fr)}.stats-grid--collection .stat-card:last-child{grid-column:1/-1}.collection-toolbar select{width:100%}.settings-card{padding:17px}.profile-settings{align-items:flex-start;flex-wrap:wrap}.profile-settings dl{border-top:1px solid var(--line);justify-content:space-between;margin:15px 0 0;padding-top:12px;width:100%}.discord-actions{align-items:stretch;flex-direction:column;gap:12px}.connection-line{justify-content:center}.link-code-panel{grid-template-columns:1fr}.link-code-panel>span{margin-top:6px}.privacy-note{align-items:flex-start}.admin-panel__header{align-items:stretch;flex-direction:column;gap:13px}.search-field--small{flex-basis:auto}.login-form-panel{padding:32px 22px}.login-form-wrap:before{content:"Harmonic Card";color:var(--muted-strong);display:block;font-family:var(--font-display),sans-serif;font-size:16px;letter-spacing:.15em;margin-bottom:45px;text-align:center}}@media (max-width:390px){.card-grid,.collection-grid{gap:16px 10px}.stats-grid,.stats-grid--collection{grid-template-columns:1fr}.stats-grid--collection .stat-card:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}