:root{color-scheme:dark;--bg:#0c1415;--panel:#121e1f;--panel2:#172526;--border:#283737;--muted:#93a5a2;--text:#e7efea;--lime:#b6e681;--amber:#e9be78;--red:#f09b91}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--border);border-radius:8px;background:#1c2c2b;color:var(--text);padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s}button:hover,.button:hover{background:#2a4038;border-color:#53675a}button:disabled{opacity:.42;cursor:not-allowed}button.primary,.button.primary{background:var(--lime);border-color:var(--lime);color:#172719;font-weight:650}button.danger{color:var(--red)}input,select,textarea{background:#101b1c;border:1px solid #354744;color:var(--text);padding:11px 12px;border-radius:7px;max-width:100%;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 2px #b6e68120}input[type=checkbox]{width:auto;accent-color:var(--lime)}input[type=color]{width:48px;padding:3px;height:36px}textarea{min-height:120px;resize:vertical}label{display:block;font-size:13px;color:var(--muted);margin-bottom:16px}label input,label select,label textarea{display:block;margin-top:6px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px;font-weight:620;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.3px;font-weight:600}h3{font-size:15px;font-weight:600}small,.muted{color:var(--muted)}code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}#sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#101b1b;border-right:1px solid var(--border);z-index:20;padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 10px 34px;font-size:21px;letter-spacing:3px;font-weight:750}.brand img{width:40px;height:40px}.subbrand{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:500;margin-top:1px}.workspace{background:#162424;padding:13px;border:1px solid var(--border);border-radius:8px;font-size:12px}.workspace small{display:block;font-size:9px;letter-spacing:1.3px;margin:5px 0 0 18px}.led{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 8px #b6e68130}.led.amber{background:var(--amber)}.navlabel{font-size:9px;letter-spacing:1.7px;color:#728783;margin:27px 12px 10px}nav{overflow:auto}nav a{display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:7px;margin:3px 0;color:#a2b2ae;font-size:13px}nav a:hover{background:#1a2a28}nav a.active{background:#27392d;color:var(--lime);box-shadow:inset 2px 0 var(--lime)}nav .symbol{width:20px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;font-size:11px;color:var(--muted)}.sidebar-bottom p{margin:12px 0}.sidebar-bottom a{font-size:10px}#layout{margin-left:244px}header{height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.crumb{font-size:10px;letter-spacing:1.1px;color:var(--muted)}.crumb span{margin:0 15px;color:#425651}.crumb strong{color:var(--text);font-weight:500;letter-spacing:.2px}.header-right{display:flex;align-items:center;gap:19px}.icon-button{border:0;background:transparent;padding:7px;font-size:18px}.pill{display:inline-flex;align-items:center;border-radius:30px;border:1px solid var(--border);padding:4px 10px;color:var(--muted);font-size:10px;letter-spacing:.5px}.pill.ok{color:var(--lime);border-color:#385138;background:#263823}.pill.warn{color:var(--amber);border-color:#57462e;background:#322b1f}.login{font-size:12px;color:var(--lime)}#menu{display:none}main{max-width:1600px;margin:auto;padding:38px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.eyebrow{color:var(--lime);font-size:10px;letter-spacing:2px;margin-bottom:12px}.page-head p{font-size:13px;color:var(--muted);margin:0}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row>*{flex-shrink:0}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:1.7fr 1fr}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:23px;min-width:0}.card+.card{margin-top:18px}.grid>.card+.card{margin-top:0}.metric{position:relative;overflow:hidden}.metric .label{font-size:12px;color:var(--muted)}.metric .number{display:block;font-size:35px;line-height:1.2;letter-spacing:-1px;margin:19px 0 10px}.metric .number small{font-size:15px;letter-spacing:0}.metric small{font-size:10px}.metric .glyph{position:absolute;right:20px;top:20px;color:#6f897b;font-size:22px}.section{margin-top:26px}.hero{position:relative;overflow:hidden;min-height:260px;background:radial-gradient(ellipse at 90% 20%,#364e3444,transparent 65%),#142221}.hero h2{font-size:27px;max-width:480px;margin:18px 0 12px}.hero p{max-width:460px;color:var(--muted);font-size:13px}.hero .contour{position:absolute;right:-70px;top:-80px;width:370px;height:370px;border:1px solid #44614440;border-radius:40% 45% 35% 52%;transform:rotate(-20deg);pointer-events:none}.hero .contour:before,.hero .contour:after{content:'';position:absolute;inset:20px;border:1px solid #44614460;border-radius:42% 36% 45% 50%}.hero .contour:after{inset:45px}.hero>*:not(.contour){position:relative}.empty{text-align:center;padding:44px 22px;color:var(--muted);font-size:13px}.empty .empty-icon{display:block;font-size:30px;color:#627c6b;margin-bottom:14px}.empty h3{color:var(--text);margin:8px}.notice{background:#26291e;border:1px solid #44472c;border-radius:9px;padding:15px 18px;color:#c7cba9;font-size:12px}.notice strong{color:#e5e9cd}.notice p{margin:5px 0 0}.status-list{list-style:none;margin:0;padding:0}.status-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.status-list li:last-child{border:0}.status-list small{font-size:11px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{font-weight:500;color:#8da39b;text-align:left;font-size:10px;letter-spacing:.7px;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:14px 12px;border-bottom:1px solid #263534;vertical-align:middle}td button{padding:5px 10px;font-size:11px}.table-empty td{text-align:center;color:var(--muted);padding:40px}form .row input{flex:1;width:auto;min-width:120px}.stack{display:grid;gap:14px}.friend{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.avatar{width:40px;height:40px;border-radius:50%;background:#284033;display:inline-flex;align-items:center;justify-content:center;color:var(--lime);object-fit:cover}.friend-info{flex:1}.friend-info small{display:block;font-size:11px}.tag{border:1px solid var(--border);font-size:10px;padding:2px 7px;border-radius:4px;color:var(--muted)}.swatches{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.swatch{width:24px;height:24px;border:1px solid #ffffff30;border-radius:50%}.palette-row{display:flex;gap:10px;align-items:center}.palette-row span{min-width:100px}.viewer{height:340px;background:#0b1314;border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden}.viewer canvas{width:100%;height:100%;display:block}.mapbox{height:500px;border:1px solid var(--border);border-radius:8px;background:#0b1517;position:relative;overflow:hidden;touch-action:none}.mapbox canvas{width:100%;height:100%;display:block}.map-caption{position:absolute;left:15px;bottom:12px;font:10px ui-monospace,monospace;color:var(--muted);pointer-events:none}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.toolbar select,.toolbar input{width:auto;max-width:200px}.log{font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;background:#0a1213;border:1px solid var(--border);padding:15px;border-radius:8px;max-height:480px;overflow:auto}.divider{border:0;border-top:1px solid var(--border);margin:22px 0}.bar{height:7px;background:#273730;border-radius:10px;margin:8px 0 20px;overflow:hidden}.bar>span{height:100%;display:block;background:var(--lime)}.check-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0;color:var(--text);margin:0}.check-row input{display:inline;width:auto}.ticket-reply{padding:14px;background:#182625;border-radius:8px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-reply small{display:block}.grow{flex:1}footer{display:flex;justify-content:space-between;gap:15px;margin:0 38px;border-top:1px solid var(--border);padding:25px 0;font-size:9px;letter-spacing:1px;color:#748b82}footer span{letter-spacing:0}#toast{position:fixed;right:24px;bottom:24px;background:#264035;color:#e6f2e4;border:1px solid #668363;border-radius:9px;padding:14px 20px;max-width:440px;display:none;z-index:60;box-shadow:0 8px 40px #0005}#toast.error{background:#432824;border-color:#986055}dialog{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:30px;color:var(--text);max-width:640px;width:calc(100% - 32px)}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.close{position:absolute;right:10px;top:6px}dialog h2{margin-right:30px}.hidden{display:none!important}.steps{counter-reset:step}.step{display:flex;gap:14px;margin:20px 0;align-items:flex-start}.step:before{counter-increment:step;content:counter(step);width:25px;height:25px;border:1px solid #455a45;color:var(--lime);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px}.step p{margin:4px 0 0;color:var(--muted);font-size:12px}@media(max-width:1150px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}main{padding:28px}header{padding:0 28px}.pill{font-size:9px}}@media(max-width:800px){#sidebar{transform:translateX(-100%);transition:.2s}#sidebar.open{transform:translateX(0)}#layout{margin-left:0}#menu{display:inline-flex}header{height:70px;padding:0 18px;gap:12px}.crumb{display:none}.header-right{gap:12px;flex:1;justify-content:flex-end}main{padding:24px 18px}h1{font-size:28px}.page-head{align-items:flex-start;flex-wrap:wrap}.grid,.grid.two{grid-template-columns:1fr}.grid.four{gap:10px}.card{padding:18px}.metric .number{font-size:29px}.metric .glyph{display:none}.hero h2{font-size:23px}footer{margin:0 18px;display:block}footer span{display:block;margin-top:6px}.toolbar{gap:8px}.mapbox{height:360px}.login{font-size:11px}.row{gap:8px}.header-right .pill{max-width:150px}.hero .contour{opacity:.5}.friend{flex-wrap:wrap}}

.symbol svg,.empty-icon svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.5}.empty-icon svg{width:32px;height:32px;margin:auto}@media(max-width:800px){#sidebar:not(.open){visibility:hidden}}

.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.content-article{max-width:1000px}.content-article h2{font-size:26px;margin:12px 0 20px}.dino-values{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0}.dino-values dt{color:var(--muted)}.dino-values dd{margin:0;font-variant-numeric:tabular-nums}.viewer-note{font-size:11px}.dino-observation{border-bottom:1px solid var(--border);padding:10px 0}.grow{min-width:0}.prose,td{overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.grid>div{min-width:0}.grid.two.dino-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}.dino-layout .toolbar{align-items:center}.dino-layout .viewer{height:410px}@media(max-width:800px){.grid.two.dino-layout{grid-template-columns:minmax(0,1fr)}.dino-layout .viewer{height:300px}}
/* v0.4: dinosaur stage, tactile controls, and readable live observations. */
.dino-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.dino-heading h2{font-size:23px;margin:0}.dino-heading .eyebrow{margin:0 0 6px}.grid.two.dino-layout{grid-template-columns:minmax(0,1.75fr) minmax(260px,.85fr);gap:28px}.dino-stage{min-width:0}.dino-stage .toolbar{align-items:center;margin:0 0 12px}.dino-stage .toolbar label{margin:0}.dino-stage .toolbar select{width:100%;max-width:300px}.dino-layout .viewer{height:470px;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#254042,#0c181a)}.viewer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.viewer-tools button{font-size:11px;padding:8px 10px;min-height:38px}.viewer-tools label{font-size:10px;flex:1;min-width:94px;margin:4px 0 0}.viewer-tools select{padding:7px;font-size:11px}.viewer-note{font-size:11px;margin:10px 0 0}.dino-observation{border:0;padding:0}.species-title{font-size:clamp(23px,2.4vw,34px);letter-spacing:-1px;margin:20px 0}.growth-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.growth-heading strong{font-size:20px;color:var(--lime)}.growth-progress{display:block;width:100%;height:7px;border:0;border-radius:8px;margin:10px 0 24px;background:#2c3b31}.growth-progress::-webkit-progress-bar{background:#2c3b31;border-radius:8px}.growth-progress::-webkit-progress-value{background:var(--lime);border-radius:8px}.vital-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vital-grid>div{padding:14px;border:1px solid var(--border);border-radius:10px;background:#152324}.vital-grid strong{display:block;font-size:22px;font-weight:550;margin:4px 0}.vital-grid span{font-size:9px;color:var(--muted)}.dino-values{font-size:11px;gap:8px}.model-disclosure{padding:15px 0;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.model-disclosure strong{color:var(--text);font-weight:500}.model-disclosure p{margin:6px 0 12px}.model-disclosure a{color:var(--lime)}.skin-data{white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;font-size:10px}.dino-stage:fullscreen,.viewer-expanded{padding:24px;background:#0c181a;overflow:auto}.dino-stage:fullscreen .viewer,.viewer-expanded .viewer{height:calc(100vh - 230px)}.viewer-expanded{position:fixed;inset:0;z-index:90}.viewer-tools button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.dino-empty{padding:35px 10px}.dino-empty p{font-size:12px}.dino-data{min-width:0}@media(max-width:1200px){.grid.two.dino-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.dino-layout .viewer{height:390px}}@media(max-width:950px){.grid.two.dino-layout{grid-template-columns:minmax(0,1fr)}.dino-layout .viewer{height:360px}.dino-heading{flex-wrap:wrap}.dino-data .vital-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.dino-layout .viewer{height:280px}.dino-data .vital-grid{grid-template-columns:repeat(2,1fr)}.dino-heading h2{font-size:20px}.dino-stage:fullscreen,.viewer-expanded{padding:12px}}
.garage-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.slot-card{background:linear-gradient(145deg,#152323,#101a1b);border-style:dashed}.slot-card.occupied{border-style:solid}.slot-number{font-size:10px;letter-spacing:2px;color:var(--muted)}.slot-mark{font:200 42px system-ui;color:#52755d;height:65px;display:grid;place-items:center}.slot-card h3{text-align:center;margin:5px 0}.slot-card p{font-size:11px;color:var(--muted);text-align:center}.slot-card button{width:100%;margin-top:10px;font-size:11px}.observation-row{padding:12px 0;border-bottom:1px solid var(--border)}details>summary{cursor:pointer;color:var(--text);font-weight:500}.map-toolbar{align-items:flex-end}.map-toolbar label{flex:1;min-width:140px;margin:0}.map-toolbar select,.map-toolbar input{max-width:none;width:100%;font-size:12px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.mapbox{height:520px}.map-player-list{min-width:0;max-height:520px;overflow:auto;padding:16px;background:#0e191a;border:1px solid var(--border);border-radius:10px}.map-player-list h3{margin:0;font-size:12px}.map-player-list .tag{font-size:8px}.map-player{width:100%;justify-content:space-between;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:16px 0;text-align:left;gap:8px}.map-player strong{display:block;font-size:12px;overflow-wrap:anywhere}.map-player small{display:block;font-size:10px}.position-state{font-size:9px;color:var(--amber);white-space:nowrap}.position-state.live{color:var(--lime)}.map-overlay-tools{position:absolute;right:12px;top:12px;display:flex;gap:6px}.map-overlay-tools button{padding:6px 10px;font-size:10px;background:#132221e8}.map-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:var(--muted)}.map-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:var(--lime)}.map-legend .legend-last:before{background:var(--amber)}.map-legend .legend-history:before{background:#799d8a;box-shadow:0 0 8px #b6e681}.stat-time{display:block;font-size:15px;line-height:1.6;margin-top:18px}.activity-chart{height:90px;display:flex;align-items:flex-end;gap:4px;padding-top:5px}.activity-chart div{min-width:2px;flex:1;max-width:64px;background:linear-gradient(#b6e681,#517344);border-radius:3px 3px 0 0}.activity-chart+p{font-size:11px;margin:12px 0 0}.mapbox canvas:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.map-card .map-caption{font-size:8px;background:#0b1517aa;padding:3px 6px}.map-player-list .empty{padding:25px 0}.map-player:hover{background:#1a2e25}.map-player-list .row{gap:6px}@media(max-width:1100px){.map-layout{grid-template-columns:minmax(0,1fr)}.map-player-list{max-height:220px}.mapbox{height:450px}}@media(max-width:650px){.garage-slots{grid-template-columns:1fr}.mapbox{height:360px}.map-toolbar label{min-width:120px}.map-overlay-tools{right:8px;top:8px}.slot-mark{height:40px}.slot-card p{max-width:270px;margin:8px auto}.observation-row{display:block}.observation-row small{display:block;margin-top:4px}}
/* v0.4 platform shell: moss, charcoal, warm type and clear focus states. */
:root{--bg:#0b1213;--panel:#111d1e;--border:#2a3936;--lime:#b6dc83;--muted:#97aaa3}body{background:radial-gradient(ellipse at 80% 0,#1b30232e,transparent 45%),var(--bg)}#sidebar{background:#101a1b;padding-top:28px}.brand{margin-bottom:27px}.brand img{filter:drop-shadow(0 0 10px #b6dc8322)}header{background:#0c1613a6;backdrop-filter:blur(12px)}.card{border-radius:14px;background:linear-gradient(135deg,#14212166,transparent 75%),var(--panel)}h1{font-weight:580}.home-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);border:1px solid #3c5241;border-radius:18px;background:#0c181a;position:relative;overflow:hidden;min-height:385px}.home-hero-copy{position:relative;z-index:1;padding:36px 0 36px 36px;background:linear-gradient(90deg,#142323 70%,transparent);pointer-events:none}.home-hero-copy>*{pointer-events:auto}.home-hero h2{font-size:clamp(36px,3.7vw,60px);line-height:1.07;letter-spacing:-2px;font-weight:620;margin:20px 0}.home-hero h2 em{font-style:normal;color:var(--lime)}.home-hero p{font-size:13px;max-width:345px;color:var(--muted);margin-bottom:25px}.home-hero-copy .button{font-size:12px}.home-hero-model{position:relative;min-width:0;min-height:385px}.home-hero-model>div:first-child{position:absolute;inset:0}.home-hero-model canvas{display:block;width:100%;height:100%;outline-offset:-4px}.home-model-caption{position:absolute;left:20px;bottom:24px;pointer-events:none}.home-model-caption strong{font-size:11px;letter-spacing:3px;display:block;color:#bbc8b2}.home-model-caption span{font-size:9px;color:#7e9387;display:block;margin-top:4px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-links a{display:block;padding:15px;border:1px solid var(--border);border-radius:9px;transition:.2s}.quick-links a:hover{border-color:#6d8c52;background:#223524}.quick-links strong{font-size:12px;display:block}.quick-links span{font-size:10px;color:var(--muted)}.connection-card{padding:18px;border:1px solid var(--border);border-radius:10px;background:#101b1c}.connection-card small{font-size:10px}.connection-card .dino-values{margin-bottom:14px}.admin-tabs button.selected{color:var(--lime);border-color:#769750;background:#273923}.admin-tabs button{font-size:12px}.friend-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 20px;font-size:12px;color:var(--muted)}.friend-summary label{margin:0 0 0 auto;display:flex;gap:10px;align-items:center}.friend-summary select{width:auto;font-size:12px;margin:0}.friend[hidden]{display:none}.teleport-requirements{font-size:12px;padding-left:20px;color:var(--muted)}.teleport-requirements li{padding:4px 0}#account{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.button{min-height:38px}.card:hover{border-color:#344840}.viewer canvas{touch-action:none}.metric .number{font-variant-numeric:tabular-nums}#content{animation:page-in .25s ease-out}@keyframes page-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:1150px){.home-hero-copy{padding:28px 0 28px 28px}.home-hero h2{font-size:43px}.home-hero-model{min-height:370px}.home-hero-copy .row{gap:8px}}@media(max-width:800px){.home-hero{grid-template-columns:1fr}.home-hero-copy{padding:28px 24px 0;background:transparent}.home-hero h2{font-size:44px}.home-hero-model{min-height:260px}.home-model-caption{left:24px;bottom:15px}.home-hero-copy p{margin-bottom:18px}.quick-links{grid-template-columns:1fr}.quick-links a{display:flex;justify-content:space-between}.friend-summary{gap:12px}.friend-summary label{margin-left:0}.home-hero{min-height:0}#account{max-width:150px}.sidebar-bottom{padding-top:15px}.brand{margin-bottom:20px}nav a{padding:8px 13px}}@media(prefers-reduced-motion:reduce){#content{animation:none}.home-hero-model canvas{animation:none}}@media(max-width:420px){.home-hero-copy{padding:24px 18px 0}.home-hero-copy .row{display:grid;grid-template-columns:1fr}.header-right{gap:6px}.header-right .pill{max-width:105px;font-size:8px}#account{max-width:132px}.vital-grid strong{font-size:21px}}

/* v0.5 shared readability, workshop and touch controls */
.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:12px 20px;background:var(--lime);color:#102012;border-radius:8px}.skip-link:focus{top:12px}
main:focus{outline:none}.garage-refresh{margin:-8px 0 20px}.garage-refresh p{margin:0;color:var(--muted);font-size:12px}.card .notice{overflow-wrap:anywhere}.connection-card p{font-size:12px}.connection-card .dino-values dd{overflow-wrap:anywhere;text-align:right;min-width:0}.connection-card .dino-values{grid-template-columns:minmax(90px,1fr) minmax(0,1fr)}
.cal-preview-wrap{max-width:100%;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#0b1517}.cal-preview-wrap canvas{display:block;width:100%;height:auto;cursor:crosshair}#cal-points table{min-width:820px}#cal-points input{min-width:80px}#cal-points [data-field=evidence]{min-width:165px}#cal-points input[type=checkbox]{min-width:0}#cal-result .metric strong{font-size:22px;display:block;margin-top:8px}.notice.error{border-color:#925f54;color:#ffd0bc}
.map-legend .legend-last:before{border-radius:0}.map-legend .legend-history:before{background:#83bce9;box-shadow:0 0 8px #83bce9}.position-state.history{color:#83bce9}.activity-chart div{background:linear-gradient(#83bce9,#3e6485)}
.prose{max-width:78ch}.content-article small{font-variant-numeric:tabular-nums}.content-article h2{line-height:1.3}button:disabled{opacity:.62}summary:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:3px}#dino-asset-status{color:#a9c7bc;font-variant-numeric:tabular-nums}.toolbar label{min-width:0}.admin-tabs{padding-bottom:8px;border-bottom:1px solid var(--border)}.admin-tabs button{flex-shrink:0}
@media(max-width:800px){button,.button,.viewer-tools button{min-height:44px}.viewer-tools select{min-height:42px}.admin-tabs{flex-wrap:nowrap;overflow-x:auto}.dino-values dd{overflow-wrap:anywhere}.dino-stage:fullscreen .viewer{height:calc(100dvh - 290px)}.map-caption{max-width:calc(100% - 24px);overflow-wrap:anywhere}.grid .connection-card{min-width:0}.row>*{max-width:100%}#toast{left:16px;right:16px;bottom:16px}}

/* Run 6: preview workshop and accessible activity summaries. */
.skin-workshop{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:24px;align-items:start}
.skin-workshop>*{min-width:0}.skin-stage .viewer{height:510px}.skin-regions{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:18px 0}
.skin-regions .palette-row{margin:0;padding:8px 0}.skin-preset{padding:18px;border:1px solid var(--line);border-radius:12px}
.skin-workshop input[type=range]{width:100%;min-height:32px;accent-color:var(--accent)}
.activity-hours{height:150px;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:5px;margin:25px 0 42px}
.activity-hours>div{position:relative;display:flex;align-items:end;height:100%;border-bottom:1px solid #36534c}
.activity-hours span{display:block;width:100%;min-height:1px;background:#91bb86;border-radius:4px 4px 0 0}
.activity-hours small{position:absolute;top:calc(100% + 8px);left:0;font-size:10px;color:#adc1b8}
@media(max-width:1000px){.skin-workshop{grid-template-columns:1fr}.skin-stage .viewer{height:440px}}
@media(max-width:600px){.skin-stage .viewer{height:330px}.skin-regions{gap:6px 12px}.activity-hours{gap:3px}.activity-hours small{font-size:8px}.skin-workshop .viewer-tools label{min-width:100px}}
:root #log-download[hidden]{display:none}

/* Native skin form: fieldset intrinsic width must not overflow mobile cards. */
#native-skin-fields,#native-skin-fields fieldset{min-inline-size:0;max-width:100%;box-sizing:border-box}#native-skin-fields input,#native-skin-fields select{min-width:0;max-width:100%;box-sizing:border-box}#skin-identity,#skin-apply-status,#skin-restore-status{overflow-wrap:anywhere}

/* Five genuine live values; animate bars only, never manufacture numbers. */
.live-vital{margin:1rem 0}.live-vital .row{margin-bottom:.4rem}.live-vital strong{font-variant-numeric:tabular-nums;white-space:nowrap}.live-vital-track{height:14px;border-radius:10px;background:rgba(128,128,128,.2);overflow:hidden;border:1px solid rgba(128,128,128,.25)}.live-vital-track span{display:block;height:100%;width:0;background:var(--vital-color);border-radius:inherit;transition:width .25s ease}.live-vital.stale{opacity:.6}#prime-activate{display:block;margin-top:1rem}#prime-job{overflow-wrap:anywhere}#prime-policy{display:grid;gap:1rem;max-width:760px}@media(prefers-reduced-motion:reduce){.live-vital-track span{transition:none}}

.live-vital .row{display:flex;flex-wrap:nowrap;align-items:center}.live-vital .row label{width:auto;margin:0}.live-vital .row strong{margin-left:1rem}

.ec-icon{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 3px #0005)}.ec-amount{display:inline-flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;white-space:nowrap}

/* RUN22: the server owns the countdown; CSS only eases the confirmed ring. */
dialog.garage-countdown{width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:2rem;text-align:center;border:1px solid #a86a23;border-radius:18px;background:var(--surface,#16131b);color:var(--text,#f7eedf);box-shadow:0 20px 80px #0009}
dialog.garage-countdown::backdrop{background:#07050bd9;backdrop-filter:blur(5px)}
.garage-countdown .still-hand{font-size:3.5rem;line-height:1.2}
.garage-countdown h2{margin:.8rem 0 1.2rem;letter-spacing:.05em}
.still-ring{position:relative;width:10rem;height:10rem;margin:auto;--remaining:1}
.still-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.still-ring circle{fill:none;stroke-width:7}
.still-track{stroke:#7a634133}.still-progress{stroke:#efa83d;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:calc(326.73 * (1 - var(--remaining)));transition:stroke-dashoffset .5s linear}
.still-number{position:absolute;inset:0;display:grid;place-items:center;font-size:3.3rem;font-variant-numeric:tabular-nums}
.still-state{min-height:3em;font-size:.95rem;line-height:1.5}
.still-cancel{min-width:10rem;min-height:44px}
@media(prefers-reduced-motion:reduce){.still-progress{transition:none}dialog.garage-countdown::backdrop{backdrop-filter:none}}