:root{
  --bg:#080b0e;--bg2:#0d1413;--panel:#111821;--panel2:#151f2b;--panel3:#0d131a;--text:#f4f7fb;--muted:#9cacbd;--soft:#c6d2df;--line:#243142;--line2:#334154;--accent:#9fe870;--accent2:#79d5ff;--accent3:#f7d66b;--bad:#ff7878;--good:#7cf0a2;--warn:#ffd36a;--shadow:0 24px 70px rgba(0,0,0,.38);--radius:22px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(80,142,92,.18),transparent 36rem),radial-gradient(circle at 95% 20%,rgba(95,190,255,.1),transparent 34rem),linear-gradient(180deg,var(--bg),#07090c 60%,#050607);color:var(--text);font:15.5px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,11,14,.82);backdrop-filter:blur(18px)}.topbar-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06100d;font-weight:950;box-shadow:0 12px 28px rgba(121,213,255,.12)}.brand-copy strong{display:block;font-size:1.02rem;letter-spacing:.01em}.brand-copy small{display:block;color:var(--muted);font-size:.78rem;margin-top:-2px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.nav a{color:var(--muted);border:1px solid transparent;border-radius:999px;padding:8px 12px;font-weight:750;font-size:.9rem}.nav a:hover,.nav a.active{color:var(--text);border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.nav a.cta{background:linear-gradient(135deg,var(--accent),var(--accent2));border:0;color:#06100d}.page{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:30px 0 54px;flex:1}.footer{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:22px 0 34px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:var(--soft)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent2);font-size:.76rem;font-weight:900;margin:0 0 10px}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:20px;align-items:stretch;padding:28px 0}.hero-main,.card,.stat,.notice-panel{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow);border-radius:var(--radius)}.hero-main{padding:38px}.hero h1{font-size:clamp(2.4rem,5.5vw,5.6rem);line-height:.94;margin:0 0 18px;letter-spacing:-.055em}.lead{font-size:1.12rem;color:#d7e1ea;max-width:70ch;margin:0 0 22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:#17212d;color:var(--text);border-radius:14px;padding:10px 14px;cursor:pointer;font-weight:850;font:inherit;font-size:.92rem;min-height:40px}.button:hover,button:hover{border-color:rgba(255,255,255,.2);background:#1c2a38}.button.primary,.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06100d;border:0}.button.ghost{background:transparent}.small{min-height:32px;padding:6px 10px;font-size:.82rem}.hero-side{display:grid;gap:14px}.mini-card{padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(15,22,30,.72);border-radius:18px}.mini-card h3{margin:0 0 6px}.mini-card p{margin:0;color:var(--muted)}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.map-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr)}.card{padding:22px}.card h1,.card h2,.card h3{margin-top:0;letter-spacing:-.025em}.card h2{font-size:1.28rem}.muted{color:var(--muted)}.soft{color:var(--soft)}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:0 0 20px}.page-heading h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1;margin:0;letter-spacing:-.05em}.page-heading p{margin:8px 0 0}.narrow{max-width:680px;margin:38px auto}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;color:#dce5ed;font-weight:700}.form input,.form select,.toolbar input,.toolbar select{width:100%;border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:14px;padding:11px 12px;outline:none}.form input:focus,.form select:focus{border-color:rgba(121,213,255,.65);box-shadow:0 0 0 4px rgba(121,213,255,.1)}.field-note{font-size:.84rem;color:var(--muted);font-weight:500}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.check{display:flex!important;gap:8px;align-items:center}.check input{width:auto}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-weight:800;font-size:.83rem;text-transform:uppercase;letter-spacing:.08em}.stat strong{font-size:2rem;display:block;margin-top:2px}.details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 14px}.details dt{color:var(--muted);font-weight:800}.details dd{margin:0;color:#eef4fa}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:13px 10px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.table tr:last-child td{border-bottom:0}.overflow{overflow:auto}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:.78rem;font-weight:850;color:var(--soft)}.badge.good{border-color:rgba(124,240,162,.25);color:var(--good);background:rgba(124,240,162,.08)}.badge.warn{border-color:rgba(255,211,106,.25);color:var(--warn);background:rgba(255,211,106,.08)}.badge.bad{border-color:rgba(255,120,120,.28);color:var(--bad);background:rgba(255,120,120,.08)}.alert{background:rgba(255,120,120,.1);border:1px solid rgba(255,120,120,.35);padding:12px 14px;border-radius:14px;color:#ffd0d0}.notice{background:rgba(124,240,162,.1);border:1px solid rgba(124,240,162,.3);padding:12px 14px;border-radius:14px;color:#d9ffe4;margin-bottom:18px}.callout{background:rgba(121,213,255,.08);border:1px solid rgba(121,213,255,.24);border-radius:18px;padding:16px}.toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.log-view{white-space:pre-wrap;max-height:70vh;overflow:auto;background:#050709;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;color:#d7f2da;font-size:.86rem}.map-card{padding:8px}.map-surface{position:relative;height:68vh;min-height:500px;border-radius:18px;overflow:hidden;background:#070a0d;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.08)}.map-empty{position:absolute;left:18px;right:18px;bottom:18px;color:var(--muted);text-align:center}.marker{position:absolute;transform:translate(-50%,-50%);border-radius:999px;background:var(--accent);border:2px solid #07100c;width:18px;height:18px;box-shadow:0 0 0 8px rgba(159,232,112,.18)}.marker.admin{background:var(--accent2);box-shadow:0 0 0 8px rgba(121,213,255,.16)}.marker-label{position:absolute;transform:translate(-50%,14px);font-size:.72rem;background:rgba(0,0,0,.72);padding:3px 7px;border-radius:9px;white-space:nowrap}.mini-list{display:grid;gap:8px}.mini-list div{border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-grid input{height:52px;padding:3px}.dino-preview{position:relative;height:270px;border-radius:22px;background:radial-gradient(circle at 70% 25%,rgba(121,213,255,.08),transparent 15rem),linear-gradient(180deg,#101821,#070a0d);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.dino-body,.dino-pattern,.dino-accent,.dino-eye{position:absolute}.dino-body{left:16%;top:39%;width:68%;height:30%;background:#6c7a56;border-radius:60% 45% 50% 45%}.dino-body:before{content:"";position:absolute;right:-10%;top:-36%;width:27%;height:40%;background:inherit;border-radius:50%}.dino-body:after{content:"";position:absolute;left:14%;bottom:-42%;width:12%;height:46%;background:inherit;border-radius:0 0 12px 12px;box-shadow:170px 0 0 0 currentColor;color:inherit}.dino-pattern{left:25%;top:44%;width:44%;height:10%;border-radius:99px;background:#2f3a2b;opacity:.9}.dino-accent{left:18%;top:31%;width:45%;height:9%;border-radius:99px;background:#a89062;transform:rotate(-8deg);opacity:.86}.dino-eye{right:18%;top:34%;width:10px;height:10px;border-radius:50%;background:#d8c25a}.swatch{display:inline-block;width:20px;height:20px;border-radius:7px;border:1px solid rgba(255,255,255,.22);margin-right:4px}.small-text{font-size:.84rem;color:var(--muted);max-width:360px;word-break:break-word}.inline-form{display:flex;gap:6px}.empty-state{text-align:center;padding:34px 18px;color:var(--muted)}.privacy-strip{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.92rem;margin-top:12px}.privacy-strip strong{color:var(--text)}.admin-band{border:1px solid rgba(255,211,106,.2);background:rgba(255,211,106,.06);border-radius:18px;padding:14px;margin-bottom:18px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.09);color:var(--muted);font-weight:800}.admin-nav a:hover,.admin-nav a.active{color:var(--text);background:rgba(255,255,255,.05)}@media (max-width:900px){.hero,.two,.three,.four,.map-layout,.grid-form{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.hero-main{padding:26px}.map-surface{height:55vh;min-height:420px}.footer{display:block}.color-grid{grid-template-columns:repeat(2,1fr)}}
/* v4 identity-link + dashboard polish */
.narrow-card{max-width:780px;margin:0 auto}.choice-list{display:grid;gap:10px}.choice-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035)}.code-form input{font-size:1.9rem;letter-spacing:.28em;text-align:center;font-weight:900}.command-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px dashed rgba(121,213,255,.35);border-radius:16px;background:rgba(121,213,255,.08);margin-top:12px}.command-card code{font-size:1.05rem;color:#dbfff1}.form textarea{width:100%;border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:14px;padding:11px 12px;outline:none;resize:vertical}.dino-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.dino-card{display:flex;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.dino-card h3{margin:0 0 4px}.dino-card p{margin:0 0 8px}.dino-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(159,232,112,.1);border:1px solid rgba(159,232,112,.2)}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.action-card .form{margin-top:10px}.history-select{display:block;margin-bottom:14px;color:var(--muted);font-weight:800}.history-select select{margin-top:7px;width:100%;border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:14px;padding:11px 12px}.selected-row{outline:2px solid rgba(121,213,255,.65);background:rgba(121,213,255,.08)}.inline-form input{min-width:120px;border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:10px;padding:7px 9px}
/* v5 admin refinements */
.grid.six { display:grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap:14px; }
.compact-grid .stat { min-height: 88px; }
.admin-overview-grid { align-items: start; }
.section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
.section-head h2 { margin:0 0 4px; }
.scroll-table { overflow:auto; border:1px solid rgba(255,255,255,.08); border-radius:16px; }
.scroll-table.tall { max-height:520px; }
.scroll-table.very-tall { max-height:72vh; }
.table.dense th,.table.dense td { padding:10px 12px; font-size:.9rem; vertical-align:top; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.badge.neutral { background:rgba(255,255,255,.08); color:#cbd5e1; }
.badge.danger { background:rgba(239,68,68,.18); color:#fecaca; }
.button.danger { background:rgba(239,68,68,.16); border-color:rgba(239,68,68,.35); color:#fecaca; }
.button.ghost { background:transparent; border:1px solid rgba(255,255,255,.12); }
hr.soft { border:0; border-top:1px solid rgba(255,255,255,.1); margin:22px 0; }
.detail-list { display:grid; grid-template-columns: 1fr auto; gap:10px 16px; }
.detail-list dt { color:#94a3b8; }
.detail-list dd { margin:0; font-weight:700; }
.quick-links { display:flex; flex-wrap:wrap; gap:10px; }
.log-tabs { display:flex; flex-wrap:wrap; gap:10px; margin: 0 0 18px; }
.log-tabs a { padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.1); color:#cbd5e1; text-decoration:none; background:rgba(255,255,255,.04); }
.log-tabs a.active { color:#fff; background:linear-gradient(135deg, rgba(60,180,120,.35), rgba(120,80,240,.35)); border-color:rgba(255,255,255,.2); }
.categorized-log { min-height: 520px; max-height: 72vh; }
.filter-toolbar { align-items:end; }
.filter-toolbar label { display:grid; gap:6px; color:#94a3b8; font-size:.9rem; }
.inline-form.stacked { display:grid; gap:8px; margin-bottom:8px; }
.danger-zone { margin-top:8px; padding-top:8px; border-top:1px solid rgba(239,68,68,.18); }
.map-placeholder { min-height:420px; display:grid; place-items:center; text-align:center; border:1px dashed rgba(255,255,255,.18); border-radius:20px; padding:32px; background:radial-gradient(circle at top, rgba(90,120,80,.16), rgba(12,16,22,.7)); }
.map-placeholder code { background:rgba(0,0,0,.35); padding:3px 6px; border-radius:6px; }
@media (max-width: 1100px) { .grid.six { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 720px) { .grid.six { grid-template-columns: repeat(2, minmax(0,1fr)); } .section-head { display:block; } }


/* Gateway v0.21 local map viewer */
.gateway-map-view{position:relative;width:100%;aspect-ratio:2780/2790;max-height:78vh;overflow:hidden;border-radius:20px;background:#050709;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.gateway-map-view.admin-map{max-height:none}
.gateway-map-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.88;user-select:none;pointer-events:none}
.gateway-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.25;mix-blend-mode:screen}
.gateway-grid line{stroke:rgba(255,255,255,.35);stroke-width:1}
.gateway-grid .major-grid line:nth-child(6n){stroke:rgba(121,213,255,.5);stroke-width:1.4}
.map-marker-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.map-placeholder{min-height:420px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(255,255,255,.18);border-radius:20px;padding:32px;background:radial-gradient(circle at top,rgba(90,120,80,.16),rgba(12,16,22,.7))}
.map-placeholder code{background:rgba(0,0,0,.35);padding:3px 6px;border-radius:6px}

/* Gateway map v9: zoomable/pannable viewport */
.gateway-map-view{touch-action:none;cursor:grab;isolation:isolate;max-height:82vh;}
.gateway-map-view.dragging{cursor:grabbing;}
.gateway-map-view.admin-map{height:min(82vh,900px);aspect-ratio:2780/2790;}
.map-world{position:absolute;inset:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;}
.gateway-map-img,.gateway-grid,.map-marker-layer{position:absolute;inset:0;width:100%;height:100%;}
.gateway-map-img{object-fit:fill;opacity:.9;user-select:none;pointer-events:none;}
.gateway-grid{pointer-events:none;opacity:.36;mix-blend-mode:screen;}
.gateway-grid line{stroke:rgba(151,204,255,.28);stroke-width:1.3;vector-effect:non-scaling-stroke;}
.map-marker-layer{pointer-events:none;}
.marker{position:absolute;width:16px;height:16px;border-radius:999px;background:#70f0ad;border:2px solid #06100d;box-shadow:0 0 0 3px rgba(112,240,173,.22),0 8px 18px rgba(0,0,0,.45);transform:translate(-50%,-50%);z-index:5;}
.marker.admin{background:#79d5ff;box-shadow:0 0 0 3px rgba(121,213,255,.22),0 8px 18px rgba(0,0,0,.45);}
.marker.out-of-bounds{background:#ff7a7a;}
.marker-label{position:absolute;transform:translate(-50%,calc(-100% - 12px));padding:4px 8px;border-radius:999px;background:rgba(3,6,8,.82);border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:850;font-size:12px;white-space:nowrap;z-index:6;text-shadow:0 1px 2px #000;}
.marker-label.out-of-bounds::after{content:" · off-map";color:#ffb1b1;}
.map-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;}
.map-toolbar .range{display:flex;align-items:center;gap:8px;min-width:min(100%,300px);}
.map-toolbar input[type=range]{width:190px;accent-color:var(--accent2);}
.map-help{margin-top:10px;color:var(--muted);font-size:.9rem;}
.details.debug dd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}

/* Admin map v10: all-player filtering and route drawing */
.admin-filter-toolbar input,.admin-filter-toolbar select,.compact-select{max-width:260px;border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:12px;padding:9px 10px;outline:none}.admin-filter-toolbar{align-items:center}.admin-map-toolbar .check.mini{display:inline-flex!important;align-items:center;gap:6px;color:var(--muted);font-weight:800;white-space:nowrap}.admin-map-toolbar .check.mini input{width:auto}.map-route-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.map-marker-layer{z-index:5}.player-route{fill:none;stroke:rgba(121,213,255,.82);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(0,0,0,.9))}.player-route-end{fill:rgba(159,232,112,.95);stroke:#07100c;stroke-width:2}.admin-player-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.admin-player-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);border-radius:14px;padding:10px 12px}.route-select{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:850;font-size:.84rem;white-space:nowrap}.route-select input{width:auto}.player-main{display:grid;gap:2px;min-width:0}.player-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:800px){.admin-player-row{grid-template-columns:1fr}.player-meta{justify-content:flex-start}.admin-filter-toolbar input,.admin-filter-toolbar select,.compact-select{max-width:none;width:100%}}


/* v11 map manual coordinate and route polish */
.coord-form { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; align-items:end; margin: .75rem 0; }
.coord-form label { display:grid; gap: .25rem; font-size:.82rem; color: var(--muted); }
.coord-form input { width:100%; border-radius: 12px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.055); color:var(--text); padding:.55rem .65rem; }
.coord-form button { align-self:end; }
.inline-coord-form { display:flex; flex-wrap:wrap; gap:.45rem; margin:0; align-items:end; }
.inline-coord-form label { width:8.5rem; }
.inline-coord-form input { padding:.48rem .55rem; }
.soft-divider { border:0; border-top:1px solid rgba(255,255,255,.1); margin:1rem 0; }
.marker.manual { background:#ffd166; border-color:#111; box-shadow:0 0 0 4px rgba(255,209,102,.18), 0 0 18px rgba(255,209,102,.65); }
.marker.manual + .marker-label, .marker-label[data-player-id="manual-coordinate"] { color:#ffd166; }
.map-route-layer { pointer-events:none; }
.player-route { fill:none; stroke:rgba(82,221,255,.75); stroke-width:5; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; filter: drop-shadow(0 0 4px rgba(82,221,255,.45)); }
.player-route-end { fill:rgba(82,221,255,.95); stroke:#061016; stroke-width:2; vector-effect:non-scaling-stroke; }
@media (max-width: 760px){ .coord-form, .inline-coord-form { grid-template-columns:1fr; display:grid; } .inline-coord-form label{ width:auto; } }

.single-coord-form input#manualXYZ { min-width: min(420px, 80vw); }
.inline-coord-form.single-coord-form { align-items: end; }

/* Admin live save editor */
.json-editor {
  width: 100%;
  min-height: 520px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre;
  overflow: auto;
}
.json-preview {
  max-height: 340px;
  overflow: auto;
  padding: 1rem;
  border-radius: 12px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 12px;
}
.details-list {
  display: grid;
  grid-template-columns: minmax(120px, .45fr) 1fr;
  gap: .5rem .9rem;
}
.details-list dt { color: var(--muted); }
.details-list dd { margin: 0; word-break: break-word; }
.notice.danger,
.button.danger {
  border-color: rgba(255, 91, 91, .55);
}
.button.danger {
  background: rgba(255, 91, 91, .18);
}
.check {
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* Ecosaur integrated v3 */
.map-poi-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.map-poi{position:absolute;transform:translate(-50%,-50%);font-size:11px;color:#ffd37a;text-shadow:0 1px 3px #000;white-space:nowrap}.map-poi span{display:inline-block;width:10px;height:10px;border-radius:999px;background:#ffd37a;box-shadow:0 0 8px #ffd37a;margin-right:3px;vertical-align:middle}.map-poi.sanctuary span{background:#5dff9a;box-shadow:0 0 8px #5dff9a}.map-poi.salt span{background:#e7e7ff;box-shadow:0 0 8px #e7e7ff}.map-poi.label span{display:none}.map-zone{position:absolute;border:1px solid rgba(255,179,0,.6);background:rgba(255,179,0,.08);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#ffcf7a;font-size:11px;text-shadow:0 1px 3px #000}.map-poi-layer.hide-points .map-poi{display:none}.map-poi-layer.hide-zones .map-zone{display:none}.model-viewer{height:420px;min-height:320px;border:1px solid rgba(255,179,0,.24);border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,179,0,.10),rgba(0,0,0,.28))}.model-viewer canvas{width:100%!important;height:100%!important;display:block}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-soft,#bbb);font-size:.95rem;pointer-events:none}.full-skin-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.json-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2}

/* v11 player portal polish */
.oauth-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.oauth-note{color:var(--muted);font-weight:700}.muted-panel{opacity:.82}.button.disabled,.button:disabled{opacity:.55;pointer-events:none;filter:grayscale(.2)}.clickable-stat{text-decoration:none;color:inherit}.clickable-stat:hover{transform:translateY(-1px);border-color:rgba(121,213,255,.35)}.timeline-list{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}.timeline-item small{grid-column:2;color:var(--muted)}.timeline-item.failed,.timeline-item.cancelled,.timeline-item.canceled{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.055)}.timeline-item.applied,.timeline-item.processed,.timeline-item.completed{border-color:rgba(105,220,145,.25);background:rgba(105,220,145,.055)}.dino-card-body{display:grid;gap:8px;min-width:0}.dino-card .button.small{justify-self:start;margin-top:2px}.action-cell{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.apply-skin-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.apply-skin-form select{max-width:190px;border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:10px;padding:7px 9px}.field-help{display:block;margin-top:5px;color:var(--muted);font-weight:600}.preview-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.preview-controls label{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.preview-controls input[type=range]{accent-color:var(--accent2)}.model-viewer{height:520px}.coord-form.single-coord-form{display:grid;grid-template-columns:1fr;gap:.6rem}.coord-form.single-coord-form label{width:100%}.coord-form.single-coord-form input#manualXYZ{min-width:0!important;width:100%;box-sizing:border-box}.coord-actions{display:flex;gap:.5rem;flex-wrap:wrap}.coord-actions button{position:static}.badge.warn{background:rgba(245,158,11,.16);color:#fcd99b}.badge.bad{background:rgba(239,68,68,.18);color:#fecaca}.alert-text{color:#fecaca}.soft-divider{border:0;border-top:1px solid rgba(255,255,255,.08);margin:18px 0}.soft-sep{border:0;border-top:1px solid rgba(255,255,255,.1);margin:16px 0}.button.small{padding:7px 10px;font-size:.82rem}.form small{line-height:1.35}
@media (max-width:760px){.action-cell,.apply-skin-form,.coord-actions{display:grid;width:100%}.apply-skin-form select{max-width:none;width:100%}.model-viewer{height:420px}}


/* v14 skin lighting and live map polish */
.preview-controls .small-text{margin-left:auto;min-width:min(100%,280px);text-align:right}
.model-viewer{background:radial-gradient(circle at 68% 22%, rgba(255,223,168,.18), transparent 18rem), radial-gradient(circle at 24% 35%, rgba(128,170,255,.08), transparent 20rem), linear-gradient(180deg,#0c1015,#07090d 68%,#05070a)}
.map-card{padding:12px}
.gateway-map-view{background:#141543}
.gateway-map-img{opacity:0.98;filter:saturate(1.04) contrast(1.02)}
.map-toolbar{row-gap:10px}
.map-toolbar .check.mini{display:inline-flex!important;align-items:center;gap:6px;color:var(--muted);font-weight:800;white-space:nowrap;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}
.map-toolbar .check.mini input{width:auto}
.map-poi{font-size:10.5px}
.map-poi.label{color:#ffd26c;text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.45)}
.map-poi.label span{display:none}
.map-poi.sanctuary span{background:#71ffb1;box-shadow:0 0 10px rgba(113,255,177,.9)}
.map-poi.salt span{background:#f6f6ff;box-shadow:0 0 10px rgba(246,246,255,.9)}
.map-zone{border:2px solid rgba(255,204,64,.62);background:rgba(255,204,64,.10);color:#ffd88b;font-weight:800;backdrop-filter:blur(1px)}
.map-zone span{background:rgba(2,4,7,.56);padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}

/* v15 custom skin + live map polish */
.model-viewer{
  --scene-glow:.22;
  background:
    radial-gradient(circle at 72% 18%, rgba(255,236,210,calc(var(--scene-glow) * .52)), transparent 17rem),
    radial-gradient(circle at 22% 40%, rgba(126,148,170,calc(var(--scene-glow) * .18)), transparent 18rem),
    linear-gradient(180deg,#0b1014,#080c11 68%,#06080b);
}
.preview-controls label{color:#cfd8df}
.preview-controls input[type=range]{width:180px}

.gateway-map-view{background:#121738}
.gateway-map-img{opacity:.95;filter:brightness(.86) saturate(.92) contrast(1.01)}
.map-toolbar .check.mini{background:rgba(9,13,19,.6)}
.map-poi{font-size:11px;color:#dce7d7;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.45);white-space:nowrap}
.map-poi b{font-weight:800}
.map-poi span{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:4px;vertical-align:middle}
.map-poi.label{max-width:170px;white-space:normal;line-height:1.15;font-weight:800;color:#edf4e3}
.map-poi.label b{display:inline-block;padding:2px 6px;border-radius:999px;background:rgba(4,8,11,.52);border:1px solid rgba(255,255,255,.08)}
.map-poi.label[data-align="right"]{transform:translate(10px,-50%);text-align:left}
.map-poi.label[data-align="left"]{transform:translate(calc(-100% - 10px),-50%);text-align:right}
.map-poi.sanctuary span{background:#71ffb1;box-shadow:0 0 8px rgba(113,255,177,.8)}
.map-poi.salt span{background:#f5f6ff;box-shadow:0 0 8px rgba(245,246,255,.75)}
.map-zone{border:1px solid rgba(174,214,126,.34);background:rgba(110,144,76,.08);backdrop-filter:none}
.map-zone span{display:none}
.map-zone-label{position:absolute;z-index:6;padding:3px 7px;border-radius:999px;background:rgba(4,8,11,.62);border:1px solid rgba(255,255,255,.08);color:#dfecc4;font-size:11px;font-weight:800;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9)}
.map-zone-label[data-align="right"]{transform:translate(8px,-50%);text-align:left}
.map-zone-label[data-align="left"]{transform:translate(calc(-100% - 8px),-50%);text-align:right}
.map-zone-label.hidden,.map-poi.hidden,.map-zone.hidden{display:none!important}

/* v16 staff command center polish */
.admin-stat-grid .stat{transition:transform .14s ease,border-color .14s ease,background .14s ease}.admin-stat-grid .stat:hover{transform:translateY(-2px);border-color:rgba(121,213,255,.36);background:linear-gradient(180deg,rgba(121,213,255,.08),rgba(255,255,255,.025))}.admin-stat-grid .stat small{display:block;margin-top:6px;color:var(--muted);font-weight:750}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.health-grid div{border:1px solid rgba(255,255,255,.08);background:rgba(5,8,11,.36);border-radius:14px;padding:10px 12px}.health-grid span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.health-grid strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-list{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.admin-card-list{display:grid;gap:10px}.admin-row-card{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(120px,1fr) minmax(80px,.5fr) minmax(160px,1fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);border-radius:16px;padding:12px}.admin-row-card small{display:block;color:var(--muted);font-weight:700}.row-badges{display:flex;gap:6px;flex-wrap:wrap}.compact-list{max-height:520px;overflow:auto;padding-right:4px}.timeline-item.pending{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.045)}.small-timeline .timeline-item{padding:8px 10px}.log-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.log-preview-card{display:grid;gap:3px;border:1px solid rgba(255,255,255,.08);background:rgba(5,8,11,.45);border-radius:16px;padding:12px;color:inherit}.log-preview-card:hover{border-color:rgba(121,213,255,.28)}.log-preview-card span{color:var(--muted);font-weight:800}.log-preview-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-list{max-height:420px;overflow:auto;padding-right:4px}.roster-filter-bar input[type=search]{min-width:260px}.roster-card-list{gap:12px}.roster-player-card{grid-template-columns:minmax(180px,1.4fr) minmax(120px,.9fr) minmax(85px,.45fr) minmax(85px,.45fr) minmax(130px,.7fr) minmax(170px,1fr) minmax(170px,1fr) minmax(230px,1.15fr)}.roster-actions{justify-content:flex-end}.roster-pending{line-height:1.35}.save-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.save-field-grid label{display:grid;gap:5px;color:var(--muted);font-weight:800}.save-field-grid input{border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:12px;padding:9px 10px}.save-field-grid input.invalid{border-color:rgba(239,68,68,.7);box-shadow:0 0 0 3px rgba(239,68,68,.12)}.collapsible-panel{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);padding:10px 12px;margin:10px 0}.collapsible-panel summary{cursor:pointer;font-weight:900;color:#e7eef6}.danger-toolbar{border:1px solid rgba(239,68,68,.18);background:rgba(239,68,68,.045);padding:12px;border-radius:16px}.runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.runtime-grid label,.species-limit-grid label{display:grid;gap:6px;color:var(--muted);font-weight:800}.runtime-grid input:not([type=checkbox]),.species-limit-grid input{border:1px solid rgba(255,255,255,.09);background:#0b1017;color:var(--text);border-radius:12px;padding:9px 10px}.species-limit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:10px}.identity-card-list,.identity-record-list{display:grid;gap:12px;max-height:640px;overflow:auto;padding-right:4px}.identity-card,.identity-record{display:grid;grid-template-columns:minmax(170px,1fr) minmax(160px,.7fr);gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:12px}.identity-card form,.identity-record form{grid-column:1/-1}.identity-main small{display:block}.ghost-danger{background:rgba(239,68,68,.08)!important;border-color:rgba(239,68,68,.22)!important;color:#fecaca!important}.polished-tabs{gap:8px;flex-wrap:wrap}.log-control-card{padding:14px 18px;margin-bottom:16px}.log-toolbar{align-items:end}.path-badge{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.polished-log{background:#05090d;border-color:rgba(121,213,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.log-line{display:block;min-height:1.35em}.log-error{color:#fecaca}.log-warn{color:#fde68a}.log-kill{color:#fda4af}.log-rcon{color:#bbf7d0}.log-card .section-head{gap:12px}@media (max-width:1100px){.admin-row-card,.roster-player-card{grid-template-columns:1fr 1fr}.identity-card,.identity-record{grid-template-columns:1fr}.runtime-grid,.save-field-grid,.health-grid{grid-template-columns:1fr}.log-preview-grid{grid-template-columns:1fr}.roster-actions{justify-content:flex-start}}@media (max-width:720px){.admin-row-card,.roster-player-card{grid-template-columns:1fr}.path-badge{max-width:100%}}

/* v17 GRANDMA polish pass: softer glass, better staff/admin readability, less raw-console feel */
:root{--glass:rgba(14,20,26,.76);--glass2:rgba(20,29,37,.58);--glow:0 18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035)}
body{background:radial-gradient(circle at 16% -8%,rgba(159,232,112,.13),transparent 34rem),radial-gradient(circle at 88% 10%,rgba(121,213,255,.10),transparent 36rem),radial-gradient(circle at 50% 90%,rgba(121,213,255,.055),transparent 38rem),linear-gradient(180deg,#070a0d,#05070a 72%,#030405)}
.topbar{background:rgba(5,8,10,.82);box-shadow:0 10px 40px rgba(0,0,0,.26)}
.brand-mark{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 12px 34px rgba(121,213,255,.2)}
.card,.stat,.hero-main,.notice-panel{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border-color:rgba(255,255,255,.10);box-shadow:var(--glow)}
.card:hover,.mini-card:hover,.dino-card:hover{border-color:rgba(121,213,255,.18)}
.page-heading h1{letter-spacing:-.06em;text-shadow:0 14px 44px rgba(0,0,0,.38)}
.button,button,.nav a,.admin-nav a{transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.button:hover,button:hover,.nav a:hover,.admin-nav a:hover{transform:translateY(-1px)}
.button.primary,.primary{box-shadow:0 10px 30px rgba(121,213,255,.14)}
.button.danger{background:linear-gradient(135deg,rgba(239,68,68,.24),rgba(127,29,29,.20));border-color:rgba(248,113,113,.36)}
.form input,.form select,.form textarea,.toolbar input,.toolbar select,.history-select select,.inline-form input{background:linear-gradient(180deg,#0b1118,#080d13);border-color:rgba(255,255,255,.10)}
.form input:focus,.form select:focus,.form textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:rgba(121,213,255,.72);box-shadow:0 0 0 4px rgba(121,213,255,.11)}
.admin-band{background:linear-gradient(90deg,rgba(247,214,107,.08),rgba(121,213,255,.035));border-color:rgba(247,214,107,.20)}
.admin-nav a.active,.nav a.active{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.table th{background:rgba(255,255,255,.025);position:sticky;top:0;z-index:1}.table tr:hover td{background:rgba(121,213,255,.025)}
.log-view,.json-editor{background:linear-gradient(180deg,#03070b,#05090e);border-color:rgba(121,213,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.notice.danger,.notice .danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.34);color:#fecaca}.alert-text{color:#fecaca}.soft-divider,.soft{border:0;border-top:1px solid rgba(255,255,255,.09);margin:16px 0}
.details-list{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:8px 14px}.details-list dt{color:var(--muted);font-weight:900}.details-list dd{margin:0;min-width:0;word-break:break-word}.compact-details{font-size:.9rem}.pretty-details dd{color:#eaf2f9}
.command-panel{border-color:rgba(121,213,255,.12)}.save-load-toolbar label{min-width:min(100%,240px)}.save-overview-grid{align-items:start}.save-highlight-grid,.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:14px}.save-highlight-grid div,.analytics-kpi-grid div,.metric-row,.slot-card{border:1px solid rgba(255,255,255,.08);background:rgba(5,8,11,.38);border-radius:15px;padding:10px 12px}.save-highlight-grid span,.analytics-kpi-grid span,.metric-row span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.save-highlight-grid strong,.analytics-kpi-grid strong,.metric-row strong{display:block;margin-top:2px;color:#f7fbff}.analytics-kpi-grid small{display:block;color:var(--muted);font-size:.72rem}.split-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.slot-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slot-card{display:grid;gap:7px}.slot-card.available{border-color:rgba(124,240,162,.18)}.slot-card.missing{border-color:rgba(255,120,120,.18)}
.editor-group-grid{display:grid;gap:12px}.editor-group summary{display:flex;align-items:center;justify-content:space-between}.expanded-field-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.expanded-field-grid label span{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b9c8d6}.collapsible-panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));border-color:rgba(255,255,255,.09)}
.roster-player-card{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.025))}.roster-main strong{font-size:1.02rem}.roster-actions .button{min-height:30px;padding:5px 9px}.badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.badge.neutral{background:rgba(255,255,255,.075)}
.identity-card,.identity-record,.admin-row-card,.log-preview-card{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.025));box-shadow:0 10px 28px rgba(0,0,0,.18)}
.model-viewer{box-shadow:inset 0 0 60px rgba(0,0,0,.2)}
.footer{opacity:.84}
@media (max-width:900px){.split-list,.slot-card-grid{grid-template-columns:1fr}.details-list{grid-template-columns:1fr}.save-load-toolbar label{width:100%}}

/* v18 runtime species controls + save editor safety polish */
.species-config-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.species-config-card{display:grid!important;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}.species-config-title{font-weight:900;color:var(--text)}.species-config-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-weight:800}.species-config-row input[type=checkbox]{width:auto}.species-config-row input[type=number]{max-width:86px;padding:7px 9px}.soft-alert{background:rgba(255,211,106,.09);border-color:rgba(255,211,106,.28);color:#ffe4a8}.json-path-input[readonly]{opacity:.72;background:rgba(255,255,255,.035);cursor:not-allowed}.danger-toolbar{align-items:center;gap:12px}.danger-toolbar .check{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}

/* GRANDMA skins page upgrade */
.scene-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}

.scene-button.active {
  outline: 2px solid rgba(121, 213, 255, 0.75);
}

.skin-cost-panel {
  margin-top: 18px;
}

.skin-price-readout {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
}

.skin-price-readout strong {
  font-size: 1.25rem;
}

.skin-history-rich {
  margin-top: 18px;
}

.skin-history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

.skin-history-card {
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.04);
  border-radius: 18px;
  padding: 14px;
}

.skin-history-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.skin-history-title strong,
.skin-history-title small {
  display: block;
}

.skin-swatch-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 12px 0;
}

.skin-swatch-row span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--swatch, #808080);
  border: 2px solid rgba(255,255,255,.4);
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
}

.skin-color-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 10px;
}

.skin-color-list small {
  color: var(--muted, #a8bdca);
}

body[data-skin-scene] .skin-preview,
body[data-skin-scene] .preview-card,
body[data-skin-scene] #skinPreview,
body[data-skin-scene] #previewCanvasWrap {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body[data-skin-scene] .skin-preview::before,
body[data-skin-scene] .preview-card::before,
body[data-skin-scene] #skinPreview::before,
body[data-skin-scene] #previewCanvasWrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .72;
  transition: background .25s ease, opacity .25s ease;
}

body[data-skin-scene="blank"] .skin-preview::before,
body[data-skin-scene="blank"] .preview-card::before,
body[data-skin-scene="blank"] #skinPreview::before,
body[data-skin-scene="blank"] #previewCanvasWrap::before {
  opacity: 0;
}

body[data-skin-scene="forest"] .skin-preview::before,
body[data-skin-scene="forest"] .preview-card::before,
body[data-skin-scene="forest"] #skinPreview::before,
body[data-skin-scene="forest"] #previewCanvasWrap::before {
  background:
    radial-gradient(circle at 30% 18%, rgba(150, 190, 125, .34), transparent 28%),
    linear-gradient(180deg, rgba(22, 44, 35, .95), rgba(9, 18, 14, .95)),
    repeating-linear-gradient(90deg, rgba(25, 60, 35, .45) 0 10px, rgba(8, 20, 13, .35) 10px 24px);
}

body[data-skin-scene="swamp"] .skin-preview::before,
body[data-skin-scene="swamp"] .preview-card::before,
body[data-skin-scene="swamp"] #skinPreview::before,
body[data-skin-scene="swamp"] #previewCanvasWrap::before {
  background:
    radial-gradient(circle at 70% 20%, rgba(250, 155, 90, .22), transparent 30%),
    linear-gradient(180deg, rgba(47, 44, 29, .95), rgba(10, 20, 18, .95)),
    linear-gradient(90deg, rgba(80, 105, 55, .18), rgba(28, 62, 70, .2));
}

body[data-skin-scene="coast"] .skin-preview::before,
body[data-skin-scene="coast"] .preview-card::before,
body[data-skin-scene="coast"] #skinPreview::before,
body[data-skin-scene="coast"] #previewCanvasWrap::before {
  background:
    radial-gradient(circle at 50% 15%, rgba(210, 230, 240, .26), transparent 32%),
    linear-gradient(180deg, rgba(54, 82, 92, .88), rgba(11, 25, 32, .96)),
    linear-gradient(0deg, rgba(210, 210, 180, .18), transparent 35%);
}

/* Make the dinosaur feel closer/larger without relying on a specific viewer library. */
.skin-preview canvas,
.preview-card canvas,
#skinPreview canvas,
#previewCanvasWrap canvas,
model-viewer {
  transform: scale(1.16);
  transform-origin: center center;
}

/* GRANDMA skins page layout refinement */
.skin-apply-cost-inline {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(120px, auto) minmax(220px, 1fr);
  gap: 10px;
  align-items: stretch;
  max-width: 560px;
}

.skin-apply-cost-label {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(121, 213, 255, 0.20);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  color: var(--muted, #a8bdca);
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .76rem;
}

.skin-price-readout.compact {
  min-height: 42px;
  padding: 11px 13px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

.skin-price-readout.compact strong {
  font-size: 1rem;
}

.skin-price-readout.compact span {
  font-size: .82rem;
}

/* Natural viewer: no forced ambient-light copy/control and no lighting overlays. */
#lightSlider,
label:has(#lightSlider) {
  display: none !important;
}

/* Keep optional scene backgrounds as backgrounds only; no extra light overlays. */
body[data-skin-scene] .skin-preview::after,
body[data-skin-scene] .preview-card::after,
body[data-skin-scene] #skinPreview::after,
body[data-skin-scene] #previewCanvasWrap::after {
  display: none !important;
}

@media (max-width: 720px) {
  .skin-apply-cost-inline {
    grid-template-columns: 1fr;
  }
}

/* GRANDMA skins page refine v2 */
.scene-controls-inline {
  margin-top: 10px;
  margin-bottom: 12px;
  justify-content: flex-start;
}

.skin-apply-cost-inline.right-side {
  margin-top: 14px;
  max-width: none;
  grid-template-columns: 140px minmax(0, 1fr);
}

.skin-apply-cost-inline.right-side .skin-price-readout.compact {
  min-height: 58px;
}

.skin-swatches span,
.skin-swatch-row span,
.swatch-row span {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--swatch, #808080);
  border: 2px solid rgba(255,255,255,.38);
  box-shadow: 0 2px 8px rgba(0,0,0,.28);
}

.skin-preview canvas,
.preview-card canvas,
#skinPreview canvas,
#previewCanvasWrap canvas,
model-viewer {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.10);
  transform-origin: center center;
}

body[data-skin-scene] .skin-preview::before,
body[data-skin-scene] .preview-card::before,
body[data-skin-scene] #skinPreview::before,
body[data-skin-scene] #previewCanvasWrap::before {
  opacity: .42;
}

body[data-skin-scene] .skin-preview::after,
body[data-skin-scene] .preview-card::after,
body[data-skin-scene] #skinPreview::after,
body[data-skin-scene] #previewCanvasWrap::after {
  display: none !important;
}

@media (max-width: 900px) {
  .skin-apply-cost-inline.right-side {
    grid-template-columns: 1fr;
  }
}


/* GRANDMA_SKINS_LAYOUT_V6_BEGIN */
#grandmaSkinTopGrid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 14px !important;
}

#grandmaSkinTopGrid > .card {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.grandma-preview-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 8px 0 12px !important;
  flex-wrap: wrap !important;
}

.grandma-preview-toolbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.grandma-preview-scene-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: var(--muted, #a8bdca) !important;
  font-weight: 700 !important;
}

.grandma-preview-scene-label select {
  min-width: 180px !important;
}

.grandma-live-skin-cost.right-panel {
  margin-top: 12px !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top left, rgba(132, 234, 164, .16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(139, 230, 184, .25) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

.grandma-cost-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 1.8rem !important;
  background: linear-gradient(135deg, rgba(151, 235, 132, .95), rgba(103, 213, 255, .85)) !important;
  box-shadow: 0 12px 28px rgba(75, 207, 159, .22) !important;
}

.grandma-cost-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

.grandma-cost-label {
  color: var(--muted, #a8bdca) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
}

.grandma-cost-value strong {
  font-size: 1.6rem !important;
  line-height: 1 !important;
}

.grandma-cost-value span {
  color: var(--muted, #a8bdca) !important;
  font-weight: 800 !important;
}

.grandma-cost-breakdown {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.grandma-cost-breakdown span {
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(0,0,0,.18) !important;
  color: var(--muted, #a8bdca) !important;
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-size: .76rem !important;
}

.skin-swatches.seven,
.skin-swatches,
.skin-swatch-row,
.swatch-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.skin-swatches.seven span,
.skin-swatches span,
.skin-swatch-row span,
.swatch-row span {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: var(--swatch, #808080) !important;
  border: 2px solid rgba(255,255,255,.38) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}

.skin-preview canvas,
.preview-card canvas,
#skinPreview canvas,
#previewCanvasWrap canvas,
model-viewer {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.04);
  transform-origin: center center;
}

body[data-skin-scene] .skin-preview::after,
body[data-skin-scene] .preview-card::after,
body[data-skin-scene] #skinPreview::after,
body[data-skin-scene] #previewCanvasWrap::after {
  display: none !important;
}

body[data-skin-scene] .skin-preview::before,
body[data-skin-scene] .preview-card::before,
body[data-skin-scene] #skinPreview::before,
body[data-skin-scene] #previewCanvasWrap::before {
  opacity: .20 !important;
}

@media (max-width: 980px) {
  #grandmaSkinTopGrid {
    grid-template-columns: 1fr !important;
  }

  .grandma-live-skin-cost.right-panel {
    grid-template-columns: 1fr !important;
  }
}
/* GRANDMA_SKINS_LAYOUT_V6_END */


/* GRANDMA_SKIN_SWATCH_REPAIR_BEGIN */
.skin-swatches.seven,
.skin-swatches,
.skin-swatch-row,
.swatch-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
  min-height: 24px !important;
}

.skin-swatches.seven span,
.skin-swatches span,
.skin-swatch-row span,
.swatch-row span {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: var(--swatch, #808080) !important;
  border: 2px solid rgba(255,255,255,.38) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}
/* GRANDMA_SKIN_SWATCH_REPAIR_END */


/* GRANDMA_PREVIEW_TOOLBAR_DEDUPE_V8_BEGIN */
#grandmaPreviewControlCard.grandma-preview-control-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 8px 0 12px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#grandmaPreviewControlCard .grandma-preview-control-left,
#grandmaPreviewControlCard .grandma-preview-control-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#grandmaPreviewControlCard .grandma-preview-control-right {
  margin-left: auto !important;
}

#grandmaPreviewControlCard button {
  margin: 0 !important;
}

#grandmaPreviewControlCard .grandma-preview-scene-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: var(--muted, #a8bdca) !important;
  font-weight: 800 !important;
}

#grandmaPreviewControlCard .grandma-preview-scene-label span {
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-size: .72rem !important;
}

#grandmaPreviewControlCard .grandma-preview-scene-label select {
  min-width: 185px !important;
  height: 36px !important;
}

#grandmaPreviewToolbar,
.grandma-preview-toolbar {
  display: none !important;
}

@media (max-width: 720px) {
  #grandmaPreviewControlCard.grandma-preview-control-card {
    align-items: stretch !important;
  }

  #grandmaPreviewControlCard .grandma-preview-control-left,
  #grandmaPreviewControlCard .grandma-preview-control-right,
  #grandmaPreviewControlCard .grandma-preview-scene-label,
  #grandmaPreviewControlCard .grandma-preview-scene-label select {
    width: 100% !important;
  }
}
/* GRANDMA_PREVIEW_TOOLBAR_DEDUPE_V8_END */


/* GRANDMA_SKINS_DEFAULTS_V9_BEGIN */
.grandma-live-skin-cost.right-panel { margin-top:12px!important;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:14px!important;border-radius:18px!important;background:radial-gradient(circle at top left,rgba(132,234,164,.16),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(139,230,184,.25)!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important; }
.grandma-cost-icon { width:52px!important;height:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;font-size:1.8rem!important;background:linear-gradient(135deg,rgba(151,235,132,.95),rgba(103,213,255,.85))!important; }
.grandma-cost-label { color:var(--muted,#a8bdca)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:.72rem!important;font-weight:900!important; }
.grandma-cost-value strong { font-size:1.6rem!important;line-height:1!important; }
.grandma-cost-value span { color:var(--muted,#a8bdca)!important;font-weight:800!important; }
.grandma-cost-breakdown { display:flex!important;flex-wrap:wrap!important;gap:6px!important; }
.grandma-cost-breakdown span { border:1px solid rgba(255,255,255,.09)!important;background:rgba(0,0,0,.18)!important;color:var(--muted,#a8bdca)!important;border-radius:999px!important;padding:3px 8px!important;font-size:.76rem!important; }
.skin-swatches.seven,.skin-swatches,.skin-swatch-row,.swatch-row { display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;min-height:24px!important; }
.skin-swatches.seven span,.skin-swatches span,.skin-swatch-row span,.swatch-row span { width:22px!important;height:22px!important;border-radius:999px!important;background:var(--swatch,#808080)!important;border:2px solid rgba(255,255,255,.38)!important;box-shadow:0 2px 8px rgba(0,0,0,.28)!important;display:inline-block!important;flex:0 0 auto!important; }
/* GRANDMA_SKINS_DEFAULTS_V9_END */