@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{color:#ecf7ff;background:#080b10;--font-display: "Bebas Neue", "Arial Narrow", "Impact", sans-serif;--font-card-body: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-ui: "Roboto Condensed", "Segoe UI", Arial, sans-serif;font-family:var(--font-ui);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:1200px;background:linear-gradient(90deg,rgba(25,174,255,.07) 1px,transparent 1px),linear-gradient(rgba(25,174,255,.055) 1px,transparent 1px),radial-gradient(circle at 78% 8%,rgba(44,161,255,.18),transparent 32rem),#070a0f;background-size:44px 44px,44px 44px,auto,auto}.designer-bar{align-items:center;background:#050a11f7;border-bottom:1px solid rgba(114,202,255,.28);box-shadow:0 12px 40px #0000006b;display:grid;gap:24px;grid-template-columns:minmax(190px,.7fr) auto minmax(600px,1.5fr);height:72px;padding:8px 28px;position:sticky;top:0;z-index:200}.designer-brand{display:grid;gap:4px}.designer-brand strong{color:#eaf9ff;font-family:var(--font-display);font-size:22px;letter-spacing:.04em;line-height:1;text-transform:uppercase}.designer-nav{align-items:center;background:#7ce2ff0a;border:1px solid rgba(124,226,255,.13);border-radius:7px;display:flex;gap:3px;padding:3px}.designer-nav a{border-radius:4px;color:#8faab8;font-size:13px;font-weight:800;padding:8px 15px;text-decoration:none;text-transform:uppercase}.designer-nav a:hover,.designer-nav a.active{background:#4bbeff24;color:#e9faff}.designer-nav a.active{box-shadow:inset 0 0 0 1px #7ce2ff42}.designer-bar-right,.designer-mini-stats,.designer-identity{align-items:center;display:flex}.designer-bar-right{gap:18px;justify-content:flex-end;min-width:0}.designer-mini-stats{gap:16px}.designer-mini-stats span{color:#7f9ba9;display:grid;font-size:10px;letter-spacing:.07em;line-height:1.1;text-align:center;text-transform:uppercase}.designer-mini-stats strong{color:#dff7ff;font-family:var(--font-display);font-size:20px;letter-spacing:0}.designer-identity{background:#7ce2ff0b;gap:9px;justify-content:flex-start;max-width:300px;min-height:52px;padding:6px 11px 6px 7px;text-align:left}.designer-avatar,.leaderboard-spotlight-avatar{align-items:center;background:linear-gradient(145deg,#56ddfff2,#375bffdb);border:1px solid rgba(190,244,255,.72);border-radius:50%;color:#04101b;display:flex;font-family:var(--font-display);font-size:18px;height:38px;justify-content:center;letter-spacing:.04em;flex:0 0 auto;width:38px}.designer-identity-copy{display:grid;line-height:1.05;min-width:0}.designer-identity-copy small{color:#6f909f;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.designer-identity-copy strong,.designer-identity-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-identity-copy strong{color:#effbff;font-size:14px}.designer-identity-copy span{color:#7694a2;font-size:10px}button,input,select,textarea{font:inherit}button,.secondary-upload{border:1px solid rgba(117,217,255,.34);border-radius:6px;background:linear-gradient(180deg,#182c3df5,#0a111af5);color:#f3fbff;cursor:pointer;min-height:38px;padding:0 14px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover,.secondary-upload:hover{border-color:#6ee1ffc7;box-shadow:0 0 18px #22aeff2e;transform:translateY(-1px)}button:disabled,select:disabled{cursor:not-allowed;opacity:.52}button:disabled:hover{border-color:#75d9ff57;box-shadow:none;transform:none}.app-shell{display:grid;grid-template-columns:470px minmax(720px,1fr);gap:28px;min-height:100vh;padding:28px}.editor-panel,.preview-panel,.library-panel{border:1px solid rgba(114,202,255,.22);background:#080d15e0;box-shadow:0 20px 80px #00000070}.editor-panel{align-self:start;display:grid;gap:22px;padding:22px}.panel-title,.preview-toolbar{align-items:center;display:flex;justify-content:space-between;gap:18px}.preview-toolbar-actions{align-items:center;display:flex;gap:10px}.preview-toolbar{background:#080d15f5;padding:8px 0;position:sticky;top:72px;z-index:20}.library-jump-button{align-items:center;border:1px solid rgba(117,217,255,.34);border-radius:6px;color:#dff7ff;display:inline-flex;font-weight:700;min-height:38px;padding:0 14px;text-decoration:none}.library-jump-button:hover{border-color:#6ee1ffc7;box-shadow:0 0 18px #22aeff2e}.eyebrow{color:#7ce2ff;display:block;font-size:11px;font-weight:800;letter-spacing:.18em;line-height:1;text-transform:uppercase}h1,h2{font-family:var(--font-display);letter-spacing:0;margin:0}h1{font-size:28px;letter-spacing:.04em}h2{color:#e6f8ff;font-size:19px;letter-spacing:.05em;text-transform:uppercase}.control-section{display:grid;gap:12px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field span,.toggle-row span{color:#a7c7d7;font-size:12px;font-weight:800;text-transform:uppercase}.field span,.field-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.field-header label{color:#a7c7d7;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.effects-editor{display:grid;gap:12px}.effect-editor{background:#7ce2ff0a;border:1px solid rgba(124,226,255,.18);border-radius:6px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:12px}.effect-editor-header{align-items:center;display:flex;grid-column:1 / -1;justify-content:space-between}.effect-editor-header strong{color:#cdeaff;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.effect-remove-button{min-height:30px;padding:0 10px}.inline-randomize{background:#7ce2ff14;border:1px solid rgba(124,226,255,.3);border-radius:4px;color:#cdeaff;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;text-transform:none;transition:background .12s ease,border-color .12s ease}.inline-randomize:hover:not(:disabled){background:#7ce2ff2e;border-color:#7ce2ff99}.inline-randomize:disabled{cursor:not-allowed;opacity:.4}.wide{grid-column:1 / -1}input,select,textarea{border:1px solid rgba(133,204,239,.24);border-radius:5px;background:#101821;color:#f8fcff;min-height:39px;padding:9px 10px;width:100%}textarea{line-height:1.35;resize:vertical}input[type=file]{padding:8px}.file-field input{cursor:pointer}.image-source-controls{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.ai-art-button{min-height:39px;white-space:nowrap}.preset-row,.button-row{display:flex;flex-wrap:wrap;gap:9px}.import-status{margin-top:-10px}.toggle-row{align-items:center;display:flex;gap:10px}.toggle-row input{accent-color:#57d6ff;min-height:auto;width:auto}.hint{color:#86a3b1;font-size:13px;line-height:1.4;margin:0}.secondary-upload{align-items:center;display:inline-flex;position:relative}.secondary-upload input{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute}.primary-button{background:linear-gradient(180deg,#5de4ff,#1678ff);border-color:#c8f9ffb8;color:#03111d;font-weight:900}.preview-panel{display:grid;grid-template-rows:auto auto 1fr;gap:18px;min-width:0;padding:22px}.preview-stage{align-items:start;display:grid;justify-content:center;overflow:auto;padding:18px}.library-panel{display:grid;gap:16px;grid-column:1 / -1;padding:22px;scroll-margin-top:20px}.library-header,.library-actions{align-items:end;display:flex;gap:10px;justify-content:space-between}.library-actions{justify-content:flex-end}.compact-field{min-width:150px}.library-filters{display:grid;gap:10px;grid-template-columns:2fr repeat(6,minmax(120px,1fr))}.library-results-summary{align-items:baseline;display:flex;gap:8px;margin:-4px 0 0}.library-results-summary span{color:#7894a3;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.library-results-summary strong{color:#dff6ff;font-family:var(--font-display);font-size:17px;letter-spacing:.03em}.library-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.card-library-list,.set-manager,.set-list,.create-set-form{display:grid;gap:10px}.card-library-list{max-height:620px;overflow:auto;padding-right:4px}.library-card-row{align-items:center;background:#7ce2ff09;border:1px solid rgba(124,226,255,.16);border-radius:6px;display:grid;gap:10px;grid-template-columns:minmax(170px,1.2fr) minmax(260px,1.7fr) minmax(180px,1fr) auto;padding:11px 12px}.library-card-row.review-open{background:#7ce2ff0e;border-color:#7ce2ff57}.library-card-row>div:first-child,.library-card-meta,.set-row>div:first-child{display:grid;gap:3px}.library-card-row strong,.set-row strong{color:#f2fbff}.library-card-row span,.set-row span{color:#8fabb9;font-size:12px}.library-card-tags,.library-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.library-card-tags>span{background:#7ce2ff12;border:1px solid rgba(124,226,255,.16);border-radius:999px;color:#bddce9;padding:3px 7px}.library-card-tags>.library-review-tag{background:#b969ff1a;border-color:#b969ff57;color:#dfc4ff}.library-card-tags .review-status{min-height:28px;padding:3px 24px 3px 7px;width:auto}.library-row-actions{justify-content:flex-end}.library-row-actions button,.set-row button{min-height:32px;padding:0 10px}.card-review-panel{background:#03080ead;border:1px solid rgba(124,226,255,.16);border-radius:6px;display:grid;gap:16px;grid-column:1 / -1;grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr) minmax(320px,1.3fr);padding:16px}.card-review-panel section{align-content:start;display:grid;gap:10px}.card-review-panel h4{color:#dff6ff;font-family:var(--font-display);font-size:17px;letter-spacing:.04em;margin:0;text-transform:uppercase}.review-workflow{grid-row:span 2}.review-heading{display:block;font-family:var(--font-display);font-size:28px;margin-top:5px;text-transform:uppercase}.review-workflow-actions{display:grid;gap:7px;grid-template-columns:1fr 1fr}.review-workflow-actions button{min-height:34px;padding:0 9px}.review-tag-list{display:flex;flex-wrap:wrap;gap:7px}.review-tag{border-radius:999px;color:#b9d7e4;font-size:12px;min-height:30px;padding:0 10px}.review-tag.active{background:#b969ff21;border-color:#b969ff6b;color:#e4ceff}.review-tag.active span{color:#ffadc0;margin-left:4px}.review-tag-form{display:grid;gap:7px;grid-template-columns:minmax(0,1fr) auto}.review-tag-form input,.review-tag-form button{min-height:34px}.review-comment-form,.review-comment-list,.review-history{display:grid;gap:8px}.review-comment-form{grid-template-columns:minmax(0,1fr) auto}.review-comment-form textarea{min-height:74px}.review-comment-form button{align-self:end}.review-comment-list,.review-history{max-height:230px;overflow:auto;padding-right:4px}.review-comment{background:#7ce2ff0a;border:1px solid rgba(124,226,255,.12);border-radius:5px;padding:9px 10px}.review-comment>div,.review-event{align-items:center;display:flex;gap:8px;justify-content:space-between}.review-comment time,.review-event time{color:#7894a3;font-size:11px}.review-comment p{color:#c8dce6;font-size:13px;line-height:1.4;margin:7px 0 0;white-space:pre-wrap}.review-history-section{grid-column:2}.review-event{border-bottom:1px solid rgba(124,226,255,.1);display:grid;grid-template-columns:82px minmax(0,1fr) auto;padding:7px 0}.review-event-status{font-size:12px;font-weight:800;text-transform:uppercase}.library-empty{color:#86a3b1;margin:0;padding:24px;text-align:center}.set-manager{background:#040a118f;border:1px solid rgba(124,226,255,.15);border-radius:6px;padding:14px}.set-manager h3{color:#dff6ff;font-family:var(--font-display);font-size:17px;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.set-checkboxes{display:flex;flex-wrap:wrap;gap:7px}.set-checkbox{align-items:center;background:#7ce2ff0f;border:1px solid rgba(124,226,255,.16);border-radius:4px;display:inline-flex;gap:7px;padding:6px 8px}.set-checkbox input{min-height:auto;width:auto}.set-checkbox span{color:#c8e6f2;font-size:12px}.create-set-form{border-top:1px solid rgba(124,226,255,.12);padding-top:12px}.set-row{align-items:center;border-top:1px solid rgba(124,226,255,.1);display:grid;gap:7px;grid-template-columns:minmax(0,1fr) 110px auto auto auto;padding-top:9px}.set-edit-fields{display:grid;gap:5px}.set-edit-fields input,.set-edit-fields textarea{min-height:32px;padding:6px 8px}.set-row select{min-height:32px;padding:5px 7px}.review-status-draft{border-color:#b4c3cd59!important}.review-status-review{border-color:#ffca588c!important;color:#ffd678!important}.review-status-play-test{border-color:#6abfff9e!important;color:#8ed4ff!important}.review-status-approved{border-color:#4ae79f8c!important;color:#7ff1bc!important}.review-status-rejected{border-color:#ff657e8c!important;color:#ff9aac!important}.desynced-card{--accent: #4fc7ff;--accent-2: #f8fcff;--faction-soft: rgba(79, 199, 255, .17);background:#05070b;border-radius:34px;box-shadow:0 24px 90px #000000a6;color:#f7fbff;flex:none;overflow:hidden;position:relative;transform:scale(.43);transform-origin:top center;margin-bottom:-870px}.faction-compliance{--accent: #43c8ff;--accent-2: #ffffff;--faction-soft: rgba(67, 200, 255, .2)}.faction-logistics{--accent: #28f4d9;--accent-2: #b5fff5;--faction-soft: rgba(40, 244, 217, .19)}.faction-crystal{--accent: #9b69ff;--accent-2: #f0d6ff;--faction-soft: rgba(155, 105, 255, .21)}.faction-off-channel{--accent: #ff4ed8;--accent-2: #a577ff;--faction-soft: rgba(255, 78, 216, .2)}.faction-neutral{--accent: #c5d8e5;--accent-2: #82a9c6;--faction-soft: rgba(197, 216, 229, .18)}.template-layer,.generated-base,.generated-frame{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.template-layer{object-fit:fill;pointer-events:none;z-index:3}.overlay-template{z-index:5}.generated-base{background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 18%,rgba(255,255,255,.08) 34%,transparent 54%),radial-gradient(circle at 50% 0%,var(--faction-soft),transparent 34%),linear-gradient(180deg,#15202b,#05070b 48%,#111820);z-index:0}.art-canvas{background:#06090e;overflow:visible;position:absolute;z-index:1;touch-action:none}.art-canvas img{display:block;position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.art-zoom-controls{align-items:center;display:flex;gap:8px;margin-bottom:6px}.art-zoom-controls input[type=range]{flex:1}.zoom-readout{font-size:12px;font-variant-numeric:tabular-nums;min-width:44px;text-align:right;opacity:.75}.art-canvas--draggable{cursor:grab}.art-canvas--draggable.dragging{cursor:grabbing}.art-placeholder{align-items:center;background:linear-gradient(180deg,#1b2631,#111924);color:#dbf5ff8c;display:flex;font-size:40px;font-weight:900;height:100%;justify-content:center;letter-spacing:.12em}.generated-frame{background:linear-gradient(90deg,transparent 7%,var(--accent) 7.3%,transparent 7.8%,transparent 92.2%,var(--accent) 92.7%,transparent 93%),linear-gradient(180deg,transparent 14%,rgba(255,255,255,.1),transparent 44%,transparent 83%,rgba(255,255,255,.11),transparent 94%);opacity:.65;pointer-events:none;z-index:6}.micro-line{background:linear-gradient(90deg,transparent,var(--accent),transparent);height:2px;left:120px;opacity:.72;position:absolute;right:120px}.micro-line.top{top:116px}.micro-line.bottom{bottom:70px}.fixed-area{position:absolute;pointer-events:none;z-index:10}.card-icon{object-fit:contain;pointer-events:none}.faction-mark,.type-mark{filter:drop-shadow(0 0 4px rgba(126,225,255,.78)) drop-shadow(0 0 10px var(--faction-soft))}.logo-area{align-items:center;color:#eefdff;display:flex;font-family:var(--font-display);font-size:34px;font-weight:1000;justify-content:center;letter-spacing:.1em;text-shadow:0 0 12px var(--accent),0 2px 0 #020508}.card-name{align-items:center;color:#fff;display:flex;font-family:var(--font-display);font-size:72px;font-weight:400;justify-content:flex-start;line-height:1;overflow-wrap:anywhere;padding:0;text-align:left;text-shadow:0 0 18px rgba(0,0,0,.8);text-transform:uppercase}.faction-banner,.type-badge{align-items:center;background:transparent;border:0;box-shadow:none;display:flex;font-family:var(--font-display);font-size:40px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.faction-banner{clip-path:none;gap:10px;padding-left:0}.faction-icon{align-items:center;border:0;color:var(--accent-2);display:inline-flex;font-size:25px;height:26px;justify-content:center;text-shadow:0 0 10px var(--accent);width:26px}.type-badge{clip-path:none;justify-content:center}.play-cost-badge{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:8px}.play-cost-zero{color:#fff;font-family:var(--font-display);font-size:68px;font-weight:400;line-height:.8;text-shadow:0 0 10px rgba(41,197,255,.9),0 2px 0 #05070b;transform:translate(-2px,5px)}.play-cost-icons{align-items:center;display:grid;height:100%;justify-items:center;width:100%}.play-cost-icon{filter:drop-shadow(0 0 5px rgba(44,185,255,.72));height:100%;min-height:0;min-width:0;object-fit:contain;width:100%}.play-cost-icons--2{grid-template-columns:repeat(2,1fr)}.play-cost-icons--3,.play-cost-icons--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.play-cost-icons--3 .play-cost-icon:first-child{grid-column:1 / 3}.play-cost-icons--5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.play-cost-icons--5 .play-cost-icon:nth-child(1){grid-column:1;grid-row:1}.play-cost-icons--5 .play-cost-icon:nth-child(2){grid-column:3;grid-row:1}.play-cost-icons--5 .play-cost-icon:nth-child(3){grid-column:2;grid-row:2}.play-cost-icons--5 .play-cost-icon:nth-child(4){grid-column:1;grid-row:3}.play-cost-icons--5 .play-cost-icon:nth-child(5){grid-column:3;grid-row:3}.rules-panel,.flavor-panel{color:#0d1720;font-family:var(--font-card-body);overflow:hidden}.rules-panel{align-items:center;background:transparent;border:0;border-radius:0;display:flex;font-size:34px;font-weight:700;line-height:1.14;padding:0}.rules-panel p,.flavor-panel p{margin:0;position:relative;z-index:2}.rules-content{align-items:stretch;display:flex;flex-direction:column;gap:6px;width:100%}.effect-row{align-items:center;display:flex;min-width:0}.rules-content--compact{font-size:25px;gap:3px;line-height:1.05}.rules-content--compact .rule-effect-timing-icon{height:44px;width:44px}.rules-content--compact .rule-effect-speed-icon{height:36px;width:36px}.effect-text{flex:1;min-width:0;overflow-wrap:anywhere}.charge-cost{display:inline-flex;flex:none;gap:4px}.effect-icons{align-items:center;display:inline-flex;flex:none;gap:0;margin-right:10px}.rule-charge-icon{filter:drop-shadow(0 0 6px rgba(44,185,255,.55));height:34px;object-fit:contain;width:34px}.rule-inline-charge-icon{display:inline-block;filter:drop-shadow(0 0 4px rgba(44,185,255,.48));height:1em;margin:0 .08em;object-fit:contain;vertical-align:-.16em;width:1em}.keyword-render-group{display:inline}.keyword-token{background:linear-gradient(180deg,#0a3754f5,#041828fa);background:linear-gradient(180deg,color-mix(in srgb,var(--keyword-color, #2CCBFF) 38%,#071521),color-mix(in srgb,var(--keyword-color, #2CCBFF) 16%,#020a12));border:1px solid var(--keyword-color, #2CCBFF);border-radius:.14em;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:inset 0 0 0 1px #abefff1f,0 0 .3em color-mix(in srgb,var(--keyword-color, #2CCBFF) 52%,transparent);color:#e8fbff;display:inline-block;font-family:var(--font-display);font-size:.82em;font-style:normal;font-weight:400;letter-spacing:.045em;line-height:1;padding:.2em .25em .04em;text-shadow:0 0 .24em var(--keyword-color, #2CCBFF);text-transform:uppercase;vertical-align:.08em}.keyword-hint{color:#263d4b;font-size:.68em;font-style:normal;font-weight:500}.rule-effect-timing-icon,.rule-effect-speed-icon{border-radius:6px;margin-right:10px;object-fit:cover}.rule-effect-timing-icon{height:75px;width:75px}.rule-effect-speed-icon{height:60px;width:60px}.watermark{color:var(--accent);font-family:Inter,sans-serif;font-size:210px;font-weight:1000;opacity:.08;position:absolute;right:28px;top:8px;z-index:1}.flavor-panel{background:transparent;border:0;border-radius:0;font-size:30px;font-style:italic;font-weight:400;line-height:1.12;padding:0}.stat-label{align-items:center;color:#c9f5ff;display:flex;font-family:var(--font-display);font-size:40px;font-weight:400;justify-content:center;letter-spacing:.02em;text-shadow:0 0 10px var(--accent)}.stat-number{align-items:center;color:#fff;display:flex;font-family:var(--font-display);font-size:125px;font-weight:400;justify-content:center;line-height:1;text-shadow:0 0 14px var(--accent),0 2px 0 #05070b}.rarity{align-items:center;color:#ecfbff;display:flex;flex-direction:row;font-family:var(--font-display);font-size:40px;font-weight:400;gap:12px;justify-content:center;letter-spacing:.08em;text-transform:uppercase}.rarity-common{color:#e7edf2;text-shadow:0 0 10px rgba(231,237,242,.32)}.rarity-uncommon{color:#65f0ae;text-shadow:0 0 12px rgba(101,240,174,.42)}.rarity-rare{color:#58b8ff;text-shadow:0 0 12px rgba(88,184,255,.46)}.rarity-epic{color:#c774ff;text-shadow:0 0 14px rgba(199,116,255,.52)}.rarity-legendary{color:#ffc957;text-shadow:0 0 14px rgba(255,201,87,.52)}.rarity-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.46)) drop-shadow(0 0 12px var(--faction-soft));height:44px;object-fit:contain;width:44px}.card-id,.artist{color:#e5f7ffb8;font-size:14px;font-weight:800;letter-spacing:.04em;overflow:hidden;text-transform:uppercase;white-space:nowrap}.artist{text-align:right}.json-details{border-top:1px solid rgba(129,215,255,.18);color:#b9d7e4;padding-top:12px}.json-details summary{cursor:pointer;font-size:13px;font-weight:900;text-transform:uppercase}.json-details pre{background:#081019;border:1px solid rgba(126,217,255,.18);color:#cfeeff;font-size:12px;max-height:260px;overflow:auto;padding:12px}.panel-title-actions{display:flex;gap:8px}.primary-button{background:linear-gradient(180deg,#39a2d3f5,#144060f5);border-color:#7de8ff99;color:#f6fdff;font-weight:700;letter-spacing:.03em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px}.modal-panel{background:#080d15f5;border:1px solid rgba(114,202,255,.32);border-radius:8px;box-shadow:0 30px 100px #000000a8,0 0 60px #22aeff1f;width:min(960px,100%);max-height:calc(100vh - 64px);overflow-y:auto;padding:28px;display:grid;gap:20px}.modal-header h2{font-size:26px;margin-top:4px}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-loading{display:grid;gap:10px;justify-items:center;padding:24px 12px;text-align:center}.modal-loading p{color:#b8d6e6;margin:0;max-width:460px}.modal-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(114,202,255,.2);border-top-color:#7ce2ff;animation:modal-spin 1.1s linear infinite;margin-top:4px}@keyframes modal-spin{to{transform:rotate(360deg)}}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.image-option{position:relative;padding:0;background:#06090e;border:1px solid rgba(114,202,255,.22);border-radius:6px;cursor:pointer;overflow:hidden;min-height:auto;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.image-option:hover{border-color:#7de8ffb3;transform:translateY(-1px)}.image-option img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.image-option.selected{border-color:#7ce2ff;box-shadow:0 0 0 2px #7ce2ffd9,0 0 24px #22aeff73}.image-option-tag{position:absolute;top:8px;left:8px;padding:2px 8px;background:#080d15c7;border:1px solid rgba(114,202,255,.32);border-radius:4px;color:#cfeeff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.modal-error{background:#f050641f;border:1px solid rgba(240,80,100,.42);border-radius:5px;color:#ffc7cf;margin:0;padding:10px 14px;font-size:13px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.profile-modal-panel{width:min(520px,100%)}.profile-intro{color:#9db8c5;line-height:1.55;margin:0}.profile-form{display:grid;gap:12px}.profile-character-count{color:#6f8b99;font-size:11px;margin-top:-7px;text-align:right}.leaderboard-page{display:grid;gap:24px;min-height:calc(100vh - 72px);padding:28px}.leaderboard-hero,.leaderboard-table-panel,.leaderboard-state{background:#080d15e6;border:1px solid rgba(114,202,255,.22);box-shadow:0 20px 80px #0000005c}.leaderboard-hero{align-items:end;background:radial-gradient(circle at 82% 20%,rgba(48,161,255,.2),transparent 28rem),#080d15eb;display:flex;justify-content:space-between;padding:28px}.leaderboard-hero h1{font-size:44px;margin-top:4px}.leaderboard-hero p{color:#9cb7c4;margin:6px 0 0}.leaderboard-range{border:1px solid rgba(124,226,255,.3);border-radius:999px;color:#aeeaff;font-size:11px;font-weight:800;letter-spacing:.12em;padding:7px 12px;text-transform:uppercase}.leaderboard-top-three{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-spotlight{align-items:center;background:linear-gradient(145deg,#0a1420f7,#070c14f7);border:1px solid rgba(124,226,255,.2);border-radius:8px;display:grid;gap:13px;grid-template-columns:auto 1fr;min-height:152px;overflow:hidden;padding:22px;position:relative}.leaderboard-spotlight.rank-1{background:radial-gradient(circle at 95% 10%,rgba(255,207,87,.17),transparent 16rem),linear-gradient(145deg,#0f1925fa,#070c14f7);border-color:#ffd56885;box-shadow:0 14px 48px #ffbe3c14}.leaderboard-spotlight.rank-2{border-color:#bee0ee66}.leaderboard-spotlight.rank-3{border-color:#dd8e5a6b}.leaderboard-rank-badge{color:#9ad3eb40;font-family:var(--font-display);font-size:54px;line-height:1;position:absolute;right:14px;top:10px}.rank-1 .leaderboard-rank-badge{color:#ffd5684f}.leaderboard-spotlight-avatar{font-size:26px;height:54px;width:54px}.leaderboard-spotlight h2{color:#effbff;font-size:25px;line-height:1;padding-right:45px}.leaderboard-spotlight h2 small,.leaderboard-name small{background:#48c5ff29;border:1px solid rgba(92,214,255,.34);border-radius:999px;color:#91e5ff;font-family:var(--font-ui);font-size:9px;letter-spacing:.08em;margin-left:8px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}.leaderboard-spotlight p{color:#91afbd;font-size:13px;margin:4px 0 0}.leaderboard-spotlight-metrics{display:flex;gap:22px;grid-column:1 / -1}.leaderboard-spotlight-metrics span{color:#7593a1;display:grid;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.leaderboard-spotlight-metrics strong{color:#dff7ff;font-family:var(--font-display);font-size:21px}.leaderboard-table-panel{display:grid;gap:18px;padding:22px}.leaderboard-table-heading{align-items:end;display:flex;justify-content:space-between}.leaderboard-table-heading h2{font-size:28px;margin-top:4px}.leaderboard-refreshing{color:#79a7ba;font-size:11px;text-transform:uppercase}.leaderboard-table-scroll{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid rgba(124,226,255,.12);padding:13px 14px;text-align:right}.leaderboard-table th{color:#7695a3;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.leaderboard-table th:nth-child(1),.leaderboard-table th:nth-child(2),.leaderboard-table td:nth-child(1),.leaderboard-table td:nth-child(2){text-align:left}.leaderboard-table tbody tr{transition:background .14s ease}.leaderboard-table tbody tr:hover{background:#7ce2ff09}.leaderboard-table tbody tr.current-designer{background:#35abff17;box-shadow:inset 3px 0 #5edfff}.leaderboard-table td{color:#abc4cf;font-size:14px}.leaderboard-table td:first-child strong,.leaderboard-approved{color:#8ae7ff}.leaderboard-name{color:#eefbff;font-weight:800}.leaderboard-state{align-content:center;display:grid;gap:14px;justify-items:center;min-height:260px;padding:32px}.leaderboard-state p{color:#9db8c5;margin:0}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.keyword-page{display:grid;gap:24px;min-height:calc(100vh - 72px);padding:28px}.keyword-hero,.keyword-create-panel,.keyword-library-panel{background:#080d15eb;border:1px solid rgba(114,202,255,.22);box-shadow:0 20px 80px #0000005c}.keyword-hero{align-items:center;background:radial-gradient(circle at 82% 20%,rgba(48,161,255,.2),transparent 28rem),#080d15eb;display:flex;justify-content:space-between;padding:28px}.keyword-hero h1,.keyword-create-panel h2,.keyword-library-panel h2{font-family:var(--font-display);font-weight:400;letter-spacing:.04em;margin:4px 0 0;text-transform:uppercase}.keyword-hero h1{font-size:42px}.keyword-hero p,.keyword-live-preview p{color:#91aebb;margin:8px 0 0}.keyword-syntax-card{align-items:center;background:#020a11ad;border:1px solid rgba(124,226,255,.18);display:grid;gap:8px 14px;grid-template-columns:auto 1fr;padding:16px 18px}.keyword-syntax-card code{color:#78ddff;font-weight:800}.keyword-syntax-card span{color:#86a4b1;font-size:13px}.keyword-create-panel{display:grid;gap:26px;grid-template-columns:minmax(420px,.85fr) minmax(520px,1.15fr);padding:24px}.keyword-create-panel form{display:grid;gap:14px}.keyword-color-picker{border:0;margin:0;min-width:0;padding:0}.keyword-color-picker legend{color:#8facb9;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.keyword-color-options{display:flex;flex-wrap:wrap;gap:9px}.keyword-color-options button{background-image:none;border:2px solid rgba(235,250,255,.28);border-radius:50%;box-shadow:0 0 12px #00000075;height:34px;min-height:0;padding:0;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:34px}.keyword-color-options button:hover:not(:disabled){transform:scale(1.08)}.keyword-color-options button.selected{border-color:#fff;box-shadow:0 0 0 3px #6cdaff3d,0 0 18px currentColor;transform:scale(1.1)}.keyword-edit-fields{display:grid;gap:12px}.keyword-live-preview{align-content:center;background:linear-gradient(145deg,#132737c7,#07111beb);border:1px solid rgba(124,226,255,.16);display:grid;gap:18px;min-height:230px;padding:28px}.keyword-preview-line{background:#e8edf0;color:#0d1720;font-family:var(--font-card-body);font-size:32px;font-weight:700;line-height:1.2;padding:24px}.keyword-library-panel{display:grid;gap:18px;padding:24px}.keyword-library-toolbar{align-items:end;display:flex;gap:24px;justify-content:space-between}.keyword-search{min-width:380px}.keyword-search input{width:100%}.keyword-tabs,.keyword-entry-actions{display:flex;flex-wrap:wrap;gap:8px}.keyword-tabs{border-bottom:1px solid rgba(124,226,255,.14);padding-bottom:12px}.keyword-tabs button.active{background:#49b8ef3d;border-color:#7ce2ff8c;color:#f0fbff}.keyword-status{align-items:center;background:#35abff17;border:1px solid rgba(94,223,255,.24);color:#aeeeff;display:flex;justify-content:space-between;padding:10px 14px}.keyword-status.error{background:#f050641a;border-color:#f0506459;color:#ffc7cf}.keyword-list{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-entry{background:#050c14c7;border:1px solid rgba(124,226,255,.14);display:grid;gap:14px;min-width:0;padding:18px}.keyword-entry-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.keyword-entry-heading .keyword-token{font-size:24px}.keyword-entry p{color:#c3d7df;line-height:1.5;margin:0}.keyword-state{color:#74e4a8;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.keyword-state.archived{color:#98a8af}.keyword-entry-meta{color:#6f8f9d;display:grid;font-size:11px;gap:4px}.keyword-entry-actions .secondary{background:#7ce2ff0a;color:#a9c8d5}.keyword-entry-actions .danger-button{background:#d141541a;border-color:#f25f7057;color:#ffc1ca}.keyword-empty{color:#7996a3;padding:34px;text-align:center}
