:root{--cyan:#08c9ff;--cyan2:#72e8ff;--line:#087eae;--panel:rgba(1,12,22,.94);--panel2:rgba(3,22,37,.95);--text:#f2fbff;--muted:#8aaec0;--green:#00f2a0;--gold:#ffd22e}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#01060b;color:var(--text);font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif}button,input{font:inherit}html,body,button,input,label,a{cursor:default}button,a,label,input[type=checkbox]{cursor:pointer}
body{background-image:linear-gradient(rgba(0,8,15,.08),rgba(0,7,13,.30)),url('assets/dashboard_background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
#weatherCanvas{position:fixed;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.8}.scene{display:none}
.app-shell{position:relative;z-index:2;width:100vw;height:100vh;display:grid;grid-template-rows:25.6vh 7.05vh minmax(0,57.75vh) 9.6vh;min-width:1180px}
.hero{position:relative;border-bottom:1px solid rgba(6,176,235,.35)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,5,10,.04),transparent 44%,transparent 72%,rgba(0,5,10,.16));pointer-events:none}.hero-wordmark{display:none}.hero-brand{position:absolute;z-index:3;left:4.2vw;top:50%;transform:translateY(-50%);width:31vw;max-width:610px;filter:drop-shadow(0 8px 18px #000)}.hero-brand-main{display:flex;align-items:center;gap:17px;white-space:nowrap;font-family:Impact,"Arial Black","Bahnschrift Condensed",sans-serif}.brand-emblem{position:relative;display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border:2px solid #59ddff;background:linear-gradient(145deg,rgba(7,42,63,.96),rgba(1,12,22,.98));transform:rotate(45deg);box-shadow:0 0 0 4px rgba(0,157,218,.16),inset 0 0 18px rgba(0,198,255,.2),0 0 17px rgba(0,190,255,.45)}.brand-emblem:before{content:"";position:absolute;inset:8px;border:1px solid rgba(108,229,255,.7)}.brand-emblem b,.brand-emblem i{position:absolute;transform:rotate(-45deg);font-style:normal;line-height:1}.brand-emblem b{font-size:69px;color:#eefcff;left:9px;top:14px;text-shadow:0 0 8px #00aadd}.brand-emblem i{font-size:48px;color:#12cfff;right:9px;bottom:12px;text-shadow:0 0 8px #00aadd}.brand-words{display:grid;line-height:.78;font-style:italic}.brand-apex,.brand-protocol{display:block;letter-spacing:.5px;-webkit-text-stroke:1px #041522}.brand-apex{font-size:clamp(38px,3.25vw,64px);background:linear-gradient(#fff 0%,#cbd8de 42%,#6f8490 75%,#eef7fa 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-protocol{font-size:clamp(44px,3.75vw,74px);margin-top:8px;background:linear-gradient(#d7f9ff 0%,#42d8ff 34%,#008dce 72%,#54e0ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,186,255,.5)}.hero-brand-sub{margin:11px 0 0 94px;font-size:16.5px;font-weight:800;letter-spacing:6px;color:#c9f5ff;text-shadow:0 0 8px #00a8ef}.hero-brand-sub i{font-style:normal;color:#13cfff;margin:0 3px}
.login-card{position:absolute;right:3vw;top:50%;transform:translateY(-50%);width:282px;padding:12px;border:1px solid #10a9e8;background:linear-gradient(145deg,rgba(2,18,31,.98),rgba(1,9,17,.98));box-shadow:0 0 18px rgba(0,174,255,.42),inset 0 0 0 1px rgba(103,222,255,.12);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.identity{display:flex;align-items:center;gap:11px;margin-bottom:7px}.identity img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 7px #00aeff)}.identity span{display:grid}.identity small{font-size:16.5px;letter-spacing:2px;color:#9ab9c8}.identity strong{font-size:33px;line-height:1.05;letter-spacing:.8px}.identity em{font-style:normal;font-size:15px;color:#7e9cab;margin-top:3px}.login{height:45px;width:100%;margin-top:8px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1px solid #176895;background:linear-gradient(90deg,#0b2238,#071625);color:#fff;font-size:18px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.login.discord{background:linear-gradient(90deg,#5c43d7,#7058ef);border-color:#8e7cff}.login svg{width:23px;height:23px;fill:currentColor}.login span{flex:1;text-align:left}.login b{font-size:30px;font-weight:400}.login:hover{filter:brightness(1.15);box-shadow:0 0 13px rgba(15,201,255,.4)}
.nav{align-self:start;justify-self:center;width:63.5vw;min-width:870px;max-width:1255px;height:100%;display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #0a86b7;background:linear-gradient(180deg,rgba(3,19,32,.98),rgba(1,9,17,.99));box-shadow:0 0 15px rgba(0,176,246,.3),0 7px 20px #000;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}.nav button{position:relative;border:0;border-right:1px solid #10425d;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:1.1px}.nav button:last-child{border-right:0}.nav svg{width:27px;height:27px;color:var(--cyan);fill:currentColor;filter:drop-shadow(0 0 5px #00aaff)}.nav button.active,.nav button:hover{background:linear-gradient(180deg,rgba(11,54,79,.97),rgba(3,21,35,.98));text-shadow:0 0 9px #72ddff}.nav button.active:after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:3px;background:#4ee7ff;box-shadow:0 0 13px #00aaff}
main{height:100%;min-height:0;padding:2.05vh 0 2.55vh;overflow:hidden}.page{display:none;height:100%}.page.active{display:block}.dashboard{height:100%;width:74.2vw;min-width:1050px;max-width:1465px;margin:auto;display:grid;grid-template-columns:24.2% minmax(0,50.4%) 23.9%;gap:.75%}
.hud{position:relative;min-height:0;overflow:hidden;border:1px solid #0c9dd5;background:linear-gradient(145deg,rgba(2,17,29,.97),rgba(1,8,15,.98));box-shadow:0 0 13px rgba(0,184,255,.34),inset 0 0 22px rgba(0,17,29,.9);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.hud:before{content:"";position:absolute;z-index:4;left:8px;right:8px;top:5px;height:2px;background:linear-gradient(90deg,#76ebff 0 18%,transparent 40% 75%,#15bfea);box-shadow:0 0 9px #00baff;pointer-events:none}.hud-title{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #10628a;background:linear-gradient(90deg,rgba(5,34,54,.98),rgba(2,15,26,.88));font-size:22.5px;font-weight:800;letter-spacing:.9px}.hud-title>span:before{content:"›";margin-right:7px;color:#33dbff}.hud-title small{font-size:16.5px;color:#18cfff}.online{font-size:16.5px;color:var(--green);letter-spacing:.7px}
.dino-panel{display:grid;grid-template-rows:39px 31% 24% 1fr}.dino-photo{position:relative;margin:8px 10px 4px;overflow:hidden;border:1px solid #0a72a2;background:radial-gradient(circle at 50% 45%,#0b3d58,#03101c 65%)}.dino-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 0 11px #00a8e8)}.dino-photo strong{position:absolute;right:9px;bottom:6px;max-width:90%;font:36px Impact,"Arial Black",sans-serif;letter-spacing:.6px;text-align:right;text-shadow:0 2px 0 #001522,0 0 9px #00aaff}.vitals{padding:5px 15px}.vitals>div{display:grid;grid-template-columns:78px 1fr 44px;gap:9px;align-items:center;margin:9px 0}.vitals label,.vitals b{font-size:19.5px}.vitals b{text-align:right}.meter{height:12px;border:1px solid #173e53;background:#03101a;box-shadow:inset 0 0 5px #000}.meter i{display:block;height:100%;background:linear-gradient(90deg,#008ede,#1aceff);box-shadow:0 0 7px #00baff}.meter.health i{background:linear-gradient(90deg,#00a862,#15efa0)}.meter.stamina i{background:linear-gradient(90deg,#eaa200,#ffd62e)}.dino-meta{margin:2px 15px 10px;padding-top:9px;border-top:1px solid #19516e}.dino-meta>div{display:grid;grid-template-columns:87px 1fr;gap:8px;margin:7px 0}.dino-meta dt,.dino-meta dd{font-size:18px}.dino-meta dd{margin:0;color:#13d0ff}.dino-meta .points{color:var(--gold);font-weight:800}
.map-panel{display:flex;flex-direction:column}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 28%;gap:7px;padding:7px;flex:1;min-height:0}.map-viewport{position:relative;min-width:0;overflow:hidden;border:1px solid #117ca9;background:#04111b;touch-action:none;box-shadow:inset 0 0 20px #00121e}.map-ocean-fixed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.95) brightness(.82)}#mapWorld{position:absolute;width:975px;height:977px;transform-origin:0 0;z-index:2}.gateway{position:absolute;inset:0;width:975px;height:977px}.map-clouds{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;opacity:.06;z-index:6;pointer-events:none}#staticLayers,#featureLayers,#labelLayers{position:absolute;inset:0;width:975px;height:977px;pointer-events:none}#staticLayers{z-index:3}#featureLayers{z-index:4}#labelLayers{z-index:8}#staticLayers img,#featureLayers img{position:absolute;inset:0;width:975px;height:977px}#labelLayers img{position:absolute}#playerPin{position:absolute;z-index:12;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle,#1cd9ff 0 22%,#007bd2 23% 53%,transparent 54%);box-shadow:0 0 0 5px #00a9ff2b,0 0 15px #00aaff;transform:translate(-50%,-50%)}#playerPin span{position:absolute;left:50%;top:50%;width:7px;height:9px;border:2px solid #fff;border-radius:6px;transform:translate(-50%,-50%)}.zoom{position:absolute;left:9px;bottom:9px;z-index:15;display:grid;gap:3px}.zoom button{width:34px;height:34px;border:1px solid #2a93bc;background:#061827e8;color:#fff;font-size:31.5px}.zoom button:last-child{font-size:22.5px}
.layers{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:10px 9px 7px;border:1px solid #115b7d;background:linear-gradient(180deg,#061a2d,#03101c)}.layers h3{margin:0 0 8px;font-size:22.5px;letter-spacing:1px}.layer-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:7px}.layer-tabs button{border:1px solid #18516f;background:#071624;color:#8db1c2;padding:7px 2px;font-size:13.5px;font-weight:800}.layer-tabs button.active{color:#fff;border-color:#0aa9df;background:#0b3550;box-shadow:0 0 7px #00a9ff55}#layerControls{flex:1;min-height:0;overflow:auto}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:32px;border-bottom:1px solid #0a2b3d;color:#d3e7ef}.toggle-row b{display:block;font-size:16.5px}.desc{display:block;font-size:12px;line-height:1.18;color:#7294a5}.toggle-row input{appearance:none;width:32px;height:17px;border-radius:10px;background:#183345;border:1px solid #214d64;position:relative;flex:none}.toggle-row input:after{content:"";position:absolute;width:10px;height:10px;left:3px;top:2px;border-radius:50%;background:#7896a4}.toggle-row input:checked{background:#0da9e1;border-color:#41d7ff}.toggle-row input:checked:after{left:17px;background:#fff}.scale-row{display:grid;grid-template-columns:1fr 50px;align-items:center;padding:5px 0 7px;border-bottom:1px solid #0a2639;color:#7fa3b3;font-size:13.5px}.scale-row input{width:50px;background:#06111c;border:1px solid #174862;color:#fff;font-size:15px;padding:3px}.group-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:5px 0}.group-actions button,.clear{border:1px solid #1d7399;background:#081827;color:#e1f3fa;padding:7px;font-size:13.5px;font-weight:800}.clear{width:100%;margin-top:7px}.layers>p{margin:7px 0 0;color:#7697a6;font-size:12px;line-height:1.3}
.right-stack{display:grid;grid-template-rows:54% 44%;gap:2%}.quick-panel{display:flex;flex-direction:column}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;flex:1}.quick-grid button{border:1px solid #0b76a5;background:linear-gradient(145deg,#071a2c,#03101b);color:#fff;display:grid;place-items:center;align-content:center;gap:8px;box-shadow:inset 0 0 11px #00101b}.quick-grid button:hover{background:#0b3047;box-shadow:0 0 10px #00aaff66}.quick-grid svg{width:35px;height:35px;color:var(--cyan);fill:currentColor;filter:drop-shadow(0 0 5px #00aaff)}.quick-grid span{font-size:18px;font-weight:800;letter-spacing:.5px}.server-panel dl{margin:0;padding:7px 13px}.server-panel dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #0b3348}.server-panel dt,.server-panel dd{font-size:18px}.server-panel dd{margin:0}.placeholder{height:100%;padding:30px}.placeholder h1{margin:0 0 10px;font-size:45px}.placeholder p{font-size:22.5px;color:#9abccc}
footer{height:100%;display:grid;grid-template-columns:350px 1fr 290px;align-items:center;padding:0 4.6vw;border-top:1px solid #0a8ebe;background:linear-gradient(180deg,rgba(4,18,30,.94),rgba(1,7,12,.98));box-shadow:0 -5px 18px #000}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:51px;height:51px;filter:drop-shadow(0 0 7px #00aaff)}.footer-brand span{display:grid}.footer-brand b{font-size:28.5px;letter-spacing:2px}.footer-brand small{font-size:15px;color:#86aabb;letter-spacing:1.8px}.motto{display:flex;justify-content:center;gap:25px;font-size:18px;letter-spacing:1.7px}.motto i{font-style:normal;color:#15cfff}.clock{justify-self:end;display:flex;align-items:center;gap:9px;font-size:18px}.clock span{font-size:33px;color:#59ddff}.clock small{color:#14ceff;font-weight:800}
@media(max-width:1500px){.login-card{right:2vw;transform:translateY(-50%) scale(.9);transform-origin:right center}.nav{min-width:820px}.dashboard{min-width:1120px}.hud-title{font-size:19.5px}.vitals label,.vitals b,.dino-meta dt,.dino-meta dd,.server-panel dt,.server-panel dd{font-size:15px}.map-layout{grid-template-columns:minmax(0,1fr) 25%}}
@media(max-height:720px){.app-shell{grid-template-rows:24vh 7vh minmax(0,59vh) 10vh}.login-card{transform:translateY(-50%) scale(.84);transform-origin:right center}.dino-photo{margin-top:6px}.vitals>div{margin:6px 0}.dino-meta>div{margin:5px 0}}

/* V1.12 focused interaction repairs */
html,body,button,input,label,a{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M3 2.5v19.2l5.4-5 3.6 8 3.4-1.6-3.6-7.7h7.3z' fill='%2308c9ff' stroke='%23e8fbff' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,default}
button,a,label,input[type=checkbox]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M3 2.5v19.2l5.4-5 3.6 8 3.4-1.6-3.6-7.7h7.3z' fill='%2308c9ff' stroke='%23e8fbff' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,pointer}
.map-viewport{cursor:grab;user-select:none}.map-viewport.dragging{cursor:grabbing}
.map-ocean-fixed{pointer-events:none}#mapWorld{will-change:transform;pointer-events:none}
.hero-brand{left:3.3vw;width:34vw;max-width:670px;text-align:center}.hero-brand-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,181,255,.3))}.hero-brand-sub{margin:0;font-size:16.5px;letter-spacing:7px}
#playerPin[hidden]{display:none}

/* V1.14: use the available screen width more evenly */
.nav{width:76vw;max-width:1540px}
.dashboard{width:90.5vw;max-width:1760px;grid-template-columns:24.2% minmax(0,51.1%) 23.4%;gap:.65%}
@media(max-width:1500px){.nav{width:82vw;max-width:none}.dashboard{width:94vw;max-width:none;min-width:1120px}}

/* V1.17: LOCK THE LOGO IN ITS ORIGINAL V1.14 POSITION.
   Only the navigation + dashboard are lifted/extended upward. */
.hero{border-bottom:0;overflow:visible}

/* The right edge of the PROTOCOL artwork (the final L) occupies about 97.5%
   of the source-image height. This lift places the nav-button bottom on that
   same horizontal level without moving or resizing .hero-brand at all. */
:root{--apex-ui-lift:max(0px,calc(19.85vh - min(5.3834vw,106.1px)))}
.nav{position:relative;top:calc(0px - var(--apex-ui-lift));z-index:5}
main{position:relative;top:calc(0px - var(--apex-ui-lift));height:calc(100% + var(--apex-ui-lift));z-index:2}

/* The compact-height grid uses 24vh + 7vh instead of 25.6vh + 7.05vh. */
@media(max-height:720px){:root{--apex-ui-lift:max(0px,calc(19vh - min(5.3834vw,106.1px)))}}


/* V1.18: wider live-map presentation + 50% larger typography everywhere.
   Logo/header positioning from v1.17 remains untouched. */
html,body{font-size:150%}

/* Give the center map panel more of the dashboard width. */
.dashboard{width:96.5vw;max-width:1900px;grid-template-columns:20.5% minmax(0,57.6%) 20.6%;gap:.65%}

/* Widen the actual map viewport inside the center panel while retaining layers. */
.map-layout{grid-template-columns:minmax(0,1fr) 22.5%;gap:8px}

@media(max-width:1500px){
  .dashboard{width:97vw;max-width:none;min-width:1120px;grid-template-columns:20.5% minmax(0,57.6%) 20.6%}
  .map-layout{grid-template-columns:minmax(0,1fr) 22.5%}
}


/* V1.19: Server-status Discord CTA + Cloudflare Pages-ready static build. */
.server-panel{display:flex;flex-direction:column}
.server-panel dl{flex:0 0 auto}
.server-cta{margin-top:auto;padding:12px 13px 14px}
.discord-join{width:100%;min-height:52px;padding:0 14px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;border:1px solid #9684ff;background:linear-gradient(90deg,#5140c7 0%,#6752e9 52%,#4e3bc6 100%);box-shadow:0 0 14px rgba(111,89,255,.32),inset 0 0 0 1px rgba(255,255,255,.08);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-size:18px;font-weight:900;letter-spacing:.7px}
.discord-join svg{width:28px;height:28px;fill:currentColor;flex:0 0 auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.22))}
.discord-join span{flex:1;text-align:left}
.discord-join b{font-size:30px;font-weight:400;line-height:1}
.discord-join:hover,.discord-join:focus-visible{filter:brightness(1.13);box-shadow:0 0 18px rgba(121,101,255,.55),inset 0 0 0 1px rgba(255,255,255,.13);outline:none}
@media(max-width:1500px){.discord-join{min-height:46px;font-size:15px}.discord-join svg{width:24px;height:24px}.discord-join b{font-size:25px}.server-cta{padding:9px 10px 11px}}

/* V1.20: responsive window-fit pass.
   Keeps the desktop composition unchanged, but progressively compacts the HUD
   when the browser is restored/minimized so panels remain inside the viewport. */
.app-shell,.dashboard,.nav{min-width:0}

/* Smoothly scale the enlarged V1.18 type back down as viewport width shrinks. */
.nav button{font-size:clamp(14px,1.095vw,21px);gap:clamp(5px,.55vw,10px)}
.nav svg{width:clamp(19px,1.4vw,27px);height:clamp(19px,1.4vw,27px)}
.hud-title{font-size:clamp(15px,1.172vw,22.5px)}
.hud-title small,.online{font-size:clamp(11px,.86vw,16.5px)}
.dino-photo strong{font-size:clamp(24px,1.875vw,36px)}
.vitals label,.vitals b{font-size:clamp(13px,1.016vw,19.5px)}
.dino-meta dt,.dino-meta dd,.server-panel dt,.server-panel dd{font-size:clamp(12px,.938vw,18px)}
.layers h3{font-size:clamp(15px,1.172vw,22.5px)}
.layer-tabs button,.group-actions button,.clear{font-size:clamp(9px,.703vw,13.5px)}
.toggle-row b{font-size:clamp(11px,.86vw,16.5px)}
.desc,.layers>p{font-size:clamp(8px,.625vw,12px)}
.scale-row{font-size:clamp(9px,.703vw,13.5px)}
.scale-row input{font-size:clamp(10px,.781vw,15px)}
.quick-grid span{font-size:clamp(12px,.938vw,18px)}
.placeholder h1{font-size:clamp(30px,2.344vw,45px)}
.placeholder p{font-size:clamp(15px,1.172vw,22.5px)}
.footer-brand b{font-size:clamp(19px,1.484vw,28.5px)}
.footer-brand small{font-size:clamp(10px,.781vw,15px)}
.motto,.clock{font-size:clamp(12px,.938vw,18px)}
.clock span{font-size:clamp(22px,1.72vw,33px)}
.discord-join{font-size:clamp(12px,.938vw,18px)}

/* Restored/minimized desktop windows (the layout shown in the supplied screenshot). */
@media (max-width:1600px){
  /* Keep the logo anchored exactly where it is. Make the nav begin just after
     the logo instead of stretching underneath the logo/login card. */
  .nav{justify-self:start;margin-left:37.5vw;width:59vw;max-width:none;min-width:0}
  .nav button{letter-spacing:.65px}

  /* The login stays in its upper-right anchor, but becomes compact enough not
     to collide vertically with the lifted nav. */
  .login-card{right:1.4vw;top:8px;transform:scale(.74);transform-origin:top right}

  .dashboard{width:97.5vw;max-width:none;min-width:0;grid-template-columns:20.5% minmax(0,57.6%) 20.6%;gap:.65%}
  main{padding:1.1vh 0 1.35vh}

  .hud-title{height:34px;padding:0 10px}
  .dino-panel{grid-template-rows:34px 31% 23% 1fr}
  .dino-photo{margin:7px 8px 3px}
  .dino-photo img{padding:6px}
  .vitals{padding:4px 11px}
  .vitals>div{grid-template-columns:64px 1fr 35px;gap:7px;margin:6px 0}
  .meter{height:10px}
  .dino-meta{margin:1px 11px 8px;padding-top:7px}
  .dino-meta>div{grid-template-columns:70px 1fr;gap:6px;margin:5px 0}

  .map-layout{grid-template-columns:minmax(0,1fr) 23%;gap:6px;padding:6px}
  .layers{padding:8px 7px 6px}
  .layers h3{margin-bottom:6px}
  .layer-tabs{gap:2px;margin-bottom:5px}
  .layer-tabs button{padding:5px 1px}
  .toggle-row{min-height:27px;gap:5px}
  .toggle-row input{width:28px;height:15px}
  .toggle-row input:after{width:9px;height:9px;top:2px;left:3px}
  .toggle-row input:checked:after{left:15px}
  .scale-row{grid-template-columns:1fr 44px;padding:4px 0 5px}
  .scale-row input{width:44px;padding:2px}
  .group-actions button,.clear{padding:5px}
  .clear{margin-top:5px}
  .layers>p{margin-top:5px}

  .right-stack{grid-template-rows:minmax(0,47%) minmax(0,51%);gap:2%}
  .quick-grid{gap:5px;padding:6px}
  .quick-grid svg{width:clamp(25px,1.8vw,31px);height:clamp(25px,1.8vw,31px)}
  .server-panel dl{padding:5px 10px}
  .server-panel dl div{padding:5px 0}
  .server-cta{padding:7px 9px 9px}
  .discord-join{min-height:42px;padding:0 10px;gap:8px}
  .discord-join svg{width:22px;height:22px}
  .discord-join b{font-size:23px}

  footer{grid-template-columns:minmax(250px,27vw) 1fr minmax(230px,24vw);padding:0 3.5vw}
  .footer-brand img{width:44px;height:44px}
  .motto{gap:clamp(10px,1.3vw,20px)}
}

/* Shorter browser windows: spend less height on chrome-like UI and more on content. */
@media (max-height:900px){
  .app-shell{grid-template-rows:24vh 6.7vh minmax(0,60.3vh) 9vh}
  :root{--apex-ui-lift:max(0px,calc(19.1vh - min(5.3834vw,106.1px)))}
  .login-card{top:5px}
  main{padding:.8vh 0 1vh}
  .dino-photo{margin-top:5px}
  .vitals>div{margin:5px 0}
  .dino-meta>div{margin:4px 0}
  .server-panel dl div{padding:4px 0}
  .server-cta{padding-top:5px;padding-bottom:7px}
}

/* Narrow desktop/tablet landscape fallback. Nothing is allowed to force horizontal overflow. */
@media (max-width:1200px){
  .hero-brand{width:32vw}
  .nav{margin-left:36vw;width:62vw}
  .nav button{font-size:clamp(11px,1.15vw,14px);letter-spacing:.25px;gap:4px}
  .nav svg{width:18px;height:18px}
  .login-card{transform:scale(.62)}
  .dashboard{width:98.5vw;grid-template-columns:20% minmax(0,59%) 19.7%;gap:.65%}
  .map-layout{grid-template-columns:minmax(0,1fr) 25%}
  .quick-grid span{font-size:11px}
  .server-panel dt,.server-panel dd{font-size:11px}
  .discord-join{font-size:11px;min-height:36px}
  footer{grid-template-columns:220px 1fr 210px;padding:0 2vw}
}

/* V1.21: finished navigation pages + live-data/action hooks. */
.tool-page{overflow:hidden}
.page-shell,.map-focus-shell{width:96.5vw;max-width:1900px;height:100%;margin:0 auto;min-width:0}
.page-shell{display:grid;gap:12px;min-height:0}
.page-shell>.hud{min-height:0}
.feature-card,.info-card{display:flex;flex-direction:column}
.fill-card{height:100%}
.wide-card{grid-column:1/-1}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #0c4764;background:linear-gradient(90deg,rgba(4,29,47,.72),rgba(1,12,22,.2))}
.page-intro h2,.command-section h2{margin:0 0 5px;font-size:clamp(22px,1.8vw,34px);letter-spacing:.5px}
.page-intro p,.command-section p{margin:0;color:#8fb0bf;font-size:clamp(12px,.86vw,16px);line-height:1.35}
.points-pill{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 13px;border:1px solid #6e6214;background:#201b06;color:#ffd62e;font-weight:900;font-size:clamp(12px,.9vw,17px)}

/* Full map page reuses the exact home map panel. */
.map-focus-shell{display:block}
.map-focus-mount{height:100%}
#map .map-panel{height:100%;width:100%;max-width:none}
#map .map-layout{grid-template-columns:minmax(0,1fr) minmax(250px,19%)}
#map .map-viewport{min-height:0}

/* Dinosaur page */
.dino-page-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);grid-template-rows:minmax(0,1fr) auto}
.dino-hero-card{min-height:0}
.dino-hero-body{display:grid;grid-template-columns:minmax(280px,46%) 1fr;gap:18px;padding:16px;flex:1;min-height:0}
.dino-hero-art{position:relative;min-height:0;border:1px solid #0a7ca9;background:radial-gradient(circle at 50% 42%,#0b405b 0,#061a2a 48%,#020a10 76%);overflow:hidden}
.dino-hero-art img{width:100%;height:100%;object-fit:contain;padding:7%;filter:drop-shadow(0 0 20px rgba(0,190,255,.68))}
.dino-hero-art strong{position:absolute;left:16px;right:16px;bottom:12px;font:clamp(24px,2vw,38px) Impact,"Arial Black",sans-serif;text-align:center;text-shadow:0 2px 0 #001522,0 0 12px #00aaff}
.stat-stack{display:flex;flex-direction:column;justify-content:center;gap:22px}
.big-stat{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:end}
.big-stat span{font-weight:900;font-size:clamp(17px,1.15vw,22px);letter-spacing:.8px}
.big-stat>b{font-size:clamp(22px,1.6vw,31px);color:#44d9ff}
.big-stat i{grid-column:1/-1;height:17px;border:1px solid #195a76;background:#020b12;box-shadow:inset 0 0 8px #000}
.big-stat i em{display:block;height:100%;background:linear-gradient(90deg,#008ede,#21d4ff);box-shadow:0 0 8px #00baff}
.big-stat.health>b{color:#20ee9b}.big-stat.health i em{background:linear-gradient(90deg,#00a45f,#19ee9e)}
.big-stat.stamina>b{color:#ffd62e}.big-stat.stamina i em{background:linear-gradient(90deg,#e79f00,#ffd62e)}
.detail-list{margin:0;padding:14px 17px}
.detail-list>div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #0c3347}
.detail-list dt{font-weight:800;color:#a9c5d1}.detail-list dd{margin:0;color:#14cfff}.detail-list .points{color:#ffd62e}
.requirements-box{margin:auto 15px 15px;padding:13px;border:1px solid #14516c;background:rgba(4,29,46,.66)}
.requirements-box b{display:block;color:#59e3ff;margin-bottom:5px;letter-spacing:.8px}.requirements-box p{margin:0;color:#8baab8;line-height:1.35}
.action-card{min-height:170px}.action-grid{display:grid;gap:9px;padding:12px;flex:1}.action-grid.three{grid-template-columns:repeat(3,1fr)}
.action-tile,.storage-slot button,.primary-action,.action-row button,.coordinate-form button,.command-cards button,.link-row button{border:1px solid #0b83b3;background:linear-gradient(145deg,#071d30,#03101b);color:#fff;font-weight:800;box-shadow:inset 0 0 12px #00111d;transition:.16s ease}
.action-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:14px 16px;text-align:left}
.action-tile b{font-size:clamp(15px,1.05vw,20px);color:#53e4ff}.action-tile small{margin-top:5px;color:#8eaab7;font-size:clamp(11px,.78vw,14px);line-height:1.3}
.action-tile:hover,.storage-slot button:hover,.action-row button:hover,.coordinate-form button:hover,.command-cards button:hover,.link-row button:hover{background:#0b3650;box-shadow:0 0 13px rgba(0,193,255,.34)}

/* Storage */
.single-column-page{grid-template-columns:1fr}
.storage-requirements{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid #0c3b51;color:#a4c1cd;font-size:clamp(11px,.78vw,14px)}
.storage-requirements span{margin-right:auto;color:#51e1ff;font-weight:900}.storage-requirements b{padding:5px 9px;border:1px solid #0f725e;background:#062a24;color:#39eca5}
.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:16px 18px 18px;min-height:0;flex:1}
.storage-slot{position:relative;display:flex;flex-direction:column;align-items:center;min-height:0;padding:18px;border:1px solid #0c6f99;background:linear-gradient(155deg,rgba(5,28,45,.95),rgba(1,9,16,.98));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.slot-number{position:absolute;left:13px;top:10px;color:#40dfff;font-weight:900;font-size:clamp(17px,1.3vw,26px)}
.slot-art{height:46%;width:100%;display:grid;place-items:center}.slot-art img{max-height:100%;max-width:72%;object-fit:contain;opacity:.75;filter:drop-shadow(0 0 13px #00a9ff)}
.storage-slot h3{margin:8px 0 3px;font-size:clamp(19px,1.45vw,28px)}.storage-slot p{margin:0;color:#7fa0ae}
.storage-slot button{width:100%;min-height:44px;margin-top:auto;color:#57ddff}
.storage-slot.filled .slot-art img{opacity:1}.storage-slot.filled h3{color:#54e3ff}.storage-slot .slot-meta{width:100%;display:grid;gap:4px;margin:8px 0 12px}.storage-slot .slot-meta span{display:flex;justify-content:space-between;color:#86a8b8}.storage-slot .slot-meta b{color:#fff}

/* Skin Studio */
.skins-grid{grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr)}
.skin-preview{display:grid;grid-template-columns:minmax(240px,46%) 1fr;align-items:center;gap:18px;padding:18px 20px;min-height:0;flex:1;border-bottom:1px solid #0d3e57}
.skin-preview>img{width:100%;height:100%;min-height:210px;object-fit:contain;padding:4%;background:radial-gradient(circle,#0a3b55,#03101a 68%);border:1px solid #0b729c;filter:drop-shadow(0 0 15px #00a8e8)}
.skin-preview div{display:grid;gap:7px}.skin-preview small{color:#7fa5b6;letter-spacing:1px}.skin-preview strong{font-size:clamp(24px,2vw,40px);color:#58e6ff}
.skin-controls{display:grid;gap:12px;padding:15px 20px}.skin-controls label{display:grid;grid-template-columns:110px 1fr 55px;gap:12px;align-items:center}.skin-controls span{font-weight:900}.skin-controls input{width:100%;accent-color:#11cfff}.skin-controls output{text-align:right;color:#54e4ff;font-weight:900}
.action-row{display:flex;gap:9px;padding:0 20px 18px}.action-row button{min-height:46px;padding:0 16px}.action-row .primary-action{flex:1;color:#57e1ff}
.skin-slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;overflow:auto;min-height:0;flex:1}.skin-slot{min-height:73px;padding:10px 12px;border:1px solid #0b587a;background:#041522;display:flex;align-items:center;gap:10px}.skin-slot b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #0c8cbb;color:#55e3ff}.skin-slot span{display:grid}.skin-slot strong{font-size:14px}.skin-slot small{color:#789aa9}.skin-slot.selected{border-color:#47e6ff;box-shadow:0 0 10px rgba(0,196,255,.32);background:#08243a}

/* Commands */
.commands-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)}
.command-section{padding:18px 20px;border-bottom:1px solid #0c4059}.coordinate-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:15px}.coordinate-form label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 10px;border:1px solid #115a7a;background:#03101a;font-weight:900;color:#56e4ff}.coordinate-form input{width:100%;min-width:0;height:46px;border:0;background:transparent;color:#fff;outline:0;font-size:16px}.coordinate-form button{min-width:160px;color:#54e4ff}.requirement-strip{display:flex;gap:10px;margin-top:9px}.requirement-strip span{padding:5px 8px;border:1px solid #2c5b68;background:#0a1a21;color:#a4bdc5;font-size:12px}.shop-section{border-bottom:0;flex:1}.command-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.command-cards button{min-height:84px;text-align:left;padding:13px 15px}.command-cards strong{display:block;color:#52e3ff;font-size:16px}.command-cards small{display:block;margin-top:6px;color:#ffd62e}
.connection-state{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #0b3a50}.connection-state i{width:14px;height:14px;border-radius:50%;background:#ffd62e;box-shadow:0 0 10px #ffd62e}.connection-state div{display:grid}.connection-state b{color:#ffd62e}.connection-state span{margin-top:3px;color:#829eaa}
.activity-log{padding:10px 14px;overflow:auto;flex:1}.activity-log>div{display:grid;grid-template-columns:62px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #0a3042}.activity-log time{color:#47daf9}.activity-log span{color:#a6bec8}

/* Quests */
.quest-summary{display:grid;grid-template-columns:repeat(4,minmax(105px,155px)) 1fr;gap:9px;padding:14px 17px;border-bottom:1px solid #0c3d55}.quest-filter{border:1px solid #0c6389;background:#041522;color:#fff;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:900}.quest-filter span{color:#4fe1ff}.quest-filter.active{background:#0b3550;border-color:#41dfff;box-shadow:0 0 9px rgba(0,192,255,.28)}.quest-summary .points-pill{justify-self:end}
.quest-list{padding:13px 17px;overflow:auto;flex:1;min-height:0}.empty-state{height:100%;min-height:230px;display:grid;place-items:center;align-content:center;text-align:center;color:#8faebb}.empty-state img{width:85px;height:85px;object-fit:contain;filter:drop-shadow(0 0 10px #00aaff)}.empty-state h2{margin:9px 0 3px;color:#fff}.empty-state p{max-width:520px;margin:0;line-height:1.4}
.quest-item{display:grid;grid-template-columns:105px 1fr auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid #0a516e;background:#03131f;margin-bottom:9px}.quest-item .difficulty{font-weight:900;color:#5ce5ff}.quest-item.medium .difficulty{color:#ffd45a}.quest-item.hard .difficulty{color:#ff6b70}.quest-item h3{margin:0 0 4px}.quest-item p{margin:0;color:#83a2b0}.quest-item .reward{color:#ffd62e;font-weight:900}.quest-progress{height:7px;background:#06101a;margin-top:7px}.quest-progress i{display:block;height:100%;background:#18cfff}

/* Profile */
.profile-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);grid-template-rows:minmax(0,1fr) auto}.profile-identity{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;padding:20px}.profile-identity img{width:130px;height:130px;object-fit:contain;border:1px solid #0b7ca8;background:#051723;filter:drop-shadow(0 0 12px #00aaff)}.profile-identity small{color:#81a4b4;letter-spacing:1px}.profile-identity h2{margin:3px 0;font-size:clamp(28px,2.2vw,44px)}.profile-identity p{margin:0;color:#8aa8b5}.profile-points{margin:auto 20px 20px;padding:14px;border:1px solid #6d5d13;background:#1d1906;display:flex;align-items:center;justify-content:space-between}.profile-points span{color:#d9cb7c;font-weight:900}.profile-points strong{font-size:clamp(22px,1.6vw,31px);color:#ffd62e}.profile-points strong b{font:inherit}
.link-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #0a3a50}.link-row>div{display:grid}.link-row b{font-size:17px}.link-row span{margin-top:3px;color:#829fab}.link-row button{min-width:122px;min-height:40px;color:#52e2ff}
.profile-server-grid{display:grid;grid-template-columns:2fr .7fr .7fr .7fr;gap:10px;padding:14px 17px}.profile-server-grid>div{padding:11px;border:1px solid #0b4c68;background:#041421;display:grid;gap:4px}.profile-server-grid small{color:#7e9fad}.profile-server-grid b{font-size:15px}

/* Toast */
#apexToast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:min(430px,calc(100vw - 44px));padding:13px 15px;border:1px solid #18a9dd;background:rgba(2,18,30,.97);color:#fff;box-shadow:0 0 18px rgba(0,183,255,.42);font-size:14px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.18s ease}
#apexToast.show{opacity:1;transform:none}

@media(max-width:1600px){
  .page-shell,.map-focus-shell{width:97.5vw}
  .dino-page-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr)}
  .dino-hero-body{padding:11px;gap:12px}.stat-stack{gap:14px}.detail-list{padding:10px 13px}.detail-list>div{padding:8px 0}
  .storage-grid{gap:9px;padding:11px}.storage-slot{padding:13px}.slot-art{height:42%}
  .skins-grid{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)}.skin-preview{padding:12px 14px}.skin-controls{padding:11px 14px}.action-row{padding:0 14px 12px}
  .commands-grid{grid-template-columns:minmax(0,1.35fr) minmax(285px,.65fr)}.command-section{padding:13px 15px}
  .quest-summary{padding:10px 13px;grid-template-columns:repeat(4,minmax(90px,125px)) 1fr}.quest-list{padding:10px 13px}
  .profile-identity{grid-template-columns:105px 1fr;padding:14px}.profile-identity img{width:105px;height:105px}.profile-points{margin:0 14px 14px}.link-row{padding:11px 13px}
}

@media(max-width:1200px){
  .dino-page-grid,.skins-grid,.commands-grid,.profile-grid{grid-template-columns:1fr 38%}
  .dino-hero-body{grid-template-columns:42% 1fr}.skin-preview{grid-template-columns:40% 1fr}.skin-slot-grid{grid-template-columns:1fr}
  .storage-grid{grid-template-columns:repeat(3,1fr)}.storage-slot{padding:9px}.storage-slot p{font-size:11px}
  .quest-summary{grid-template-columns:repeat(4,1fr)}.quest-summary .points-pill{grid-column:1/-1;justify-self:stretch;justify-content:center}
  .profile-server-grid{grid-template-columns:1.8fr .7fr .7fr .7fr}
}

@media(max-height:760px){
  .page-intro{padding:10px 15px}.storage-grid{padding:8px 10px}.storage-slot{padding:9px}.storage-slot button{min-height:35px}.slot-art{height:38%}
  .dino-hero-body{padding:8px 10px}.stat-stack{gap:9px}.big-stat i{height:12px}.action-card{min-height:120px}.action-grid{padding:8px}
  .skin-preview{padding:8px 12px}.skin-preview>img{min-height:140px}.skin-controls{gap:7px;padding:8px 12px}.action-row{padding:0 12px 8px}.skin-slot{min-height:58px}
  .command-section{padding:9px 13px}.command-cards{gap:6px}.command-cards button{min-height:64px}.coordinate-form input{height:37px}
  .profile-identity{padding:10px}.profile-identity img{width:85px;height:85px}.profile-points{padding:9px}.link-row{padding:8px 11px}
}

/* V1.22: responsive tool pages + deeper map zoom-out.
   Large-screen geometry is preserved. These rules only compact or reflow when
   the browser is restored to a smaller window. */
.tool-page{min-height:0}
.page-shell,.map-focus-shell{min-height:0;max-width:100%}
.page-shell>*{min-width:0}
.feature-card,.info-card,.fill-card{min-width:0}

/* Smoothly reduce the V1.18 enlarged type on restored desktop windows. */
@media (max-width:1550px){
  .tool-page .hud-title{font-size:clamp(14px,1.08vw,17px)}
  .tool-page .hud-title small,.tool-page .online{font-size:clamp(10px,.72vw,12px)}
  .tool-page .page-intro h2,.tool-page .command-section h2{font-size:clamp(20px,1.5vw,26px)}
  .tool-page .page-intro p,.tool-page .command-section p{font-size:clamp(11px,.78vw,13px)}
  .tool-page .points-pill{font-size:clamp(11px,.8vw,13px);padding:7px 10px}

  .dino-hero-body{grid-template-columns:minmax(220px,40%) 1fr;gap:12px;padding:11px}
  .stat-stack{gap:13px}.big-stat span{font-size:clamp(14px,1vw,17px)}.big-stat>b{font-size:clamp(17px,1.25vw,22px)}.big-stat i{height:13px}
  .detail-list{padding:9px 12px}.detail-list>div{grid-template-columns:82px 1fr;padding:7px 0;font-size:clamp(12px,.9vw,15px)}
  .requirements-box{margin:auto 11px 11px;padding:10px;font-size:clamp(11px,.78vw,13px)}
  .action-card{min-height:125px}.action-grid{padding:8px;gap:7px}.action-tile{padding:10px 12px}.action-tile b{font-size:clamp(13px,.9vw,16px)}.action-tile small{font-size:clamp(10px,.7vw,12px)}

  .storage-grid{padding:10px;gap:8px}.storage-slot{padding:11px}.storage-slot h3{font-size:clamp(16px,1.1vw,20px)}.storage-slot p{font-size:clamp(10px,.72vw,12px)}
  .storage-requirements{padding:8px 14px;font-size:clamp(10px,.72vw,12px)}

  .skin-preview{padding:10px 12px}.skin-preview strong{font-size:clamp(20px,1.5vw,28px)}
  .skin-controls{gap:8px;padding:9px 12px}.skin-controls label{grid-template-columns:85px 1fr 45px;gap:8px;font-size:clamp(12px,.82vw,14px)}
  .action-row{padding:0 12px 9px}.action-row button{min-height:38px;padding:0 11px;font-size:clamp(12px,.82vw,14px)}
  .skin-slot-grid{padding:9px;gap:6px}.skin-slot{min-height:58px;padding:8px 9px}.skin-slot strong{font-size:12px}.skin-slot small{font-size:10px}

  .command-section{padding:11px 13px}.coordinate-form{gap:7px;margin-top:10px}.coordinate-form input{height:38px;font-size:14px}.coordinate-form button{min-width:125px;font-size:14px}.requirement-strip{gap:6px;margin-top:6px}.requirement-strip span{font-size:10px;padding:4px 6px}
  .command-cards{gap:6px;margin-top:9px}.command-cards button{min-height:64px;padding:9px 11px}.command-cards strong{font-size:13px}.command-cards small{font-size:11px}
  .connection-state{padding:11px}.activity-log{padding:7px 10px}.activity-log>div{grid-template-columns:52px 1fr;padding:7px 0;font-size:12px}

  .quest-summary{padding:9px 11px;gap:6px;grid-template-columns:repeat(4,minmax(72px,108px)) 1fr}.quest-filter{padding:7px 8px;font-size:clamp(12px,.8vw,14px)}
  .quest-list{padding:9px 11px}.empty-state h2{font-size:clamp(24px,1.7vw,30px)}.empty-state p{font-size:clamp(13px,.9vw,16px)}

  .profile-identity{grid-template-columns:86px 1fr;gap:12px;padding:11px}.profile-identity img{width:86px;height:86px}.profile-identity h2{font-size:clamp(22px,1.7vw,30px)}.profile-identity p{font-size:clamp(12px,.82vw,14px)}
  .profile-points{margin:0 11px 11px;padding:9px}.profile-points strong{font-size:clamp(18px,1.3vw,23px)}
  .link-row{padding:8px 10px}.link-row b{font-size:14px}.link-row span{font-size:12px}.link-row button{min-width:96px;min-height:34px;font-size:12px}
  .profile-server-grid{gap:7px;padding:9px 11px}.profile-server-grid>div{padding:8px}.profile-server-grid b{font-size:12px}.profile-server-grid small{font-size:10px}
}

/* Make every tool page use the available height before resorting to scrolling. */
@media (max-height:820px){
  .page-shell,.map-focus-shell{height:100%}
  .tool-page .hud-title{height:31px}
  .page-intro{padding:8px 11px}.storage-requirements{padding:6px 11px}.storage-grid{padding:7px}
  .dino-hero-body{padding:7px 9px}.stat-stack{gap:8px}.big-stat i{height:10px}.detail-list{padding:6px 9px}.detail-list>div{padding:5px 0}.requirements-box{padding:7px;margin:auto 8px 8px}
  .action-card{min-height:92px}.action-grid{padding:6px}.action-tile{padding:7px 9px}
  .skin-preview{padding:7px 9px}.skin-controls{padding:6px 9px;gap:5px}.action-row{padding:0 9px 6px}.skin-slot{min-height:50px;padding:6px 8px}
  .command-section{padding:7px 10px}.coordinate-form{margin-top:7px}.coordinate-form input{height:33px}.command-cards button{min-height:52px}.connection-state{padding:8px}.activity-log>div{padding:5px 0}
  .quest-summary{padding:6px 9px}.quest-list{padding:6px 9px}.empty-state{min-height:170px}.empty-state img{width:58px;height:58px}
  .profile-identity{padding:7px 9px}.profile-identity img{width:68px;height:68px}.profile-points{margin:0 8px 8px;padding:7px}.link-row{padding:6px 8px}.profile-server-grid{padding:7px 9px}
}

/* Narrow restored windows reflow secondary panels rather than clipping them. */
@media (max-width:1050px){
  .tool-page{overflow:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#0c86b7 #03101a}
  .tool-page .page-shell{height:auto;min-height:100%;padding-bottom:8px}
  .dino-page-grid,.skins-grid,.commands-grid,.profile-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .wide-card{grid-column:1}
  .dino-hero-card,.skin-editor-card,.command-console-card,.account-card{min-height:420px}
  .action-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .storage-grid{grid-template-columns:1fr;overflow:visible}.storage-slot{min-height:250px}.slot-art{height:120px}
  .skin-slots-card,.activity-card,.linked-card,.profile-server-card{min-height:220px}
  .quest-summary{grid-template-columns:repeat(2,1fr)}.quest-summary .points-pill{grid-column:1/-1}
  .profile-server-grid{grid-template-columns:1fr 1fr}
  #map .map-layout{grid-template-columns:minmax(0,1fr) minmax(190px,27%)}
}

/* Very narrow windows: preserve usability with clean vertical stacking. */
@media (max-width:760px){
  .nav{grid-template-columns:repeat(4,1fr);height:auto;min-height:92px;overflow:visible}
  .app-shell{grid-template-rows:22vh auto minmax(0,1fr) 8.5vh}
  .nav button{min-height:44px}
  .login-card{display:none}
  .action-grid.three,.command-cards,.profile-server-grid{grid-template-columns:1fr}
  .dino-hero-body,.skin-preview{grid-template-columns:1fr}.dino-hero-art{min-height:260px}.skin-preview>img{min-height:240px}
  .coordinate-form{grid-template-columns:1fr}.coordinate-form button{min-width:0;min-height:40px}
  .storage-requirements{flex-wrap:wrap}.storage-requirements span{width:100%}
  #map .map-layout{grid-template-columns:1fr;overflow:auto}.layers{min-height:280px}#map .map-viewport{min-height:55vh}
  footer{grid-template-columns:1fr 1fr}.motto{display:none}.clock{justify-self:end}
}


/* V1.23 TRUE RESTORED-WINDOW PASS
   Previous rules started below the user's ~1552px restored browser width, so
   they were effectively invisible. These rules intentionally trigger earlier
   and compact the actual page components, not just a few labels. */
@media (max-width:1800px){
  html,body{font-size:125%}
  main{padding:.7vh 0 .85vh}
  .page-shell,.map-focus-shell{width:98vw;max-width:none;gap:8px}
  .tool-page .hud-title{height:30px;padding:0 10px;font-size:15px}
  .tool-page .hud-title small,.tool-page .online{font-size:10px}
  .tool-page .page-intro{padding:8px 12px;gap:10px}
  .tool-page .page-intro h2,.tool-page .command-section h2{font-size:22px;margin-bottom:3px}
  .tool-page .page-intro p,.tool-page .command-section p{font-size:11px;line-height:1.25}
  .tool-page .points-pill{padding:6px 9px;font-size:12px}

  /* Map: more map, slimmer controls, smaller type. */
  #map .map-layout{grid-template-columns:minmax(0,1fr) minmax(205px,16%);gap:5px;padding:5px}
  #map .layers{padding:7px 6px 5px}
  #map .layers h3{font-size:15px;margin-bottom:5px}
  #map .layer-tabs{gap:2px;margin-bottom:4px}
  #map .layer-tabs button{font-size:9px;padding:4px 1px}
  #map .toggle-row{min-height:24px;gap:4px}
  #map .toggle-row b{font-size:10px}
  #map .desc{font-size:7.5px;line-height:1.05}
  #map .toggle-row input{width:27px;height:14px}
  #map .toggle-row input:after{width:8px;height:8px;top:2px;left:3px}
  #map .toggle-row input:checked:after{left:14px}
  #map .scale-row{font-size:8px;padding:3px 0 4px;grid-template-columns:1fr 42px}
  #map .scale-row input{width:42px;font-size:9px;padding:1px 2px}
  #map .clear{font-size:8px;padding:5px;margin-top:4px}
  #map .layers>p{font-size:7px;margin-top:4px}

  /* Dinosaur */
  .dino-page-grid{gap:8px;grid-template-columns:minmax(0,1.72fr) minmax(245px,.72fr)}
  .dino-hero-body{grid-template-columns:minmax(210px,38%) 1fr;gap:10px;padding:9px}
  .dino-hero-art strong{font-size:25px;left:8px;right:8px;bottom:7px}
  .stat-stack{gap:10px}.big-stat span{font-size:14px}.big-stat>b{font-size:18px}.big-stat i{height:11px}
  .detail-list{padding:7px 10px}.detail-list>div{grid-template-columns:74px 1fr;padding:5px 0;font-size:12px}
  .requirements-box{margin:auto 8px 8px;padding:8px;font-size:11px}
  .action-card{min-height:100px}.action-grid{padding:6px;gap:6px}.action-tile{padding:7px 9px;min-height:0}.action-tile b{font-size:12px}.action-tile small{font-size:9px}

  /* Storage */
  .storage-grid{padding:7px;gap:7px}.storage-slot{padding:8px}.storage-slot h3{font-size:15px}.storage-slot p{font-size:10px;line-height:1.2}
  .slot-art{height:38%}.storage-slot button{min-height:32px;font-size:11px}.storage-requirements{padding:6px 10px;font-size:10px}

  /* Skins */
  .skins-grid{gap:8px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}
  .skin-preview{padding:7px 9px;gap:10px;grid-template-columns:42% 1fr}.skin-preview>img{min-height:125px}.skin-preview strong{font-size:22px}
  .skin-controls{gap:5px;padding:6px 9px}.skin-controls label{grid-template-columns:72px 1fr 38px;gap:6px;font-size:11px}.skin-controls output{font-size:12px}
  .action-row{padding:0 9px 6px;gap:6px}.action-row button{min-height:32px;font-size:11px}
  .skin-slot-grid{padding:6px;gap:5px}.skin-slot{min-height:45px;padding:5px 7px}.skin-slot b{font-size:22px}.skin-slot strong{font-size:10px}.skin-slot small{font-size:8px}
  .skin-purchase{padding:9px 10px}.skin-purchase strong{font-size:18px}.skin-purchase p{font-size:11px;line-height:1.25}

  /* Commands */
  .commands-grid{gap:8px;grid-template-columns:minmax(0,1.48fr) minmax(265px,.52fr)}
  .command-section{padding:8px 10px}.coordinate-form{gap:6px;margin-top:7px}.coordinate-form label{padding:0 7px}.coordinate-form input{height:33px;font-size:12px}.coordinate-form button{min-width:115px;font-size:12px}
  .requirement-strip{gap:5px;margin-top:5px}.requirement-strip span{font-size:9px;padding:3px 5px}
  .command-cards{gap:5px;margin-top:7px}.command-cards button{min-height:54px;padding:7px 9px}.command-cards strong{font-size:11px}.command-cards small{font-size:10px;margin-top:3px}
  .connection-state{padding:8px}.connection-state strong{font-size:20px}.connection-state p{font-size:12px}.activity-log{padding:5px 8px}.activity-log>div{grid-template-columns:46px 1fr;padding:5px 0;font-size:10px}

  /* Quests */
  .quest-summary{padding:6px 9px;gap:5px;grid-template-columns:repeat(4,minmax(65px,96px)) 1fr}.quest-filter{padding:6px 7px;font-size:11px}
  .quest-list{padding:6px 9px}.empty-state{min-height:180px}.empty-state img{width:58px;height:58px}.empty-state h2{font-size:24px}.empty-state p{font-size:12px;max-width:440px}

  /* Profile */
  .profile-grid{gap:8px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
  .profile-identity{grid-template-columns:76px 1fr;gap:10px;padding:8px 10px}.profile-identity img{width:76px;height:76px}.profile-identity h2{font-size:22px}.profile-identity p{font-size:11px;margin-top:4px}
  .profile-points{margin:0 8px 8px;padding:7px}.profile-points strong{font-size:18px}
  .link-row{padding:6px 8px}.link-row b{font-size:11px}.link-row span{font-size:10px}.link-row button{min-width:82px;min-height:29px;font-size:10px}
  .profile-server-grid{gap:5px;padding:6px 8px}.profile-server-grid>div{padding:6px}.profile-server-grid b{font-size:10px}.profile-server-grid small{font-size:8px}
}

/* The user's restored Chrome viewport is also height-constrained. Compact before
   anything needs to clip or scroll. */
@media (max-height:950px){
  .tool-page .hud-title{height:29px}
  .page-shell,.map-focus-shell{gap:6px}
  .dino-hero-body{padding:6px 8px}.stat-stack{gap:7px}.detail-list>div{padding:4px 0}.requirements-box{padding:6px}
  .action-card{min-height:86px}.action-grid{padding:5px}.action-tile{padding:5px 7px}
  .storage-grid{padding:5px 7px}.storage-slot{padding:6px}.storage-slot button{min-height:29px}.storage-requirements{padding:5px 9px}
  .skin-preview{padding:5px 8px}.skin-controls{padding:5px 8px;gap:4px}.action-row{padding:0 8px 5px}.skin-slot{min-height:41px;padding:4px 6px}.skin-purchase{padding:7px 9px}
  .command-section{padding:6px 9px}.command-cards button{min-height:47px}.connection-state{padding:6px}.activity-log>div{padding:4px 0}
  .quest-summary{padding:5px 8px}.quest-list{padding:5px 8px}.empty-state{min-height:145px}
  .profile-identity{padding:6px 8px}.profile-identity img{width:64px;height:64px}.profile-points{margin:0 7px 7px;padding:6px}.link-row{padding:5px 7px}.profile-server-grid{padding:5px 7px}
}

@media (max-width:1450px){
  html,body{font-size:112.5%}
  .page-shell,.map-focus-shell{width:98.8vw}
  #map .map-layout{grid-template-columns:minmax(0,1fr) minmax(185px,17%)}
  .dino-page-grid{grid-template-columns:minmax(0,1.8fr) minmax(220px,.65fr)}
  .skins-grid{grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr)}
  .commands-grid{grid-template-columns:minmax(0,1.55fr) minmax(230px,.45fr)}
  .profile-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}
}


/* V1.24 — corrected functional page layouts */
.live-pending{color:#ffd45a;font-size:clamp(10px,.75vw,13px);letter-spacing:.6px}
.server-panel #homeServerMode{font-size:.92em;color:#80dfff}
.server-panel #homeServerPlayers,.server-panel #homeServerUptime{color:#9db5c0}

/* Dinosaur detail rows must keep labels and values separated at every width. */
.dino-details-card{display:flex;flex-direction:column;min-width:0}
.dino-details-card .detail-list{display:grid;gap:0;min-width:0}
.dino-details-card .detail-list>div{display:grid;grid-template-columns:minmax(78px,34%) minmax(0,1fr);gap:14px;align-items:start}
.dino-details-card .detail-list dt{white-space:nowrap}
.dino-details-card .detail-list dd{min-width:0;overflow-wrap:anywhere;line-height:1.25;text-align:left}
.dino-details-card .detail-list .points{display:flex;gap:5px;align-items:center}

/* Real Skin Studio: the same 11 regions used by the existing Apex skin flow. */
.skins-real-editor{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}
.skin-editor-card,.skin-slots-card{display:flex;flex-direction:column;min-height:0}
.skin-studio-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 13px;border-bottom:1px solid #0b3d55;background:linear-gradient(90deg,rgba(4,29,47,.72),rgba(1,12,22,.18))}
.skin-mini-preview{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.skin-mini-preview img{width:92px;height:72px;object-fit:contain;border:1px solid #0b729c;background:radial-gradient(circle,#0a3b55,#03101a 70%);filter:drop-shadow(0 0 9px #00a8e8)}
.skin-mini-preview>div{display:grid;gap:2px;min-width:0}
.skin-mini-preview small{font-size:10px;letter-spacing:1px;color:#7fa5b6}
.skin-mini-preview strong{font-size:clamp(18px,1.35vw,26px);color:#58e6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skin-mini-preview em{font-style:normal;font-size:11px;color:#86a6b4}
.selected-skin-slot{min-width:92px;padding:8px 10px;border:1px solid #0b668d;background:#041522;text-align:center}
.selected-skin-slot small{display:block;font-size:9px;color:#7fa4b4;letter-spacing:.7px}
.selected-skin-slot b{display:block;margin-top:2px;color:#55e4ff;font-size:26px}
.skin-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:9px 12px;min-height:0;overflow:auto;align-content:start}
.skin-region{display:grid;gap:5px;padding:7px 8px;border:1px solid #0a4059;background:rgba(3,18,30,.82);min-width:0}
.skin-region>span{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-width:0}
.skin-region>span b{font-size:12px;color:#dff8ff;letter-spacing:.5px}
.skin-region>span small{font-size:8px;color:#7899a8;text-align:right}
.skin-region-controls{display:grid;grid-template-columns:minmax(0,1fr) 36px 30px;gap:5px;min-width:0}
.skin-color-text,.skin-color-picker,.skin-clear{height:31px;border:1px solid #145b79;background:#03101a;color:#fff}
.skin-color-text{min-width:0;padding:0 8px;font-size:11px;outline:0}
.skin-color-text:focus{border-color:#3edfff;box-shadow:0 0 8px rgba(0,191,255,.25)}
.skin-color-picker{width:36px;padding:2px;cursor:pointer}
.skin-clear{width:30px;color:#8fb5c4;font-size:17px;cursor:pointer}
.skin-editor-actions{display:grid;grid-template-columns:auto auto minmax(210px,1fr);gap:7px;padding:7px 12px 6px;border-top:1px solid #0b3b53}
.skin-editor-actions button{min-height:35px;border:1px solid #0b83b3;background:linear-gradient(145deg,#071d30,#03101b);color:#fff;font-weight:800;padding:0 10px;font-size:11px}
.skin-editor-actions .primary-action{color:#57e1ff}
.skin-note{margin:0;padding:0 12px 8px;color:#7698a7;font-size:9px}
.skin-purchase{padding:11px 13px;border-top:1px solid #0a4158;background:#041521}
.skin-purchase strong{display:block;color:#54e4ff;font-size:22px}
.skin-purchase p{margin:5px 0 0;color:#8ba8b6;line-height:1.3;font-size:12px}

/* Commands */
.command-cards .prime-card em{display:block;margin-top:4px;color:#8fb0bf;font-style:normal;font-size:12px}
.corpse-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(130px,.42fr) 1fr;gap:9px;align-items:stretch;padding:10px 11px;border:1px solid #0b83b3;background:linear-gradient(145deg,#071d30,#03101b)}
.corpse-card>div:first-child{display:flex;flex-direction:column;justify-content:center}
.corpse-card strong{display:block;color:#52e3ff;font-size:16px}.corpse-card small{display:block;margin-top:5px;color:#ffd62e}
.corpse-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.corpse-options button{min-height:46px!important;text-align:center!important;padding:6px!important;color:#fff}
.corpse-options button:hover{border-color:#4adfff}

/* Quest catalog */
.quest-page-shell{height:100%}
.quest-catalog-card{display:flex;flex-direction:column;min-height:0}
.quest-toolbar{display:grid;grid-template-columns:auto minmax(240px,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid #0c3d55;background:linear-gradient(90deg,rgba(4,29,47,.6),rgba(1,12,22,.15))}
.quest-filters{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:6px}
.quest-filter{min-height:38px}
.quest-search{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:0 9px;border:1px solid #0c5e82;background:#03111d;color:#54e3ff;font-weight:900;font-size:11px}
.quest-search input{min-width:0;height:36px;border:0;background:transparent;color:#fff;outline:0;font:inherit}
.quest-catalog-note{padding:5px 12px;border-bottom:1px solid #092d40;color:#7599a9;font-size:10px}
.quest-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 10px;align-content:start}
.quest-item{display:grid;grid-template-columns:64px minmax(0,1fr) 66px;gap:10px;align-items:start;padding:9px 10px;margin:0;min-width:0}
.quest-id{display:grid;gap:2px}
.quest-id b{font-size:17px;color:#56e3ff}.quest-id span{font-size:9px;color:#7ea2b2;letter-spacing:.6px}
.quest-item.medium .quest-id b{color:#ffd45a}.quest-item.hard .quest-id b{color:#ff7479}
.quest-copy{min-width:0}.quest-copy h3{font-size:14px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-copy p{font-size:10px;line-height:1.25;margin:0;color:#88a7b5}
.quest-item .reward{font-size:13px;text-align:right;white-space:nowrap}.quest-item .reward small{font-size:8px;color:#a89031}
.quest-progress{height:5px;margin-top:5px}

/* Server information: never present mockup values as live data. */
.profile-server-grid{grid-template-columns:minmax(0,2fr) .65fr .45fr .85fr}
.profile-server-grid .live-pending{font-size:inherit}

/* Actual restored-window behavior.  This is intentionally much stronger than
   v1.22/v1.23 so a 1366-1600px browser visibly reflows instead of looking unchanged. */
@media (max-width:1700px){
  html,body{font-size:100%}
  .login-card{right:.8vw;top:5px;transform:scale(.68);transform-origin:top right}
  .nav{justify-self:start;margin-left:37vw;width:60.5vw;max-width:none;min-width:0}
  .nav button{font-size:13px;gap:5px;letter-spacing:.45px}.nav svg{width:20px;height:20px}
  .page-shell,.map-focus-shell{width:98.6vw;gap:6px}
  .tool-page .hud-title{height:28px;font-size:14px;padding:0 8px}.tool-page .online,.tool-page .hud-title small{font-size:9px}
  .dino-page-grid{grid-template-columns:minmax(0,1.8fr) minmax(215px,.62fr);gap:6px}
  .dino-hero-body{grid-template-columns:minmax(180px,36%) 1fr;gap:8px;padding:7px}
  .dino-hero-art strong{font-size:22px}.stat-stack{gap:7px}.big-stat span{font-size:12px}.big-stat>b{font-size:16px}.big-stat i{height:9px}
  .dino-details-card .detail-list{padding:5px 8px}.dino-details-card .detail-list>div{grid-template-columns:66px minmax(0,1fr);gap:8px;padding:4px 0;font-size:10px}
  .dino-details-card .requirements-box{margin:auto 6px 6px;padding:6px;font-size:9px}
  .action-card{min-height:78px}.action-grid{padding:4px;gap:4px}.action-tile{padding:5px 7px}.action-tile b{font-size:11px}.action-tile small{font-size:8px}
  .skins-real-editor{grid-template-columns:minmax(0,1.55fr) minmax(255px,.45fr);gap:6px}
  .skin-studio-head{padding:6px 8px}.skin-mini-preview{grid-template-columns:70px 1fr;gap:8px}.skin-mini-preview img{width:70px;height:52px}.skin-mini-preview strong{font-size:18px}.skin-mini-preview em{font-size:9px}.selected-skin-slot{min-width:70px;padding:5px 6px}.selected-skin-slot b{font-size:20px}
  .skin-region-grid{gap:4px 6px;padding:5px 7px}.skin-region{gap:3px;padding:4px 5px}.skin-region>span b{font-size:10px}.skin-region>span small{font-size:7px}.skin-region-controls{grid-template-columns:minmax(0,1fr) 31px 25px;gap:3px}.skin-color-text,.skin-color-picker,.skin-clear{height:26px}.skin-color-text{font-size:9px;padding:0 5px}.skin-color-picker{width:31px}.skin-clear{width:25px;font-size:14px}
  .skin-editor-actions{grid-template-columns:auto auto 1fr;gap:4px;padding:5px 7px 4px}.skin-editor-actions button{min-height:28px;font-size:9px;padding:0 6px}.skin-note{padding:0 7px 5px;font-size:7px}
  .skin-slot-grid{padding:5px;gap:4px}.skin-slot{min-height:38px;padding:4px 5px}.skin-slot b{font-size:17px}.skin-slot strong{font-size:9px}.skin-slot small{font-size:7px}.skin-purchase{padding:7px 8px}.skin-purchase strong{font-size:16px}.skin-purchase p{font-size:9px}
  .commands-grid{grid-template-columns:minmax(0,1.6fr) minmax(220px,.4fr);gap:6px}.command-section{padding:7px 9px}.command-section h2{font-size:19px!important}.command-section p{font-size:10px!important}
  .coordinate-form{margin-top:6px;gap:5px}.coordinate-form input{height:30px;font-size:11px}.coordinate-form button{min-width:100px;font-size:11px}.requirement-strip span{font-size:8px}
  .command-cards{gap:5px;margin-top:6px}.command-cards button{min-height:43px;padding:6px 8px}.command-cards strong{font-size:10px}.command-cards small,.command-cards .prime-card em{font-size:8px}.corpse-card{padding:5px 6px;gap:5px}.corpse-card strong{font-size:10px}.corpse-card small{font-size:8px}.corpse-options{gap:4px}.corpse-options button{min-height:34px!important;font-size:9px!important}
  .connection-state{padding:6px;font-size:10px}.activity-log{padding:4px 6px}.activity-log>div{font-size:9px;padding:4px 0}
  .quest-toolbar{grid-template-columns:auto minmax(170px,1fr) auto;gap:6px;padding:5px 7px}.quest-filters{grid-template-columns:repeat(4,minmax(70px,1fr));gap:4px}.quest-filter{min-height:29px;padding:4px 6px;font-size:10px}.quest-search{font-size:9px;padding:0 6px}.quest-search input{height:28px}.quest-catalog-note{font-size:8px;padding:3px 7px}.quest-catalog-list{gap:4px;padding:5px 6px}.quest-item{grid-template-columns:48px minmax(0,1fr) 52px;gap:6px;padding:6px 7px}.quest-id b{font-size:13px}.quest-id span{font-size:7px}.quest-copy h3{font-size:11px}.quest-copy p{font-size:8px}.quest-item .reward{font-size:10px}.quest-item .reward small{font-size:6px}
  .profile-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:6px}.profile-server-grid{grid-template-columns:minmax(0,1.9fr) .65fr .4fr .9fr}
}

@media (max-height:880px){
  .tool-page .hud-title{height:27px}
  .skin-studio-head{padding:4px 7px}.skin-mini-preview img{height:44px}.skin-region-grid{padding-top:4px;padding-bottom:4px}.skin-region{padding-top:3px;padding-bottom:3px}.skin-color-text,.skin-color-picker,.skin-clear{height:24px}
  .skin-editor-actions button{min-height:26px}
  .command-section{padding-top:5px;padding-bottom:5px}.command-cards button{min-height:38px}.corpse-options button{min-height:30px!important}
  .quest-toolbar{padding-top:4px;padding-bottom:4px}.quest-filter{min-height:27px}.quest-search input{height:26px}
  .quest-catalog-list{padding-top:4px;padding-bottom:4px}.quest-item{padding-top:5px;padding-bottom:5px}
}

@media (max-width:1250px){
  .tool-page{overflow:auto;overflow-x:hidden}
  .page-shell,.map-focus-shell{height:auto;min-height:100%;padding-bottom:8px}
  .dino-page-grid,.skins-real-editor,.commands-grid,.profile-grid{grid-template-columns:1fr}
  .dino-details-card,.skin-slots-card,.activity-card,.linked-card{min-height:220px}
  .quest-toolbar{grid-template-columns:1fr auto}.quest-filters{grid-column:1/-1}.quest-search{min-width:0}.quest-catalog-list{grid-template-columns:1fr}
  .corpse-card{grid-template-columns:1fr}.profile-server-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){
  .skin-region-grid{grid-template-columns:1fr}.skin-editor-actions{grid-template-columns:1fr}.quest-toolbar{grid-template-columns:1fr}.quest-toolbar .points-pill{justify-content:center}.quest-filters{grid-template-columns:1fr 1fr}.profile-server-grid{grid-template-columns:1fr}
}