/* CREATOR SKIN CODES - the header's promo button + redeem window (every page)
   and the owner's Creator skins admin tab. Everfall 2026-10-05. */
.nav-util .ef-cc-btn{cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none}
.nav-util .ef-cc-btn svg{flex:none}
html.ef-cc-lock{overflow:hidden}
@media (min-width:561px){#nav-links .ef-cc-navlink{display:none!important}}
@media (max-width:560px){.nav-util .ef-cc-btn{display:none!important}}
.ef-cc-scrim{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--scrim-modal,rgba(4,5,10,.78));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ef-cc-fade .16s ease-out}
.ef-cc-scrim[hidden]{display:none!important}
.ef-cc-dialog{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 36px);overflow:auto;box-sizing:border-box;padding:24px 22px 20px;border:1px solid var(--border-2,#42444c);border-radius:var(--r,14px);background-color:var(--surface,#13151d);background-image:var(--grad-card,none);color:var(--fg,#eff3fa);box-shadow:0 30px 70px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.02) inset;font-family:var(--font-ui,inherit);animation:ef-cc-rise .2s cubic-bezier(.2,.8,.2,1)}
.ef-cc-dialog:focus{outline:none}
.ef-cc-x{position:absolute;top:10px;right:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--r-xs,8px);background:transparent;color:var(--fg-mute,#8c97ad);font:400 24px/1 var(--font-ui,inherit);cursor:pointer}
.ef-cc-x:hover{color:var(--fg,#fff);border-color:var(--border,#2f3139)}
.ef-cc-x:focus-visible{outline:2px solid var(--accent,#7fb4e8);outline-offset:2px}
.ef-cc-head{display:flex;align-items:center;gap:14px;margin:0 36px 10px 0}
.ef-cc-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent,#7fb4e8) 45%,transparent);background:var(--accent-wash-2,rgba(127,180,232,.13));color:var(--accent-hi,#b6d8ff)}
.ef-cc-badge svg{width:24px;height:24px}
.ef-cc-eyebrow{margin:0 0 6px}
.ef-cc-title{margin:0;font:700 22px/1.15 var(--font-display,var(--font-ui,inherit));letter-spacing:.01em;color:var(--fg,#fff)}
.ef-cc-lede{margin:6px 0 16px;font-size:14px;line-height:1.55;color:var(--fg-dim,#c2cbdc)}
.ef-cc-form{margin:0}
.ef-cc-label{display:block;margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute,#8c97ad)}
.ef-cc-row{display:flex;gap:8px;align-items:stretch}
.ef-cc-input{flex:1 1 auto;min-width:0;box-sizing:border-box;padding:12px 14px;border:1px solid var(--border-2,#42444c);border-radius:var(--r-s,10px);background:var(--surface-sink,#04050b);color:var(--fg,#fff);font:600 16px/1.2 var(--font-mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase}
.ef-cc-input::placeholder{color:var(--fg-mute,#8c97ad);opacity:.6;letter-spacing:.06em}
.ef-cc-input:focus{outline:none;border-color:var(--accent,#7fb4e8);box-shadow:0 0 0 3px var(--accent-wash-2,rgba(127,180,232,.13))}
.ef-cc-input:disabled{opacity:.6}
.ef-cc-go{flex:none;white-space:nowrap}
.ef-cc-go:disabled{opacity:.65;cursor:progress}
.ef-cc-msg{min-height:1.3em;margin:10px 0 0;font-size:13.5px;line-height:1.45;color:var(--fg-dim,#c2cbdc)}
.ef-cc-msg:empty{min-height:0;margin:0}
.ef-cc-msg.ef-cc-bad{color:var(--bad,#e26b62)}
.ef-cc-gate{margin-top:14px;padding:14px;border:1px solid var(--border,#2f3139);border-radius:var(--r-s,10px);background:color-mix(in srgb,var(--surface-2,#1c1f26) 70%,transparent)}
.ef-cc-gate-lede{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:var(--fg-dim,#c2cbdc)}
.ef-cc-gate-act{margin:0}
.ef-cc-gate .btn{width:100%}
.ef-cc-discord{background:#5865f2!important;border-color:#5865f2!important;color:#fff!important}
.ef-cc-result{position:relative;text-align:center}
.ef-cc-result .ef-cc-lede{margin:12px 0 4px}
.ef-cc-done-title{margin:0 0 14px;font:700 22px/1.2 var(--font-display,var(--font-ui,inherit));color:var(--fg,#fff)}
.ef-cc-card{display:flex;flex-direction:column;overflow:hidden;text-align:left;border:1px solid var(--border-2,#42444c);border-radius:var(--r-s,10px);background:var(--surface-sink,#04050b)}
.ef-cc-strip{display:flex;height:64px}
.ef-cc-strip span{flex:1 1 0}
.ef-cc-card-body{padding:12px 14px}
.ef-cc-card-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 3px;font-size:16px}
.ef-cc-card-by,.ef-cc-card-meta{margin:2px 0 0;font-size:13px;color:var(--fg-dim,#c2cbdc)}
.ef-cc-card-meta{color:var(--fg-mute,#8c97ad)}
.ef-cc-tag{display:inline-flex;align-items:center;padding:2px 7px;font-size:10px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border,#2f3139);color:var(--fg-dim,#c2cbdc)}
.ef-cc-tag-glitch{border-color:var(--accent,#7fb4e8);color:var(--accent,#7fb4e8)}
.ef-cc-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 0}
.ef-cc-burst{position:absolute;left:50%;top:-6px;width:180px;height:90px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(closest-side,var(--accent-glow,rgba(127,180,232,.28)),transparent);opacity:0}
.ef-cc-won .ef-cc-burst{animation:ef-cc-burst 1.2s ease-out}
.ef-cc-won .ef-cc-card{animation:ef-cc-pop .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes ef-cc-fade{from{opacity:0}to{opacity:1}}
@keyframes ef-cc-rise{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ef-cc-burst{0%{opacity:0;transform:translateX(-50%) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(1.6)}}
@keyframes ef-cc-pop{from{transform:scale(.94);opacity:.4}to{transform:none;opacity:1}}
@media (max-width:520px){.ef-cc-scrim{align-items:flex-end;padding:0}.ef-cc-dialog{max-width:none;max-height:92vh;border-radius:var(--r,14px) var(--r,14px) 0 0;padding:22px 16px 18px}.ef-cc-row{flex-direction:column}.ef-cc-go{width:100%}.ef-cc-actions .btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.ef-cc-scrim,.ef-cc-dialog,.ef-cc-won .ef-cc-burst,.ef-cc-won .ef-cc-card{animation:none!important}}

/* ---- the admin tab ------------------------------------------------------ */
.cc-admin .cc-sub{margin-top:22px}
.cc-admin .cc-totals{margin:-8px 0 6px;font-size:13px}
.cc-admin .cc-totals:empty{display:none}
.cc-admin #cc-admin-status:empty{display:none}
.cc-admin #cc-admin-status.cc-bad{color:var(--bad,#e26b62)}
.cc-admin .cc-mono{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px}
.cc-admin .cc-find input{min-width:0;flex:1 1 16rem;max-width:26rem}
.cc-admin .admin-inline{flex-wrap:wrap}
.cc-admin input[type=text],.cc-admin input[type=search],.cc-admin input[type=number],.cc-admin input[type=date],.cc-admin select{box-sizing:border-box;padding:9px 11px;border:1px solid var(--border-2,#42444c);border-radius:var(--r-xs,8px);background:var(--surface-sink,#04050b);color:var(--fg,#fff);font:500 14px/1.2 var(--font-ui,inherit)}
.cc-admin input:focus,.cc-admin select:focus{outline:none;border-color:var(--accent,#7fb4e8);box-shadow:0 0 0 3px var(--accent-wash-2,rgba(127,180,232,.13))}
.cc-admin input:disabled{opacity:.5}
.cc-admin .admin-field{margin:14px 0 0}
.cc-admin .admin-field>label,.cc-admin .cc-field-label{display:block;margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute,#8c97ad)}
.cc-admin .cc-people{display:flex;flex-direction:column;gap:4px;margin-top:10px;max-width:34rem}
.cc-admin .cc-person{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:1px solid var(--border,#2f3139);border-radius:var(--r-xs,8px);background:var(--surface-2,#1c1f26);color:var(--fg,#fff);font:inherit;text-align:left;cursor:pointer}
.cc-admin .cc-person:hover,.cc-admin .cc-person:focus-visible{border-color:var(--accent,#7fb4e8);outline:none}
.cc-admin .cc-person img,.cc-admin .cc-avatar-blank{width:28px;height:28px;border-radius:50%;flex:none;background:var(--surface-3,#262830)}
.cc-admin .cc-person-name{flex:1 1 auto;font-weight:600}
.cc-admin .cc-creator{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border,#2f3139);border-radius:var(--r-s,10px);background:var(--surface-2,#1c1f26);max-width:34rem}
.cc-admin .cc-avatar{width:48px;height:48px;border-radius:50%;flex:none;background:var(--surface-3,#262830)}
.cc-admin .cc-creator-id{display:flex;flex-direction:column;gap:2px;min-width:0}
.cc-admin .cc-creator-id b{font-size:16px;overflow-wrap:anywhere}
.cc-admin .cc-linked{font-size:12px}
.cc-admin .cc-ok{color:var(--ok,#4fd37e)}
.cc-admin .cc-warn{color:var(--warn,#f2bc4e)}
.cc-admin .cc-group-title{margin:18px 0 8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim,#c2cbdc)}
.cc-admin .cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}
.cc-admin .cc-tile{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 0 10px;overflow:hidden;border:1px solid var(--border,#2f3139);border-radius:var(--r-s,10px);background:var(--surface-sink,#04050b);color:var(--fg,#fff);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
.cc-admin .cc-tile:hover{border-color:var(--edge,#5e6168);transform:translateY(-1px)}
.cc-admin .cc-tile:focus-visible{outline:2px solid var(--accent,#7fb4e8);outline-offset:2px}
.cc-admin .cc-tile.on{border-color:var(--accent,#7fb4e8);box-shadow:0 0 0 2px var(--accent-wash-2,rgba(127,180,232,.13))}
.cc-admin .cc-tile-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 10px;font-size:14px;overflow-wrap:anywhere}
.cc-admin .cc-tile-meta{padding:0 10px;font-size:12px}
.cc-admin .cc-tile-codes{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:var(--r-pill,999px);background:rgba(2,3,10,.82);color:var(--accent-hi,#b6d8ff);font-size:11px;font-weight:600}
.cc-admin .cc-strip{display:flex;overflow:hidden}
.cc-admin .cc-strip span{flex:1 1 0}
.cc-admin .cc-strip-tile{height:46px}
.cc-admin .cc-strip-big{width:120px;height:56px;flex:none;border-radius:var(--r-xs,8px)}
.cc-admin .cc-strip-row{width:46px;height:26px;flex:none;border-radius:4px}
.cc-admin .cc-make{max-width:44rem}
.cc-admin .cc-make-skin{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--border,#2f3139);border-radius:var(--r-s,10px);background:var(--surface-2,#1c1f26)}
.cc-admin .cc-make-skin p{margin:0}
.cc-admin .cc-make-skin-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px}
.cc-admin #cc-name,.cc-admin #cc-note{width:100%;max-width:26rem}
.cc-admin .cc-seg-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cc-admin .cc-seg{display:inline-flex;flex-wrap:wrap;gap:0;border:1px solid var(--border-2,#42444c);border-radius:var(--r-xs,8px);overflow:hidden}
.cc-admin .cc-seg-btn{padding:8px 12px;border:0;border-right:1px solid var(--border,#2f3139);background:var(--surface-sink,#04050b);color:var(--fg-dim,#c2cbdc);font:600 13px/1.2 var(--font-ui,inherit);cursor:pointer}
.cc-admin .cc-seg-btn:last-child{border-right:0}
.cc-admin .cc-seg-btn:hover{color:var(--fg,#fff)}
.cc-admin .cc-seg-btn.on{background:var(--accent-wash-2,rgba(127,180,232,.13));color:var(--accent-hi,#b6d8ff);box-shadow:inset 0 -2px 0 var(--accent,#7fb4e8)}
.cc-admin .cc-seg-btn:focus-visible{outline:2px solid var(--accent,#7fb4e8);outline-offset:-2px}
.cc-admin .cc-num{width:8.5rem}
.cc-admin .cc-num[hidden]{display:none}
.cc-admin .cc-codekind{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cc-admin #cc-custom{text-transform:uppercase;font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.06em;min-width:0;flex:1 1 12rem;max-width:18rem}
.cc-admin .cc-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-dim,#c2cbdc);cursor:pointer;text-transform:none;letter-spacing:0;font-weight:500}
.cc-admin .cc-summary{margin:16px 0 0;padding:10px 12px;border-left:3px solid var(--accent,#7fb4e8);background:var(--accent-wash,rgba(127,180,232,.09));font-size:13.5px;color:var(--fg,#fff)}
.cc-admin .cc-make-act{margin:14px 0 0}
.cc-admin .cc-made{margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--ok,#4fd37e) 50%,transparent);border-radius:var(--r-s,10px);background:color-mix(in srgb,var(--ok,#4fd37e) 7%,var(--surface,#13151d))}
.cc-admin .cc-made p{margin:4px 0}
.cc-admin .cc-made-code{font:700 28px/1.2 var(--font-mono,ui-monospace,monospace);letter-spacing:.08em;color:var(--fg,#fff);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.cc-admin .cc-made-link{color:var(--fg-dim,#c2cbdc);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.cc-admin .cc-made-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px!important}
.cc-admin .cc-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 12px}
.cc-admin .cc-filters input[type=search]{flex:1 1 14rem;max-width:22rem;min-width:0}
.cc-admin .cc-table td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.cc-admin .cc-act{text-align:right}
.cc-admin .btn.armed{border-color:var(--bad,#e26b62);color:var(--bad,#e26b62)}
.cc-admin .cc-danger:hover{border-color:var(--bad,#e26b62);color:var(--bad,#e26b62)}
.cc-admin .ss-pill.cc-st-active{color:var(--ok,#4fd37e)}
.cc-admin .ss-pill.cc-st-off{color:var(--fg-mute,#8c97ad)}
.cc-admin .ss-pill.cc-st-expired{color:var(--warn,#f2bc4e)}
.cc-admin .ss-pill.cc-st-used_up{color:var(--accent,#7fb4e8)}
.cc-admin .cc-who-title{margin:8px 0 6px;font-weight:600;font-size:13px}
.cc-admin .cc-edit{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;padding:10px 0}
.cc-admin .cc-edit-field{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--fg-dim,#c2cbdc)}
.cc-admin .cc-edit-note{flex:1 1 18rem}
.cc-admin .cc-note-edit{flex:1 1 12rem;min-width:0}
.cc-admin .cc-edit-hint{flex:1 1 100%;margin:0;font-size:12px}
.cc-admin .cc-time{white-space:nowrap}
.cc-admin .cc-detail{color:var(--fg-dim,#c2cbdc)}
.cc-admin #cc-log-more{margin-top:10px}
.cc-admin .cc-filters select,.cc-admin #cc-exp{width:auto;flex:0 0 auto;max-width:100%}
.cc-admin .cc-check{white-space:nowrap}
.cc-admin .cc-strip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cc-admin .cc-cell-sub{display:block;font-size:11.5px;margin-top:2px}
.cc-admin .cc-code-list{display:flex;flex-direction:column;gap:10px}
.cc-admin .cc-code-card{padding:12px 14px;border:1px solid var(--border,#2f3139);border-left:3px solid var(--ok,#4fd37e);border-radius:var(--r-s,10px);background:var(--surface-2,#1c1f26)}
.cc-admin .cc-code-card.cc-is-off{border-left-color:var(--fg-mute,#8c97ad)}
.cc-admin .cc-code-card.cc-is-expired{border-left-color:var(--warn,#f2bc4e)}
.cc-admin .cc-code-card.cc-is-used_up{border-left-color:var(--accent,#7fb4e8)}
.cc-admin .cc-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cc-admin .cc-code{font-size:17px;letter-spacing:.06em;white-space:nowrap;color:var(--fg,#fff);-webkit-user-select:all;user-select:all}
.cc-admin .cc-card-copy{display:inline-flex;gap:6px;margin-left:auto}
.cc-admin .cc-card-skin{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-size:13.5px;overflow-wrap:anywhere}
.cc-admin .cc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px;margin:10px 0 0}
.cc-admin .cc-stat{min-width:0}
.cc-admin .cc-stat dt{margin:0 0 2px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute,#8c97ad)}
.cc-admin .cc-stat dd{margin:0;font-size:13px;color:var(--fg,#fff);overflow-wrap:anywhere}
.cc-admin .cc-redeemed{display:flex;flex-direction:column;gap:5px}
.cc-admin .cc-meter{display:block;height:4px;max-width:9rem;border-radius:2px;background:var(--surface-3,#262830);overflow:hidden}
.cc-admin .cc-meter span{display:block;height:100%;background:var(--accent,#7fb4e8)}
.cc-admin .cc-meter-open span{background:repeating-linear-gradient(90deg,var(--accent,#7fb4e8) 0 6px,transparent 6px 10px);opacity:.55}
.cc-admin .cc-card-note{margin:8px 0 0;font-size:12.5px;color:var(--fg-dim,#c2cbdc);font-style:italic}
.cc-admin .cc-card-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cc-admin .cc-card-sub{margin-top:12px;padding-top:10px;border-top:1px solid var(--border,#2f3139)}
@media (max-width:720px){.cc-admin .cc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-admin .cc-card-copy{margin-left:0}}
.cc-copy-tmp{position:fixed;left:-9999px;top:0;opacity:0}
@media (max-width:720px){.cc-admin .cc-wrap{overflow-x:visible}.cc-admin .cc-table thead{display:none}.cc-admin .cc-table,.cc-admin .cc-table tbody,.cc-admin .cc-table tr{display:block;width:100%}.cc-admin .cc-table tr{padding:8px 0;border-bottom:1px solid var(--border,#2f3139)}.cc-admin .cc-table td{display:flex;gap:10px;justify-content:space-between;align-items:baseline;padding:3px 0;border:0;text-align:right;max-width:none;min-width:0}.cc-admin .cc-table td::before{content:attr(data-label);flex:0 0 auto;text-align:left;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute,#8c97ad)}.cc-admin .cc-table td.cc-act{justify-content:flex-end}.cc-admin .cc-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cc-admin .cc-make-skin{flex-direction:column;align-items:flex-start}.cc-admin .cc-strip-big{width:100%}}