:root{--bg: #070d13;--panel: #0b141c;--panel-2: #101d27;--line: #16303d;--line-glow: rgba(34, 211, 238, .25);--text: #dff3f7;--muted: #6f8b96;--accent: #22d3ee;--accent-dim: #0d5d6e;--danger: #e0635c;--warn: #e0b45c;--hp: #e0475c;--stam: #2ee6c8;--hunger: #e0a53c;--thirst: #3c9de0;--growth: #57d05e;--blood: #e0479a;--radius: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 700px at 70% -10%,#0c1a26 0%,var(--bg) 55%);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:13px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:8px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}button:hover{border-color:var(--accent);box-shadow:0 0 10px #22d3ee2e}button.primary{background:linear-gradient(180deg,#22d3ee38,#0d5d6e59);border-color:var(--accent);color:#eafcff}button.danger{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}input,select{font-family:inherit;font-size:13px;color:var(--text);background:#060b10;border:1px solid var(--line);border-radius:9px;padding:8px 10px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #22d3ee33}.app{display:grid;grid-template-columns:208px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0b141cf2,#091017f2);border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.brand{font-weight:700;letter-spacing:.03em;padding:0 10px 18px;color:var(--text);text-shadow:0 0 18px rgba(34,211,238,.35)}.brand span{color:var(--accent)}.nav-item{text-align:left;background:transparent;border:none;border-radius:9px;padding:9px 10px;color:var(--muted)}.nav-item:hover{background:var(--panel-2);color:var(--text);box-shadow:none}.nav-item.active{background:linear-gradient(90deg,#22d3ee24,#22d3ee08);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.sidebar-foot{margin-top:auto;padding:0 10px;color:var(--muted);font-size:12px}.main{padding:24px 28px;overflow-y:auto;max-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.topbar h1{font-size:18px;font-weight:600;margin:0;letter-spacing:.02em}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#0b141c99}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.ok{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot.bad{background:var(--danger);box-shadow:0 0 8px var(--danger)}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 0 0 1px #22d3ee0a,0 8px 24px #00000059}.card h3{margin:0 0 4px;font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.card .big{font-size:26px;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 0 0 1px #22d3ee0a,0 8px 24px #00000059}.panel h2{font-size:13px;margin:0 0 14px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.12em}.section-rule{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 12px}.section-rule:before,.section-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-glow),transparent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.07em}tr:last-child td{border-bottom:none}.row{display:flex;gap:10px;align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.spacer{flex:1}.tag{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.tag.warn{color:var(--warn);border-color:#e0b45c80}.tag.ok{color:var(--accent);border-color:#22d3ee80}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:340px}.feed-line{padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}.feed-line .when{color:var(--muted);font-size:11px;margin-right:8px}.vital{display:grid;grid-template-columns:110px 1fr 52px;align-items:center;gap:12px}.vital .vital-label{display:flex;align-items:center;gap:7px;font-size:13px}.vital .vital-pct{text-align:right;font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.vital-track{height:14px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);overflow:hidden}.vital-fill{height:100%;border-radius:8px;background:radial-gradient(6px 5px at 12% 40%,rgba(255,255,255,.35) 0%,transparent 70%),radial-gradient(5px 4px at 34% 65%,rgba(255,255,255,.28) 0%,transparent 70%),radial-gradient(6px 5px at 58% 35%,rgba(255,255,255,.3) 0%,transparent 70%),radial-gradient(5px 4px at 81% 60%,rgba(255,255,255,.26) 0%,transparent 70%),linear-gradient(180deg,var(--fill-hi, #7de3f2) 0%,var(--fill, #22d3ee) 45%,var(--fill-lo, #0b7285) 100%);box-shadow:0 0 10px var(--fill-glow, rgba(34, 211, 238, .45));transition:width .6s ease}.vitals-bar{height:5px;border-radius:3px;background:var(--panel-2);overflow:hidden}.vitals-bar>span{display:block;height:100%;background:var(--accent)}.dino-card{padding:0;overflow:hidden}.dino-banner{display:flex;gap:18px;align-items:center;padding:20px 20px 18px;background:linear-gradient(135deg,#22d3ee1f,#0b141c00 60%);border-bottom:1px solid var(--line)}.dino-avatar-lg{width:92px;height:92px;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 22px #22d3ee66;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle at 35% 30%,#123246,#0a1822 70%);flex:none}.dino-id{display:flex;flex-direction:column;gap:7px}.dino-name{font-size:26px;font-weight:700;letter-spacing:.01em}.dino-badges{display:flex;gap:6px;flex-wrap:wrap}.dino-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.dino-tile{background:var(--panel);padding:12px 14px}.dino-tile-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.dino-tile-value{font-size:15px;font-weight:600;text-transform:capitalize}.dino-card .section-rule{padding:0 20px}.dino-card>.stack,.dino-card>div:not(.dino-banner):not(.dino-tiles):not(.section-rule),.dino-card>p{padding-left:20px;padding-right:20px}.dino-card>.section-rule+.stack{padding-bottom:4px}.dino-shop-locked{display:flex;gap:12px;align-items:flex-start;margin:0 20px 20px;padding:14px;border:1px dashed var(--line);border-radius:10px;background:#22d3ee0a}.dino-shop-locked>span{color:var(--muted)}.shop-balance{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#22d3ee0d;color:var(--accent)}.shop-balance-value{font-size:22px;font-weight:700;color:var(--text);line-height:1}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px}.shop-item{display:flex;flex-direction:column;gap:6px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}.collapse-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;border-top:1px solid var(--line);border-radius:0;padding:9px 0 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.collapse-head:hover{color:var(--text);box-shadow:none}.collapse-sign{font-size:15px;line-height:1}.shop-amounts{display:flex;gap:4px}.shop-amounts button{flex:1;padding:4px 0;font-size:11px;border-radius:6px}.shop-amounts button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 6px #22d3ee40}.shop-item-head{display:flex;align-items:center;gap:8px;color:var(--accent)}.shop-item-name{font-weight:600;color:var(--text);font-size:14px}.shop-item-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-cost{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.server-output{margin:0;padding:12px;background:#060b10;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted);max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word}button svg{vertical-align:-2px}.dino-head{display:flex;gap:18px;align-items:center}.dino-avatar{width:84px;height:84px;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 18px #22d3ee59;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle at 35% 30%,#123246,#0a1822 70%);flex:none}.dino-title{font-size:22px;font-weight:700}.dino-sub{color:var(--muted);font-size:13px;margin-top:2px}.dino-sub b{color:var(--text);font-weight:600}.mutation-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;border:1px solid rgba(34,211,238,.35);color:var(--accent);background:#22d3ee12;border-radius:999px;padding:3px 10px;margin:0 6px 6px 0}.map-canvas{width:100%;aspect-ratio:1;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);display:block;cursor:grab;touch-action:none}.map-canvas:active{cursor:grabbing}.map-wrap{position:relative}.map-legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.map-legend span{display:inline-flex;align-items:center;gap:6px}.map-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.map-tooltip{position:absolute;pointer-events:none;background:#070d13f2;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:12px;white-space:nowrap;z-index:5;box-shadow:0 0 14px #22d3ee26}.range-pills{display:flex;gap:6px;flex-wrap:wrap}.range-pills button{padding:5px 12px;border-radius:999px;font-size:12px}.range-pills button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px #22d3ee40}.peer-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.peer-row:last-child{border-bottom:none}.peer-vol{width:90px;height:5px;border-radius:3px;background:#ffffff12;overflow:hidden}.peer-vol>span{display:block;height:100%;background:var(--accent)}.mic-meter{position:relative;flex:1;min-width:80px;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.mic-meter>span{display:block;height:100%;background:var(--accent);transition:width .06s linear}.mic-meter .mic-thresh{position:absolute;top:-2px;width:2px;height:12px;background:var(--warn);transform:translate(-1px)}.voice-badge{-webkit-app-region:no-drag;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px;margin-left:10px}.voice-badge.on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #22d3ee4d}.vol-row{display:flex;align-items:center;gap:12px}.vol-row input[type=range]{flex:1}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:3px;background:#ffffff1a;padding:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #22d3ee80;border:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none}body.minimap-mode{background:transparent;overflow:hidden}.drag-bar{display:none}body.overlay-mode{background:transparent;display:flex;flex-direction:column;height:100vh;overflow:hidden}body.overlay-mode .drag-bar{display:flex;align-items:center;gap:10px;height:34px;flex:none;padding:0 14px;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;background:#091017e6;border:1px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0;font-size:12px;color:var(--muted);cursor:move}.drag-bar .drag-title{color:var(--text);letter-spacing:.03em}.drag-bar .drag-title b{color:var(--accent);font-weight:700}.drag-bar .drag-hint{font-size:11px}.drag-bar kbd{font-family:inherit;font-size:10px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:1px 4px}body.overlay-mode .app{background:#070d13d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:0 0 14px 14px;overflow:hidden;flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}body.overlay-mode .sidebar{background:#09101799;padding:14px 10px;overflow-y:auto;min-height:0}body.overlay-mode .main{background:transparent;min-height:0;max-height:none;height:auto;overflow-y:auto;padding:16px 18px}body.overlay-mode .topbar{margin-bottom:14px}body.overlay-mode .stack{gap:10px}body.overlay-mode .panel{padding:14px}body.overlay-mode .section-rule{margin:12px 0 8px}body.overlay-mode .dino-banner{padding:14px 16px 12px}body.overlay-mode .dino-avatar-lg{width:68px;height:68px}body.overlay-mode .dino-name{font-size:21px}body.overlay-mode .dino-tile{padding:9px 12px}body.overlay-mode .vital{grid-template-columns:96px 1fr 46px;gap:10px}body.overlay-mode .vital-track{height:11px}.skin-layout{display:flex;gap:16px;flex-wrap:wrap}.skin-picker{display:flex;flex-direction:column;gap:10px;flex:1 1 260px;min-width:220px}.skin-sv{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:10px;cursor:crosshair;touch-action:none;overflow:hidden}.skin-sv-white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,#fff0)}.skin-sv-black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,#0000)}.skin-sv-dot{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000008c;transform:translate(-50%,-50%);pointer-events:none}.skin-hue{width:100%;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.skin-hue::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #0b1118;cursor:pointer}.skin-side{flex:1 1 160px;min-width:150px}.skin-swatch{width:100%;height:72px;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.skin-rgb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skin-rgb label{display:flex;flex-direction:column;gap:4px;font-size:12px}.skin-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.skin-fields label{display:flex;flex-direction:column;gap:4px;font-size:13px}.skin-preset-row{display:flex;align-items:center;gap:8px}.skin-preset-swatch{width:20px;height:20px;border-radius:5px;border:1px solid rgba(255,255,255,.15);flex:0 0 auto}