/* Non-modal instrument panel: game controls and camera keep running. */
#game-tool-open[hidden],#game-tool-panel[hidden]{display:none!important}
/* Collapsed card: same palette and type as the full panel, only the numbers players glance at. */
#game-tool-open{position:fixed;left:22px;top:118px;z-index:65;display:grid;gap:5px;width:226px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:8px 10px;border:1px solid #d6b56a;border-radius:10px;background:linear-gradient(180deg,#152330f5,#0a1119f5);color:#e6e9e2;box-shadow:0 6px 18px #0008;font:11.5px/1.35 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;letter-spacing:0;text-align:left;cursor:pointer;pointer-events:auto;font-variant-numeric:tabular-nums}
.game-tool-mini-head{display:flex;align-items:center;gap:6px;color:#f3d98e;font-size:12px}
.game-tool-mini-head b{flex:1;min-width:0;font-weight:700}
.game-tool-mini-icon{width:16px;height:16px;color:#f0cc76}
.game-tool-mini-chevron{width:14px;height:14px;color:#aeb8b2;transition:transform .15s ease}
#game-tool-open[aria-expanded=true] .game-tool-mini-chevron{transform:rotate(90deg)}
.game-tool-mini-link{display:flex;align-items:center;gap:6px;color:#8ef0a8;font-weight:700}
.game-tool-mini-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#55e27a;box-shadow:0 0 8px #55e27a}
.game-tool-mini-dot[data-state=idle]{background:#7b8790;box-shadow:none}
.game-tool-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding-top:6px;border-top:1px solid #3c3a2a}
.game-tool-mini-cell{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}
.game-tool-mini-cell.wide{grid-column:1/-1}
.game-tool-mini-cell small{color:#aeb8b2;font-size:10px;white-space:nowrap}
.game-tool-mini-cell b{color:#fbfbf4;font:700 12px/1.3 Consolas,ui-monospace,monospace;font-weight:700;white-space:nowrap}
#game-tool-open:hover,#game-tool-open[aria-expanded=true]{border-color:#f3d98e;box-shadow:0 0 0 1px #f3d98e55,0 6px 18px #0008}
#game>#party-dock{top:max(150px,var(--game-tool-bottom,150px))}
/* Full panel: compact enough to sit beside the map without covering it. */
#game-tool-panel{position:fixed;left:22px;top:95px;z-index:66;width:min(400px,calc(100vw - 28px));max-height:calc(100dvh - 120px);overflow:auto;box-sizing:border-box;padding-bottom:8px;border:1px solid #d6b56a;border-radius:12px;background:linear-gradient(180deg,#0f1a24,#0a1119);color:#e6e9e2;box-shadow:0 12px 36px #000b,inset 0 0 0 1px #ffffff0d;font:13px/1.5 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;letter-spacing:0;word-spacing:0;pointer-events:auto;overscroll-behavior:contain}
.game-tool-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.game-tool-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#152330,#0e1821);border-bottom:1px solid #6e5b2e;border-radius:12px 12px 0 0}
.game-tool-brand{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #d6b56a;border-radius:50%;background:#0c1620;color:#f0cc76}
.game-tool-brand-icon{width:20px;height:20px}
.game-tool-titles{min-width:0;flex:1}
.game-tool-header h2{margin:0;color:#f3d98e;font:700 17px/1.3 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;letter-spacing:0}
.game-tool-kicker{margin:2px 0 0;color:#9aa6a0;font:500 10.5px/1.3 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;letter-spacing:0}
.game-tool-close{flex:none;width:32px;height:32px;border:1px solid #d6b56a;border-radius:7px;background:#0b141c;color:#f3d98e;font:20px/1 Tahoma;cursor:pointer}
.game-tool-banner{position:relative;display:flex;align-items:center;gap:10px;margin:8px;padding:10px 12px;border:1px solid #d6b56a;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,#0a1119f2 30%,#0a111970),url('../assets/loading-adventure-world-v1.webp') center 40%/cover no-repeat;box-shadow:0 4px 14px #0007}
.game-tool-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#55e27a;box-shadow:0 0 0 3px #55e27a33,0 0 10px #55e27a}
.game-tool-dot[data-state=idle]{background:#7b8790;box-shadow:none}
.game-tool-banner-text{min-width:0;flex:1}
.game-tool-status{margin:0;color:#74e89a;font:700 16px/1.3 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif}
.game-tool-sub{margin:2px 0 0;color:#aeb8b2;font-size:11.5px}
.game-tool-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #55e27a;border-radius:8px;background:#0b2416d9;color:#8ef0a8;font-weight:700;font-size:12px;white-space:nowrap;box-shadow:0 0 12px #55e27a33}
.game-tool-pill .game-tool-icon{width:14px;height:14px}
.game-tool-pill[data-state=warn]{border-color:#e7c25a;background:#2a2410d9;color:#f5d978;box-shadow:none}
.game-tool-pill[data-state=bad]{border-color:#ef6b5e;background:#2a1212d9;color:#ffa497;box-shadow:none}
.game-tool-pill[data-state=idle]{border-color:#7b8790;background:#1a2026d9;color:#c3ccd3;box-shadow:none}
.game-tool-content{padding:0 8px}
.game-tool-section{margin:0 0 8px;padding:9px 10px;border:1px solid #6e5b2e;border-radius:10px;background:#0c1620d9}
.game-tool-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid #3c3a2a}
.game-tool-section-title{display:flex;align-items:center;gap:6px;min-width:0;color:#f0cc76}
.game-tool-section-title .game-tool-icon{width:16px;height:16px}
.game-tool-section h3{margin:0;color:#f3d98e;font:700 14px/1.3 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif}
.game-tool-unit{color:#aeb8b2;font-size:11px;white-space:nowrap}
.game-tool-grid4,.game-tool-grid3,.game-tool-grid2{display:grid;gap:6px}
.game-tool-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Four short transfer labels sit on one line; the icon would squeeze them onto two. */
.game-tool-grid4 .game-tool-tile{padding:6px}
.game-tool-grid4 .game-tool-tile-top .game-tool-icon{display:none}
.game-tool-grid4 .game-tool-tile-top{font-size:10.5px}
.game-tool-grid4 .game-tool-tile-top span{overflow-wrap:normal}
.game-tool-grid3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}
.game-tool-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-tool-tile,.game-tool-rate,.game-tool-meter{--tone:#c7d3ca;min-width:0;padding:7px 8px;border:1px solid #3f5a44aa;border-radius:8px;background:#0a1219c7}
.game-tool-tile-top{display:flex;align-items:center;gap:4px;min-width:0;color:var(--tone);font-size:11.5px;line-height:1.35}
.game-tool-tile-top span{min-width:0;overflow-wrap:break-word}
.game-tool-tile-top .game-tool-icon{width:14px;height:14px}
.game-tool-tone-blue{--tone:#5aa6ff;border-color:#2f6fbf88}
.game-tool-tone-violet{--tone:#b08cff;border-color:#7d59c888}
.game-tool-tone-green{--tone:#6fe38a;border-color:#2f9a52aa}
.game-tool-tone-orange{--tone:#ff9b57;border-color:#b8642f99}
.game-tool-tone-cyan{--tone:#6fd7ea;border-color:#2c8aa0aa}
.game-tool-value{display:block;margin-top:4px;color:#fbfbf4;font:700 13px/1.3 Consolas,ui-monospace,monospace;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.game-tool-rate .game-tool-value{font-size:15px}
.game-tool-spark{display:block;width:100%;height:22px;margin-top:4px}
.game-tool-spark polyline{fill:none;stroke:var(--tone);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.game-tool-meter-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:4px}
.game-tool-meter-row .game-tool-value{margin-top:0;font-size:12px;min-width:0}
.game-tool-meter-pct{margin-top:0;color:#8ef0a8;font:700 12px/1 Consolas,ui-monospace,monospace;white-space:nowrap}
.game-tool-meter-sub{margin:4px 0 0;color:#aeb8b2;font-size:11px}
.game-tool-meter-sub .game-tool-value{display:inline;margin:0;color:#dfe6e0;font-size:11.5px}
.game-tool-bar{height:6px;margin-top:6px;border-radius:4px;background:#243039;overflow:hidden}
.game-tool-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2fb24a,#8ef07a);transition:width .6s ease}
.game-tool-note,.game-tool-coverage{margin:6px 10px 0;color:#9aa6a0;font-size:10.5px;line-height:1.5}
.game-tool-coverage:empty{display:none}
.game-tool-overall{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8px;align-items:stretch}
.game-tool-overall-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border:1px solid #2f9a52aa;border-radius:10px;background:linear-gradient(180deg,#0e2a1b,#0a1a12);color:#8ef0a8;text-align:center}
.game-tool-overall-card .game-tool-icon{width:34px;height:34px;stroke-width:1.6}
.game-tool-overall-title{margin:0;color:inherit;font:700 14px/1.3 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif}
.game-tool-overall-desc{margin:0;color:#c9d4cc;font-size:11px;line-height:1.45}
.game-tool-overall-card[data-state=warn]{border-color:#c9a24a;background:linear-gradient(180deg,#2a2412,#1a170c);color:#f5d978}
.game-tool-overall-card[data-state=bad]{border-color:#c4574b;background:linear-gradient(180deg,#2a1414,#1a0d0d);color:#ffa497}
.game-tool-checks{margin:0;display:grid;padding:2px 8px;border:1px solid #3c3a2a;border-radius:8px;background:#0a1219}
.game-tool-check{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 0;border-bottom:1px solid #2a3a33}
.game-tool-check:last-child{border-bottom:0}
.game-tool-check dt{display:flex;align-items:center;gap:6px;margin:0;color:#d7ded8;font-size:12px}
.game-tool-check dt .game-tool-icon{width:14px;height:14px;color:#aeb8b2}
.game-tool-check dd{margin:0;color:#8ef0a8;font-size:12px;font-weight:700;text-align:right;overflow-wrap:break-word}
.game-tool-check dd[data-state=warn]{color:#f5d978}
.game-tool-check dd[data-state=bad]{color:#ffa497}
.game-tool-check dd[data-state=idle]{color:#aeb8b2}
.game-tool-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 8px 0;padding:7px 10px;border:1px solid #6e5b2e;border-radius:8px;background:#0c1620d9;color:#c6cfc9;font-size:11px}
.game-tool-foot-text{display:flex;align-items:center;gap:6px;min-width:0;margin:0}
.game-tool-updated{display:flex;align-items:center;gap:5px;flex:none;margin:0;padding:4px 8px;border:1px solid #6e5b2e;border-radius:7px;color:#e8d9a8;white-space:nowrap;font-variant-numeric:tabular-nums}
#game-tool-open:focus-visible,.game-tool-close:focus-visible{outline:2px solid #f6db80;outline-offset:3px}
@media(max-width:520px){.game-tool-grid4,.game-tool-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.game-tool-overall{grid-template-columns:minmax(0,1fr)}}
@media(max-height:650px){#game-tool-panel{top:14px;max-height:calc(100dvh - 28px)}}
@media(max-width:600px){#game-tool-open{width:216px}#game-tool-panel{top:16px;max-height:calc(100dvh - 32px);width:calc(100vw - 24px)}}

/* Original reference artwork cropped to x128 y220 / 1282x520; live data replaces its sample values only. */
#game-tool-open{display:block;width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;aspect-ratio:1282/520;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden;container-type:inline-size;color:#fff;font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif}
#game-tool-open:hover,#game-tool-open[aria-expanded=true]{border:0;box-shadow:none}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-art{position:absolute;left:-9.984399%;top:-42.307692%;width:119.812793%;height:auto;max-width:none;pointer-events:none;user-select:none}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-cell{position:absolute;display:flex;align-items:center;justify-content:flex-start;gap:3px;box-sizing:border-box;padding:0 2px;background:#09131f;color:#fff;white-space:nowrap;line-height:1;pointer-events:none;font-size:clamp(10px,3.9cqw,17px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;text-shadow:0 1px 2px #0008}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-cell b{font:inherit}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-unit{color:#c7ebf8;font-size:.94em;font-weight:500}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-ping{left:30.343214%;top:31.923077%;width:14.430577%;height:14.038462%;background:linear-gradient(135deg,#0a1521,#091320)}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-fps{left:30.343214%;top:52.884615%;width:11.934477%;height:16.153846%;background:linear-gradient(135deg,#08131e,#09121b)}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-connection{left:30.187207%;top:75.384615%;width:15.600624%;height:15.769231%;font-size:clamp(10px,3.9cqw,17px);color:#54f492;background:linear-gradient(135deg,#07101a,#08111d)}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-connection[data-state=offline]{color:#ffb8a6;font-size:clamp(7px,2.3cqw,10px)}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-upload{left:76.365055%;top:31.923077%;width:20.280811%;height:14.230769%;background:linear-gradient(135deg,#09131f,#060e17)}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-download{left:76.365055%;top:53.653846%;width:20.280811%;height:14.615385%;background:linear-gradient(135deg,#08111b,#050c16)}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-ram{left:76.365055%;top:75.576923%;width:20.280811%;height:14.230769%;background:linear-gradient(135deg,#08101a,#070f19)}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-link-dot{display:none;position:absolute;left:9.360374%;top:76.923077%;width:4.290172%;height:10.576923%;background:linear-gradient(135deg,#08131e,#071019);pointer-events:none}
:is(#game-tool-open,#game-tool-panel)[data-connection=offline] .game-tool-reference-link-dot{display:block}
:is(#game-tool-open,#game-tool-panel) .game-tool-reference-link-dot:before{content:'';position:absolute;left:22%;top:25%;width:58%;aspect-ratio:1;border-radius:50%;background:#8797a7;box-shadow:0 0 3px #233442}

#game-tool-panel{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 24px),calc((100dvh - 28px)*1282/520));aspect-ratio:1282/520;height:auto;max-height:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden}
#game-tool-panel>.game-tool-diagnostics{display:none!important}
#game-tool-panel>.game-tool-reference-expanded{position:absolute;inset:0;overflow:hidden;container-type:inline-size;font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif}
#game-tool-panel .game-tool-reference-cell{font-size:3.9cqw}
#game-tool-panel .game-tool-reference-connection{font-size:3.9cqw}
#game-tool-panel .game-tool-reference-connection[data-state=offline]{font-size:2.3cqw}
#game-tool-panel .game-tool-reference-close{position:absolute;left:90.171607%;top:5.769231%;width:7.800312%;height:19.230769%;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:transparent;cursor:pointer}
#game-tool-panel .game-tool-reference-close:hover{background:#ffffff0c}
#game-tool-panel .game-tool-reference-close:focus-visible{outline:2px solid #f6db80;outline-offset:-2px}
/* Bug hunt 2026-10-11 H2: on short touch screens (landscape phones, body.hud-navy) the full reference card reached down
   over the movement joystick (#joystick, top ~170 px), so a thumb there pressed the card instead of walking. There the
   card folds into a small round status button under the character frame (gold signal bars, green dot = connected,
   grey = offline); a tap opens the same full panel as before (F9 on keyboards). Desktop and tall screens are unchanged. */
@media (max-height:520px){
 body.hud-navy #game-tool-open{width:44px;height:44px;aspect-ratio:auto;border:2px solid #d6b56a;border-radius:50%;background:radial-gradient(circle at 50% 38%,#1d3142,#0a1119);box-shadow:0 3px 10px #0009;overflow:visible;container-type:normal}
 body.hud-navy #game-tool-open>*{display:none!important}
 body.hud-navy #game-tool-open::before{content:'';position:absolute;left:11px;right:11px;top:11px;bottom:12px;background:linear-gradient(#f3d27a,#f3d27a) 0 100%/5px 38% no-repeat,linear-gradient(#f3d27a,#f3d27a) 50% 100%/5px 68% no-repeat,linear-gradient(#f3d27a,#f3d27a) 100% 100%/5px 100% no-repeat}
 body.hud-navy #game-tool-open::after{content:'';position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:50%;background:#55e27a;box-shadow:0 0 0 2px #0a1119}
 body.hud-navy #game-tool-open[data-connection=offline]::after{background:#8797a7}
}

/* W714: approved gold status console. Original compact HUD rules remain above. */
#game-tool-panel.status-console{--gold:#bf9956;--bright:#ffe5a0;--cyan:#6bdaff;--ink:#031320;position:fixed;inset:auto;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(1460px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px);aspect-ratio:auto;overflow:auto;padding:14px;box-sizing:border-box;border:2px solid var(--gold);border-radius:16px;background:radial-gradient(ellipse at 70% 0,#14364b55,transparent 60%),linear-gradient(120deg,#03121ffb,#051a29fc 55%,#020d17fc);box-shadow:0 0 0 3px #07121f,0 0 0 4px #d9ae5a99,0 24px 100px #000d,inset 0 0 0 4px #a27d3433;color:#f3f4ef;font:15px/1.45 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;scrollbar-width:thin;scrollbar-color:#947746 #061725;z-index:66;isolation:isolate}
.status-console *{box-sizing:border-box}.status-console h2,.status-console h3,.status-console p{margin:0}.status-console button{font:inherit}.status-icon{width:27px;height:27px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--cyan,#6bdaff)}
.status-header{display:flex;align-items:center;gap:16px;padding:2px 10px 15px;border-bottom:1px solid var(--gold);min-width:0}.status-header>.status-icon{width:42px;height:42px;fill:var(--bright);stroke-width:0;filter:drop-shadow(0 0 9px #ffe09244)}
.status-header h2{color:var(--bright);font-size:clamp(24px,2.6vw,39px);font-weight:750;line-height:1.4;white-space:nowrap}.status-map-name{font-size:clamp(13px,1.5vw,20px);color:var(--cyan);padding-left:16px;border-left:1px solid #b99556;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-badge{display:flex;align-items:center;gap:7px;margin-left:auto;border:1px solid var(--gold);padding:5px 12px;background:#30241566;color:var(--bright);white-space:nowrap;font-size:12px;border-radius:4px}.status-badge .status-icon{width:15px;height:15px;color:inherit}
.status-close{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--gold);border-radius:6px;background:linear-gradient(135deg,#342b1d88,#081725);color:var(--bright);cursor:pointer}.status-close .status-icon{color:inherit;width:25px;height:25px;stroke-width:2.5}.status-close:hover{background:#574025}.status-close:focus-visible{outline:3px solid #90eaff;outline-offset:3px}
.status-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}.status-summary-cell{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:78px;padding:12px 8px;border:1px solid #a18147;border-radius:7px;background:linear-gradient(145deg,#0b263a88,#03111f);box-shadow:inset 0 0 0 3px #bd9a4f0c}.status-summary-cell>div{min-width:0}.status-summary-cell>.status-icon{width:29px;height:29px;filter:drop-shadow(0 0 5px #43bfff25)}
.status-label{display:block;color:#b9dff2;font-size:13px;white-space:nowrap}.status-summary-number{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.status-summary-number strong{font-size:clamp(18px,2vw,27px);line-height:1.35}.status-summary-number small{font-size:12px}.status-summary-cell[data-summary=connection] strong{font-size:clamp(15px,1.5vw,23px)}.status-summary-cell[data-state=online] strong{color:#59edb0}.status-summary-cell[data-state=offline] strong{color:#e0b0a3}
.status-host{--accent:#70dfff;position:relative;border:1px solid var(--gold);border-radius:12px;padding:13px 18px 15px;margin-top:10px;background:radial-gradient(ellipse at 0 70%,#16314744,transparent 65%),#031421b8;box-shadow:inset 0 0 0 3px #d1a9570c;min-width:0}.status-host-sql{--accent:#f5d574}
.status-host:before,.status-host:after{content:'';position:absolute;width:17px;height:17px;border:1px solid var(--gold);pointer-events:none;opacity:.8}.status-host:before{left:4px;top:4px;border-right:0;border-bottom:0;border-radius:8px 0 0}.status-host:after{right:4px;bottom:4px;border-left:0;border-top:0;border-radius:0 0 8px}
.status-host-heading{display:flex;align-items:center;gap:12px;min-height:34px;margin-bottom:12px}.status-host-heading>.status-icon{width:32px;height:32px}.status-host-heading h3{font-size:clamp(18px,1.9vw,27px);color:#ffecc0;white-space:nowrap;line-height:1.4}.status-host-heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#bc965955,#bc9659);margin-left:8px}.status-host-state{display:flex;align-items:center;gap:7px;color:#a5b5bf;font-size:12px;white-space:nowrap}.status-host-state:before{content:'';width:8px;height:8px;border-radius:50%;background:#879ba6}.status-host-state[data-state=online]{color:#6cf0b5}.status-host-state[data-state=online]:before{background:#5af0b4;box-shadow:0 0 12px #5af0b466}
.status-host-layout{display:grid;grid-template-columns:minmax(135px,18%) minmax(0,1fr);grid-template-rows:auto 1fr;gap:8px 18px;align-items:center}.status-cpu{position:relative;grid-row:1/3;width:100%;max-width:220px;aspect-ratio:1;justify-self:center}.status-cpu>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.status-ring-outline{fill:#03131d;stroke:#ad8647;stroke-width:1}.status-ring-track{fill:#061726;stroke:#17344b;stroke-width:10}.status-ring-value{fill:none;stroke:var(--accent);stroke-width:10;transform:rotate(-90deg);transform-origin:center;filter:drop-shadow(0 0 4px #6cdfff33)}
.status-cpu-center{position:absolute;inset:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.status-cpu-center .status-icon{width:29px;height:29px}.status-cpu-center>span{color:#b5dff4;font-size:15px}.status-cpu-center strong{font-size:clamp(27px,3.2vw,46px);color:var(--accent);line-height:1.35;white-space:nowrap}
.status-readings{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;align-self:stretch}.status-reading{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid #967a49;border-radius:6px;background:linear-gradient(145deg,#0b243677,#03111d);position:relative}.status-reading>div{min-width:0}.status-reading strong{display:block;white-space:nowrap;font-size:clamp(15px,1.6vw,23px);line-height:1.5}.status-reading .status-icon{width:25px;height:25px}
.status-reading-ram{display:grid;grid-template-columns:25px minmax(0,1fr);gap:3px 9px}.status-reading-ram>div:not(.status-ram-track){display:flex;align-items:center;justify-content:space-between;gap:4px}.status-reading-ram strong{font-size:clamp(13px,1.4vw,20px)}.status-ram-track{grid-column:1/3;height:9px;background:#102d41;box-shadow:inset 0 2px 4px #0005;border:1px solid #47738b;border-radius:6px;overflow:hidden;margin-right:34px}.status-ram-track i{display:block;height:100%;width:0;background:linear-gradient(#98eaff,#27b6e8);box-shadow:0 0 8px #6cdbff66}.status-ram-percent{position:absolute;bottom:7px;right:10px;font-size:11px;color:#b2d8eb}
.status-chart{position:relative;grid-column:2;min-width:0;padding:27px 42px 23px 0;height:clamp(110px,14vh,155px);border-top:1px solid #765e30;align-self:end}.status-chart-title{position:absolute;left:4px;top:3px;color:#bee6f7;font-size:12px}.status-chart>svg{display:block;width:100%;height:100%;overflow:hidden;border-bottom:1px solid #51728b;border-left:1px solid #51728b;background:linear-gradient(transparent,#10345133)}.status-grid{stroke:#214763;stroke-width:.6;opacity:.5}.status-trace{stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #000)}
.status-chart-scale{position:absolute;right:0;top:26px;bottom:22px;display:flex;flex-direction:column;justify-content:space-between;width:32px;font-size:11px;color:#b9d5e4}.status-chart-times{position:absolute;left:0;right:42px;bottom:0;display:flex;justify-content:space-between;color:#a7c2d0;font-size:10px}.status-chart-empty{position:absolute;inset:32px 42px 24px 0;display:grid;place-items:center;font-size:12px;color:#8eafbf;background:#04172555}.status-chart-empty[hidden]{display:none}
.status-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:13px 5px 0;color:#a9c8d9;font-size:11px}.status-footer>span:first-child{display:flex;align-items:center;gap:8px}.status-footer .status-icon{width:16px;height:16px}.status-updated{white-space:nowrap}
.status-corner{position:absolute;width:23px;height:23px;pointer-events:none;border:3px double #efd492;transform:rotate(45deg);background:linear-gradient(135deg,#8c663a,#eed69a 44%,#524025 48%,#172431 72%);clip-path:polygon(50% 0,67% 33%,100% 50%,67% 67%,50% 100%,33% 67%,0 50%,33% 33%)}.status-corner-tl{left:5px;top:5px}.status-corner-tr{right:5px;top:5px}.status-corner-bl{left:5px;bottom:5px}.status-corner-br{right:5px;bottom:5px}
@media(min-width:1450px) and (min-height:850px){#game-tool-panel.status-console{padding:18px}.status-header{padding-bottom:18px}.status-summary{margin:15px 0}.status-summary-cell{min-height:88px}.status-host{padding:18px 22px}.status-host-heading{margin-bottom:16px}.status-chart{height:155px}}
@media(max-width:1050px){.status-summary-cell{gap:6px}.status-summary-cell>.status-icon{width:22px;height:22px}.status-reading{padding:8px;gap:5px}.status-reading>.status-icon{width:19px;height:19px}.status-reading-ram{grid-template-columns:18px minmax(0,1fr)}.status-reading-ram>div:not(.status-ram-track){display:block}.status-reading-ram .status-label{font-size:11px}.status-readings{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:5px}.status-host-layout{gap:8px 10px}.status-map-name{max-width:210px}.status-badge{padding:5px 8px}}
@media(max-width:760px){#game-tool-panel.status-console{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:10px}.status-header{gap:8px;padding:2px 3px 10px;flex-wrap:wrap}.status-header>.status-icon{width:29px;height:29px}.status-header h2{font-size:24px}.status-map-name{order:5;flex-basis:100%;max-width:none;border-left:0;padding-left:38px;font-size:13px}.status-badge{font-size:10px;padding:3px 6px}.status-close{width:34px;height:34px}.status-close .status-icon{width:21px;height:21px}.status-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.status-summary-cell{min-height:64px;padding:7px 4px;gap:6px}.status-summary-number strong{font-size:19px}.status-summary-number small{font-size:10px}.status-summary-cell[data-summary=connection] strong{font-size:16px}.status-label{font-size:11px}.status-host{padding:11px 10px}.status-host-heading{gap:7px;flex-wrap:wrap;margin-bottom:10px}.status-host-heading h3{font-size:18px}.status-host-heading>.status-icon{width:23px;height:23px}.status-host-state{font-size:10px}.status-host-heading:after{display:none}.status-host-layout{grid-template-columns:105px minmax(0,1fr);gap:9px}.status-cpu{grid-row:1}.status-cpu-center .status-icon{width:22px;height:22px}.status-cpu-center>span{font-size:11px}.status-cpu-center strong{font-size:25px}.status-readings{grid-template-columns:1fr 1fr;gap:5px}.status-reading{padding:6px;gap:4px}.status-reading strong{font-size:14px}.status-reading-ram strong{font-size:12px}.status-reading>.status-icon{display:none}.status-reading-ram{display:flex;flex-direction:column;align-items:stretch}.status-reading-ram>div:not(.status-ram-track){display:block}.status-ram-track{height:5px;margin-right:25px}.status-ram-percent{font-size:9px;bottom:5px;right:5px}.status-chart{grid-column:1/3;height:120px}.status-footer{flex-wrap:wrap;font-size:10px;gap:5px}.status-footer .status-icon{display:none}}
@media(max-width:390px){.status-badge{font-size:0;gap:0;padding:5px}.status-badge .status-icon{width:15px;height:15px}.status-summary-cell>.status-icon{width:18px;height:18px}.status-summary-number{gap:3px}.status-summary-number strong{font-size:17px}.status-host-heading h3{font-size:16px}.status-host-layout{grid-template-columns:87px minmax(0,1fr)}.status-cpu-center strong{font-size:22px}.status-reading strong{font-size:12px}.status-reading-ram strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.status-console *{animation:none!important;transition:none!important}}

/* W716: replace the raster launcher at the original character-HUD anchor. */
body #game #game-tool-open.status-launcher{display:flex;flex-direction:column;gap:6px;width:min(320px,calc(100vw - 28px));height:auto;aspect-ratio:auto;max-width:calc(100vw - 28px);padding:9px 11px;border:1px solid #ac8a44;border-radius:11px;background:linear-gradient(135deg,#04131ff5,#0b2433f5 65%,#03121cf5);box-shadow:inset 0 0 0 3px #071c2a,inset 0 0 0 4px #c6a35450,0 5px 18px #0008;overflow:hidden;container-type:normal;color:#edf4f7;font:11px/1.35 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;filter:none;z-index:65}
body #game #game-tool-open.status-launcher:hover,body #game #game-tool-open.status-launcher[aria-expanded=true]{border:1px solid #f2d78c;box-shadow:inset 0 0 0 3px #071c2a,inset 0 0 0 4px #c6a35490,0 5px 18px #0009}
.status-launcher .status-icon{width:15px;height:15px;flex:none;color:#66daf6;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.status-mini-head{display:flex;align-items:center;gap:7px;color:#ffe4a4;border-bottom:1px solid #a488454f;padding:1px 0 6px}
.status-mini-head b{font-size:15px;flex:1}.status-mini-head small{color:#aeb6a9;font-size:9px}.status-mini-expand{font-size:17px}
.status-mini-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 13px}
.status-mini-cell{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.status-mini-label{color:#97b6c7;font-size:10px}.status-mini-number{margin-left:auto;display:flex;align-items:baseline;gap:3px}.status-mini-number b{font-size:12px}.status-mini-number small{font-size:9px;color:#b0cbd8}
.status-mini-cell[data-tool-summary=connection] b{font-size:10px}.status-mini-cell[data-state=online] b{color:#56e9b7}.status-mini-cell[data-state=offline] b{color:#a1b5bf}
.status-mini-host{display:flex;flex-direction:column;gap:3px;border-top:1px solid #a488454f;padding-top:5px}.status-mini-host-head{display:flex;align-items:center;gap:9px}.status-mini-host-head b{color:#f2d79d;flex:1;font-size:10px}.status-mini-host-head>span{font-size:10px;color:#a3e8f9}.status-mini-net{font-size:10px;white-space:pre;color:#a8c7d5;font-variant-numeric:tabular-nums}.status-mini-host[data-online=false] .status-mini-host-head>span{color:#8598a3}
@media(max-height:520px) and (pointer:coarse){body #game #game-tool-open.status-launcher{width:44px;height:44px;padding:8px;border-radius:50%}body #game #game-tool-open.status-launcher>*{display:none!important}body #game #game-tool-open.status-launcher::before{content:'▥';display:grid;place-items:center;position:absolute;inset:0;background:none;font-size:25px;color:#f4d78f}}
@media(max-height:520px){body.hud-navy #game #game-tool-open.status-launcher{width:44px;height:44px;padding:0;border-radius:50%}}

/* The approved console itself shrinks into the original HUD corner. */
#game-tool-panel.status-console.status-console-corner{left:var(--status-corner-left,14px)!important;top:var(--status-corner-top,115px)!important;transform:scale(var(--status-corner-scale,.45));transform-origin:top left;width:1100px;max-width:none;max-height:none;padding:14px;overflow:visible;font-size:15px;box-shadow:0 0 0 3px #07121f,0 0 0 4px #d9ae5a99,0 8px 28px #0008,inset 0 0 0 4px #a27d3433}
.status-console-corner .status-header{flex-wrap:nowrap;gap:12px;padding:2px 10px 15px}.status-console-corner .status-header h2{font-size:32px}.status-console-corner .status-header>.status-icon{width:36px;height:36px}.status-console-corner .status-map-name{order:0;flex-basis:auto;max-width:240px;border-left:1px solid #b99556;padding-left:12px;font-size:18px}
.status-console-corner .status-badge{font-size:12px;gap:7px;padding:5px 10px}.status-console-corner .status-close{width:64px;height:64px;font-size:42px}.status-console-corner .status-close .status-icon{width:34px;height:34px}
.status-console-corner .status-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}.status-console-corner .status-summary-cell{min-height:78px;padding:10px 6px;gap:8px}.status-console-corner .status-summary-cell>.status-icon{width:25px;height:25px}.status-console-corner .status-summary-number{gap:4px}.status-console-corner .status-summary-number strong{font-size:24px}.status-console-corner .status-summary-number small{font-size:12px}.status-console-corner .status-summary-cell[data-summary=connection] strong{font-size:20px}.status-console-corner .status-label{font-size:13px}
.status-console-corner .status-host{padding:13px 18px 15px}.status-console-corner .status-host-heading{flex-wrap:nowrap;gap:10px;margin-bottom:12px}.status-console-corner .status-host-heading h3{font-size:24px}.status-console-corner .status-host-heading>.status-icon{width:30px;height:30px}.status-console-corner .status-host-state{font-size:12px}.status-console-corner .status-host-heading:after{display:block}
.status-console-corner .status-host-layout{grid-template-columns:180px minmax(0,1fr);gap:8px 18px}.status-console-corner .status-cpu{grid-row:1/3;max-width:180px}.status-console-corner .status-cpu-center .status-icon{width:29px;height:29px}.status-console-corner .status-cpu-center>span{font-size:15px}.status-console-corner .status-cpu-center strong{font-size:40px}
.status-console-corner .status-readings{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:7px}.status-console-corner .status-reading{padding:8px;gap:6px}.status-console-corner .status-reading strong{font-size:20px}.status-console-corner .status-reading>.status-icon{display:block;width:22px;height:22px}.status-console-corner .status-reading-ram{display:grid;grid-template-columns:22px minmax(0,1fr)}.status-console-corner .status-reading-ram>div:not(.status-ram-track){display:block}.status-console-corner .status-reading-ram strong{font-size:16px}.status-console-corner .status-ram-track{height:7px;margin-right:30px}.status-console-corner .status-ram-percent{font-size:11px;right:8px;bottom:7px}
.status-console-corner .status-chart{grid-column:2;height:125px}.status-console-corner .status-footer{flex-wrap:nowrap;font-size:11px;gap:12px}.status-console-corner .status-footer .status-icon{display:block}