/* The public customer experience. Staff and administrator surfaces are deliberately excluded. */
body.nh-play.customer-workspace,
body.nh-play.nh-account-workspace,
body.nh-play:has(#panel.creating-server:not([hidden])){--bg:#f5f4ef;--panel:#fffefa;--line:#d6ded3;--text:#193b31;--muted:#617269;--lime:#21654c;--accent:#21654c;--dark:#fffefa;background:#f5f4ef;color:#193b31;color-scheme:light;font-size:16px}
body.nh-play #panel{color:#193b31}
body.nh-play :is(.creating-server,.managing-server,.account-workspace){--bg:#f5f4ef;--panel:#fffefa;--line:#d6ded3;--text:#193b31;--muted:#617269;--lime:#21654c;--accent:#21654c;--dark:#fffefa}
body.nh-play #panel :is(input,select,textarea):not(#owner-file-text):not([type=radio]):not([type=checkbox]):not([type=range]){background:#fffefa;color:#193b31;border:1px solid #b8c7ba;border-radius:9px;padding:13px 14px;font-size:15px;line-height:1.5;box-shadow:none}
body.nh-play #panel :is(input,textarea)::placeholder{color:#77847b;opacity:1}
body.nh-play #panel :is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid #578b6e;outline-offset:4px}
body.nh-play #panel :is(input[type=radio],input[type=checkbox],input[type=range]){accent-color:#21654c}
body.nh-play #panel label{color:#294d3e;font-size:14px;line-height:1.5}
body.nh-play #panel :is(p,small){line-height:1.65}
body.nh-play #panel .eyebrow{color:#52705d;font-size:10px;letter-spacing:1.5px}
body.nh-play #panel .card{background:#fffefa;border:1px solid #d6ded3;border-radius:16px;box-shadow:none}
body.nh-play #panel .card p{color:#617269;font-size:14px}
body.nh-play #panel .card h2{font-size:29px;letter-spacing:-.8px;line-height:1.25;color:#193b31}
body.nh-play #panel .card h3{color:#193b31;font-size:18px;letter-spacing:-.3px}
body.nh-play #panel .button{background:#21654c;border:1px solid #21654c;color:#fffefa;border-radius:9px;padding:13px 19px;font-size:14px;font-weight:650;line-height:1.5;min-height:46px;box-shadow:none}
body.nh-play #panel .button:not(:disabled):hover{background:#174c39;border-color:#174c39;transform:none;filter:none}
body.nh-play #panel .button.secondary{background:transparent;color:#28533f;border-color:#b8c7ba}
body.nh-play #panel .button.secondary:not(:disabled):hover{background:#e7efe3;border-color:#829d86;color:#193b31}
body.nh-play #panel .quiet{color:#3e624e;font-size:13px}
body.nh-play #panel button:disabled{cursor:not-allowed;opacity:.5}
body.nh-play #panel .form-error{color:#a12f31;font-size:13px}
body.nh-play #panel .badge{color:#285f42;border-color:#c5d6c1;background:#e6eedf;font-size:10px}
body.nh-play #panel .panel-top p{color:#617269;font-size:16px}
body.nh-play #panel .panel-top h1{font-size:clamp(32px,3.6vw,48px);font-weight:650;line-height:1.12;letter-spacing:-1.7px;color:#193b31;margin:12px 0}
body.nh-play #panel .panel-top{margin-bottom:32px}
body.nh-play #panel .panel-foot{color:#617269}

/* Setup: a focused form with optional details, rather than a dashboard of choices. */
body.nh-play .creating-server .panel-layout{max-width:1280px;display:block}
body.nh-play .creating-server .panel-content{padding:50px 5% 80px}
body.nh-play .creating-server .panel-top{margin-bottom:32px}
body.nh-play .creating-server .create-layout{grid-template-columns:minmax(0,1fr) 255px;gap:46px;align-items:start}
body.nh-play .creating-server .create-wide{grid-template-columns:minmax(0,1fr)}
body.nh-play .creating-server .create-progress{padding:0 0 27px;margin-bottom:32px;border-color:#d6ded3}
body.nh-play .creating-server .create-progress ol{gap:18px;justify-content:flex-start}
body.nh-play .creating-server .create-progress li{flex:1}
body.nh-play .creating-server[data-setup-mode=quick] .create-progress li{flex:0 1 210px}
body.nh-play .creating-server .create-progress button{color:#6b7a70;font-size:13px;line-height:1.4;gap:10px}
body.nh-play .creating-server .create-progress button:disabled{opacity:1;cursor:default}
body.nh-play .creating-server .create-progress button span{width:31px;height:31px;color:#557260;border-color:#c5d0c2;background:#f5f4ef;flex-shrink:0}
body.nh-play .creating-server .create-progress [aria-current] button{color:#193b31}
body.nh-play .creating-server .create-progress [aria-current] button span{background:#21654c;border-color:#21654c;color:#fffefa}
body.nh-play .creating-server .create-card{padding:34px;border-radius:16px}
body.nh-play .creating-server .create-card>h2{font-size:32px;margin:10px 0 12px}
body.nh-play .creating-server .create-card>p{margin:0 0 27px;max-width:58ch}
body.nh-play .creating-server .setup-choice legend{font-size:14px;font-weight:650;margin-bottom:12px}
body.nh-play .creating-server .create-mode-choices{gap:12px}
body.nh-play .creating-server .create-mode-choices label{padding:19px 17px;border:1px solid #ccd7c7;border-radius:11px;background:#f8f9f3;gap:7px 10px;align-content:start}
body.nh-play .creating-server .create-mode-choices label:has(input:checked){background:#e9f0df;border-color:#6b966c;box-shadow:inset 0 0 0 1px #6b966c}
body.nh-play .creating-server .create-mode-choices strong{color:#193b31;font-size:15px}
body.nh-play .creating-server .create-mode-choices small{color:#617269;font-size:12px;line-height:1.6}
body.nh-play .creating-server .create-mode-choices input{width:17px;height:17px;margin-top:3px}
body.nh-play .creating-server .nh-setup-mode-note{font-size:13px!important;margin:12px 0 26px;color:#58705d!important}
body.nh-play .creating-server form>label{margin-top:24px}
body.nh-play .creating-server .nh-name-field{display:grid;grid-template-columns:minmax(0,1fr) 49px;align-items:end;gap:10px;margin-top:24px;position:relative}
body.nh-play .creating-server .nh-name-field>label{display:block;min-width:0;margin:0}
body.nh-play .creating-server .nh-name-field input{width:100%}
body.nh-play .creating-server .nh-name-roll{display:grid;place-items:center;width:49px;height:49px;padding:0;margin:0;background:#e7efdd;color:#36643e;border:1px solid #b9cdb0;border-radius:9px;cursor:pointer}
body.nh-play .creating-server .nh-name-roll:hover{background:#d8e7c9;border-color:#7ea16b;color:#234d2c}
body.nh-play .creating-server .nh-name-roll:active{background:#cdddba}
body.nh-play .creating-server .nh-name-roll svg{width:23px;height:23px}
body.nh-play .creating-server .nh-name-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.nh-play .creating-server form>small{display:block;color:#617269;font-size:12px;margin-top:8px}
body.nh-play .creating-server .create-actions{padding-top:25px;margin-top:30px;border-color:#d6ded3;gap:18px}
body.nh-play .creating-server .create-actions .button{min-width:190px}
body.nh-play .creating-server .nh-address-disclosure{margin:22px 0;border-top:1px solid #dfe5d9;border-bottom:1px solid #dfe5d9;padding:16px 0}
body.nh-play .creating-server .nh-address-disclosure summary{cursor:pointer;font-size:13px;font-weight:600;color:#3d614b;list-style-position:inside}
body.nh-play .creating-server .nh-address-disclosure summary span{font-size:11px;font-weight:400;color:#758274;margin-left:10px}
body.nh-play .creating-server .nh-address-disclosure .create-address{display:block;margin:17px 0 4px}
body.nh-play .creating-server .create-address>div{gap:10px}
body.nh-play .creating-server .create-address span{font-size:12px;color:#617269}
body.nh-play .creating-server .create-address small{color:#617269}
body.nh-play #panel .address-availability[data-state=available]{color:#276443}
body.nh-play #panel .address-availability[data-state=unavailable]{color:#a12f31}
body.nh-play .creating-server .create-summary{position:sticky;top:24px}
body.nh-play .creating-server .create-summary>.card{padding:23px;border:0;border-radius:0;background:transparent}
body.nh-play .creating-server .create-summary>section.card{padding:24px 22px 18px;border-top:1px solid #c9d5c3}
body.nh-play .creating-server .create-summary h3{font-size:20px;margin:12px 0 7px}
body.nh-play .creating-server .create-summary .skin-card{background:#e9efdf!important;border-radius:48% 48% 20px 20px;padding:25px 20px 17px;border:0;overflow:hidden;text-align:center}
body.nh-play .creating-server .skin-stage{height:185px;min-height:185px;background:transparent}
body.nh-play .creating-server .skin-stage canvas{max-height:175px;width:auto}
body.nh-play .creating-server .skin-card h3{font-size:13px;font-weight:500;margin:10px 0 0;overflow-wrap:anywhere}
body.nh-play .creating-server .skin-message{color:#617269;font-size:12px}
body.nh-play .creating-server .create-free{color:#21654c;border-color:#d6ded3;margin-top:15px;padding:15px 0}
body.nh-play .creating-server .create-free strong{font-size:27px;font-weight:650;letter-spacing:-1px}
body.nh-play .creating-server .create-summary small{font-size:12px;color:#617269;line-height:1.8}
body.nh-play .creating-server .nh-session-disclosure{margin:0 0 22px;border-top:1px solid #cbd7c5;border-bottom:1px solid #cbd7c5;padding:16px 0}
body.nh-play .creating-server .nh-session-disclosure summary{font-size:12px;color:#3b624a;cursor:pointer;line-height:1.6}
body.nh-play .creating-server .nh-session-choice{border:0;background:transparent;padding:16px 0 0;margin:0;border-radius:0}
body.nh-play .creating-server .nh-session-choice label{font-size:12px}
body.nh-play .creating-server .nh-session-choice small{font-size:11px;color:#617269}
body.nh-play .creating-server .nh-session-choice select{font-size:13px;padding:11px 9px}
body.nh-play .creating-server .create-review{margin:25px 0}
body.nh-play .creating-server .create-review>div{grid-template-columns:130px minmax(0,1fr) auto;padding:17px 0;border-color:#dfe5d9;gap:15px}
body.nh-play .creating-server .create-review dt{font-size:13px;color:#617269}
body.nh-play .creating-server .create-review dd{font-size:14px;color:#193b31;line-height:1.6}
body.nh-play .creating-server .create-policy{background:#e9f0df;border-left:3px solid #6f9667;border-radius:0;padding:18px 20px;font-size:14px!important;color:#33543d!important}
body.nh-play .creating-server .quick-plugin-credits{font-size:12px;padding:0 0 12px}
body.nh-play .creating-server .ram-selector{background:#f3f6eb;border-color:#d4dec9}

/* Management: clear navigation, one strong status strip, and a calm working surface. */
body.nh-play.customer-workspace .topbar{background:#fffefa;border-color:#d6ded3}
body.nh-play.customer-workspace .topbar .quiet{color:#355b47;background:transparent;border-color:#bdcbbd;padding:10px 15px;font-size:13px}
body.nh-play.customer-workspace .topbar .brand::after{color:#617269!important}
body.nh-play.customer-workspace .managing-server .panel-layout{grid-template-columns:245px minmax(0,1fr);min-height:calc(100dvh - 78px)}
body.nh-play.customer-workspace .managing-server .sidebar{padding:28px 20px 22px;background:#eaeedf;border-color:#d0dacb;position:sticky;top:0;height:calc(100dvh - 78px);min-height:540px}
body.nh-play .workspace-server-card{background:transparent;border:0;border-radius:0;padding:0 2px 25px;margin-bottom:13px;gap:12px;border-bottom:1px solid #ccd8c5}
body.nh-play .workspace-server-card>svg{color:#39734e;width:28px;height:28px}
body.nh-play .workspace-server-card strong{font-size:14px;color:#193b31;font-weight:650}
body.nh-play .workspace-server-card small{font-size:11px;color:#64785f;margin-top:4px}
body.nh-play #panel .nh-nav-caption{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:650;margin:18px 12px 9px;color:#71816a}
body.nh-play .workspace-navigation,body.nh-play .workspace-utility{gap:4px;margin:0;padding:0;border:0}
body.nh-play #panel .workspace-utility+.nh-nav-caption{margin-top:25px}
body.nh-play.customer-workspace .managing-server .side-link{padding:12px 13px;color:#4f6751;background:transparent;border-color:transparent;border-radius:9px;font-size:13px;gap:11px;min-height:43px;box-shadow:none}
body.nh-play.customer-workspace .managing-server .side-link:hover{background:#dce6d3;color:#193b31}
body.nh-play.customer-workspace .managing-server .side-link.active{background:#fffefa;color:#1d5a3e;border-color:#cfdbc5;box-shadow:0 2px 5px #1b3d2010;font-weight:650}
body.nh-play #panel .side-link svg{width:18px;height:18px}
body.nh-play.customer-workspace .managing-server .sidebar-bottom{border-color:#ccd8c5;padding-top:20px;gap:10px}
body.nh-play #panel .workspace-avatar{background:#dae7cc;color:#41633b;border:1px solid #c7d8b9;border-radius:50%;width:36px;height:36px}
body.nh-play.customer-workspace .sidebar-bottom strong{color:#2d4e37;font-size:12px}
body.nh-play.customer-workspace .sidebar-bottom small{font-size:10px;color:#6e8065}
body.nh-play .workspace-server-selector{color:#617269;font-size:11px}
body.nh-play #panel .workspace-server-selector select{font-size:12px;padding:9px}
body.nh-play.customer-workspace .managing-server .panel-content{padding:40px 4% 55px;max-width:1550px}
body.nh-play.customer-workspace .managing-server .panel-top{margin-bottom:27px}
body.nh-play.customer-workspace .managing-server .owner-power{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 24px;padding:25px 0;margin-bottom:28px;background:transparent;border:0;border-top:1px solid #cdd8c8;border-bottom:1px solid #cdd8c8;border-radius:0;position:static;box-shadow:none}
body.nh-play #panel .owner-power strong{font-size:22px;letter-spacing:-.6px;color:#193b31}
body.nh-play #owner-power-state{font-size:11px;color:#557050;background:#e3ebdb;border:1px solid #c9d7bf;padding:4px 9px;border-radius:30px;line-height:1.3;width:fit-content;max-width:100%;align-self:flex-start}
body.nh-play .owner-power[data-state=online] #owner-power-state{background:#d9ecce;color:#285f36;border-color:#b7d8a8}
body.nh-play .owner-power[data-state=error] #owner-power-state{background:#fae7df;color:#9a4932;border-color:#ebc4b7}
body.nh-play #panel .owner-power .nh-power-context{grid-column:1/-1;color:#617269;font-size:12px;line-height:1.6;margin:0}
body.nh-play #panel .workspace-copy{color:#4f6e57;padding:0;margin-top:8px;gap:8px}
body.nh-play #panel .workspace-copy span{font-size:12px!important;color:#55705b}
body.nh-play #panel .workspace-copy svg{color:#41654c;width:15px;height:15px}
body.nh-play #panel .owner-power-buttons{display:flex;gap:8px;width:auto;flex-wrap:wrap}
body.nh-play #panel .owner-power-buttons button{min-height:45px;justify-content:center;flex:none;padding:11px 15px}
body.nh-play #panel .owner-power [data-owner-power=stop]:not(:disabled){background:transparent;color:#8f5147;border-color:#d8bcb2}
body.nh-play #panel .owner-power [data-owner-power=restart]:not(:disabled){background:transparent;color:#34533f;border-color:#b9c8b5}
body.nh-play #panel .workspace-details{background:transparent;border:0;border-bottom:1px solid #d6ded3;border-radius:0;margin-bottom:30px;grid-template-columns:repeat(4,minmax(0,1fr))}
body.nh-play #panel .workspace-details>div{padding:0 20px 22px;border:0;border-right:1px solid #d6ded3;margin-bottom:22px}
body.nh-play #panel .workspace-details>div:first-child{padding-left:0}
body.nh-play #panel .workspace-details>div:last-child{border-right:0}
body.nh-play #panel .workspace-details span{font-size:11px;color:#71816e;margin-bottom:8px}
body.nh-play #panel .workspace-details strong{font-size:14px;font-weight:600;color:#36553e}
body.nh-play #panel .workspace-dashboard{grid-template-columns:minmax(0,1fr) 280px;gap:27px}
body.nh-play.customer-workspace .managing-server .card{padding:26px;border-radius:13px;background:#fffefa;border-color:#d6ded3}
body.nh-play #panel .workspace-session .card{border:0;padding:24px 0;background:transparent;border-radius:0;margin-bottom:0;border-bottom:1px solid #d6ded3}
body.nh-play #panel .workspace-session .timer-card{padding:25px!important;background:#234f3c!important;border:0!important;border-radius:13px;color:#fffefa;margin-bottom:10px}
body.nh-play #panel .timer-card :is(h3,p,small,.clock-label,.card-top){color:#d8e5ce!important}
body.nh-play #panel .timer-card .card-top h3{font-size:14px;letter-spacing:0;font-weight:500}
body.nh-play #panel .timer-card .clock{font-size:43px;font-weight:500;color:#fffefa;letter-spacing:-1.7px;line-height:1.2;margin:16px 0 8px}
body.nh-play #panel .timer-card .clock-label{font-size:11px;line-height:1.6;margin-bottom:20px}
body.nh-play #panel .timer-card .time-bar{background:#47705b;height:4px;margin-bottom:21px}
body.nh-play #panel .timer-card .time-bar span{background:#c5dc9c}
body.nh-play #panel .timer-card .button{background:#e5efd1;color:#254f37;border-color:#e5efd1;font-size:13px;min-height:44px;padding:10px 12px}
body.nh-play #panel .timer-card .button:not(:disabled):hover{background:#f5fae9;border-color:#f5fae9}
body.nh-play #panel .timer-card .time-note{font-size:11px!important;line-height:1.8}
body.nh-play #panel .timer-card .end-session{color:#e5c7bb;font-size:11px;margin-top:15px}
body.nh-play #panel .grace-card{outline:2px solid #bd9458;outline-offset:3px}
body.nh-play #panel .workspace-session :is(label,.time-note){font-size:12px}
body.nh-play #panel .workspace-session input{padding:11px;font-size:13px}
body.nh-play #panel .workspace-shortcuts{display:flex;flex-direction:column;gap:0;margin-top:30px;border-top:1px solid #d0dacb}
body.nh-play #panel .workspace-shortcuts button{background:transparent;border:0;border-bottom:1px solid #d0dacb;border-radius:0;padding:19px 3px;color:#31563e;gap:16px}
body.nh-play #panel .workspace-shortcuts button:hover{background:#ebf0e4}
body.nh-play #panel .workspace-shortcuts svg{color:#557e4e;width:23px;height:23px}
body.nh-play #panel .workspace-shortcuts strong{font-size:14px;font-weight:600}
body.nh-play #panel .workspace-shortcuts small{display:block;font-size:12px;margin:4px 0 0;color:#71816d}
body.nh-play #panel .workspace-shortcuts b{color:#547449}

/* Tools retain their own visual hierarchy and all existing controls. */
body.nh-play #panel .owner-console{background:#172a23;border:1px solid #304b3c;border-radius:13px;color:#e8eee2;overflow:hidden}
body.nh-play #panel .owner-console-bar{background:#20372c;border-color:#3b5141;color:#e8eee2;padding:16px 19px;font-size:12px;gap:12px}
body.nh-play #panel .owner-console-bar .quiet{color:#b8cbb6;font-size:11px}
body.nh-play #panel .owner-console pre{height:320px;color:#c8d7c4;background:#172a23;padding:22px;font-size:12px;line-height:1.9}
body.nh-play #panel-body>.owner-console pre{height:calc(100dvh - 480px);min-height:330px}
body.nh-play #panel .owner-console form{background:#1a3026;border-color:#3b5141;padding:13px 16px;gap:10px}
body.nh-play #panel .owner-console form input{background:transparent!important;color:#edf3e7!important;border:0!important;border-radius:0!important;font:12px/1.6 ui-monospace,Consolas,monospace!important;margin:0;padding:8px!important}
body.nh-play #panel .owner-console form .button{background:#c9dfac;color:#203b29;border-color:#c9dfac;font-size:12px;min-height:37px;padding:8px 12px}
body.nh-play #panel .owner-console-foot{background:#1a2d24;color:#a6bda6;padding:13px 17px;font-size:10px}
body.nh-play #panel .owner-console-foot label{font-size:10px;color:#b8cbb6}
body.nh-play #panel .owner-console .form-error{color:#ffc4ad}
body.nh-play #panel #owner-file-text{background:#172a23;color:#dbe7d5;border:1px solid #3b5141;border-radius:10px;padding:18px;font:13px/1.7 ui-monospace,Consolas,monospace}
body.nh-play #panel .owner-files table{color:#294d38}
body.nh-play #panel .owner-files :is(th,td){padding:15px 10px;font-size:13px}
body.nh-play #panel .owner-files button:not(.button){color:#31563e;border-color:#c1cfb9;background:#f6f8f0;padding:8px 11px}
body.nh-play #panel .owner-files #owner-file-status.error{color:#a12f31}
body.nh-play #panel .owner-files-locked{background:#e9efdf;border-color:#cfdbc3;padding:32px}
body.nh-play #panel .owner-files-locked h2{max-width:26ch}
body.nh-play #panel .owner-file-lock-actions{gap:15px}
body.nh-play #panel .address-trash{background:#faeee6;color:#9b5147;border-color:#ddc6b9}
body.nh-play #panel .plugin-shop{gap:28px}
body.nh-play #panel .plugin-grid{gap:18px}
body.nh-play #panel .plugin-cart{background:#edf2e3!important;border-color:#cad8bc!important;border-radius:13px;padding:25px}
body.nh-play #panel .plugin-cart-total{border-color:#cbd7c0}
body.nh-play #panel .plugin-cart-total strong{color:#21654c}
body.nh-play #panel .plugin-icon{background:#e5edd9;color:#437241}
body.nh-play #panel .plugin-credit{font-size:12px;color:#6c7e64}
body.nh-play #panel .plugin-credit a{color:#366d44}
body.nh-play #panel .plugin-title small{color:#6d7f64}
body.nh-play #panel .configuration-layout{grid-template-columns:minmax(0,1fr) 240px;gap:30px}
body.nh-play #panel .configuration-layout .skin-card{background:#e9efdf!important;border:0}
body.nh-play #panel .settings-card h2{font-size:29px!important}
body.nh-play #panel .world-option{background:#fffefa;border-color:#cad7c2;border-radius:13px}
body.nh-play #panel .world-option:has(input:checked){border-color:#4f8552;box-shadow:0 0 0 2px #6c9b5a25}
body.nh-play #panel .world-card-copy strong{color:#254b32;font-size:18px}
body.nh-play #panel .world-card-copy span{color:#6c7f64;font-size:13px}
body.nh-play #panel .world-card-copy small{color:#47743e}
body.nh-play #panel .world-folder{background:#edf2e3;border-color:#cddabe;color:#305136;border-radius:13px;min-height:175px;padding:25px}
body.nh-play #panel .world-folder:hover{background:#e0ead2;border-color:#93b17d}
body.nh-play #panel .world-folder :is(small,em),body.nh-play #panel :is(.world-empty,.world-upload p,#world-rules){color:#637b59}
body.nh-play #panel .world-folder>span{color:#5f8848}
body.nh-play #panel #world-rules summary{color:#375d3d}
body.nh-play #panel .world-confirm{background:#fffefa;border-color:#c2d0b7;box-shadow:0 8px 26px #29452516;padding:22px}
body.nh-play #panel .world-heading h2{font-size:32px;color:#193b31}
body.nh-play #panel .world-primary-choice{background:#edf2e3;color:#305136;border-color:#c6d6b9;box-shadow:none;border-radius:13px}
body.nh-play #panel .world-primary-choice:hover{background:#e2ecd5;border-color:#8dac78}
body.nh-play #panel .world-primary-choice[aria-pressed=true]{border-color:#4f8552;box-shadow:inset 0 0 0 1px #4f8552}
body.nh-play #panel .world-primary-choice strong{color:#23482f}
body.nh-play #panel .world-primary-choice :is(small,em){color:#627b57}
body.nh-play #panel .world-primary-choice .world-primary-symbol{color:#537f3e;background:#e0eace;border-color:#b8cda7}
body.nh-play #panel .world-primary-choice>b{color:#557b43}
body.nh-play #panel .world-library-heading{border-color:#d0dcc5}
body.nh-play #panel .world-library-heading h3{color:#254d34}
body.nh-play #panel .world-library-heading p{color:#6a7e60;font-size:14px}
body.nh-play #panel .ticket-row{background:#f2f5e9;border-color:#ccd9c0;color:#294e36;padding:20px}
body.nh-play #panel .ticket-message{background:#eef2e5;color:#294e36}
body.nh-play #panel .support-reply{background:#e1ecd4;border-left-color:#729d59}
body.nh-play #panel .resource-row strong{color:#2b5439}
body.nh-play #panel .resource-row span{color:#6a7d60}
body.nh-play #panel .archive-row{border-color:#d6ded3}

/* An account can ask for help before creating its first server. */
body.nh-play.nh-account-workspace .topbar{background:#fffefa;border-color:#d6ded3}
body.nh-play #panel.account-workspace .panel-layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:none;min-height:calc(100dvh - 78px)}
body.nh-play #panel.account-workspace .sidebar{background:#eaeedf;border-right:1px solid #d0dacb;padding:30px 20px;gap:5px}
body.nh-play #panel.account-workspace .sidebar>.eyebrow{font-size:9px;letter-spacing:1.1px;margin:4px 11px 22px;color:#6e8164}
body.nh-play #panel.account-workspace .side-link{display:flex;align-items:center;min-height:44px;padding:12px 13px;background:transparent;border:1px solid transparent;border-radius:9px;color:#4f6751;font-size:13px;text-decoration:none;text-align:left;line-height:1.4}
body.nh-play #panel.account-workspace .side-link[hidden]{display:none!important}
body.nh-play #panel.account-workspace .side-link.active{background:#fffefa;border-color:#cfdbc5;color:#1d5a3e;font-weight:650}
body.nh-play #panel.account-workspace .side-link:hover{background:#dce6d3;color:#193b31}
body.nh-play #panel.account-workspace .nh-account-setup{margin-bottom:16px;border-bottom:1px solid #cbd8c3;border-radius:0;color:#2b6040}
body.nh-play #panel.account-workspace .sidebar-bottom{font-size:12px;color:#6b7e63;border-top-color:#ccd8c5}
body.nh-play #panel.account-workspace .panel-content{padding:42px 4% 60px;max-width:1300px;width:100%;margin:0 auto;min-width:0}
body.nh-play #panel.account-workspace .panel-top>.badge,body.nh-play #panel.account-workspace .panel-content>.notice,body.nh-play #panel.account-workspace .panel-foot{display:none}
body.nh-play #panel.account-workspace #panel-body>.card{padding:30px}
body.nh-play #panel.account-workspace .notice{background:#eaf1df;color:#48633e;border-color:#d0dfbf;border-radius:8px;padding:15px 18px;font-size:13px}
body.nh-play #panel.account-workspace .settings-card{max-width:none}
@media(max-width:900px){body.nh-play #panel.account-workspace .panel-layout{grid-template-columns:210px minmax(0,1fr)}body.nh-play #panel.account-workspace .sidebar{padding:25px 13px}body.nh-play #panel.account-workspace .support-layout{grid-template-columns:1fr}}
@media(max-width:700px){body.nh-play #panel.account-workspace .panel-layout{display:block}body.nh-play #panel.account-workspace .sidebar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 17px;border-right:0;border-bottom:1px solid #d0dacb;gap:6px}body.nh-play #panel.account-workspace .sidebar>.eyebrow,body.nh-play #panel.account-workspace .sidebar-bottom{display:none}body.nh-play #panel.account-workspace .side-link{font-size:12px;padding:10px 12px;min-height:40px}body.nh-play #panel.account-workspace .nh-account-setup{margin:0;border:1px solid #cbd8c3;border-radius:9px}body.nh-play #panel.account-workspace .panel-content{padding:28px 19px 45px}body.nh-play #panel.account-workspace #panel-body>.card{padding:23px}}

@media(min-width:1600px){body.nh-play #panel .workspace-dashboard{grid-template-columns:minmax(0,1fr) 310px}body.nh-play #panel .owner-console pre{height:360px}}
@media(max-width:1180px){body.nh-play.customer-workspace .managing-server .panel-layout{grid-template-columns:218px minmax(0,1fr)}body.nh-play.customer-workspace .managing-server .sidebar{padding:25px 14px}body.nh-play.customer-workspace .managing-server .panel-content{padding:32px 25px 45px}body.nh-play #panel .workspace-dashboard{grid-template-columns:minmax(0,1fr) 250px;gap:20px}body.nh-play #panel .owner-power-buttons button{padding:10px 12px;font-size:12px}body.nh-play #panel .workspace-details>div{padding:0 12px 18px}body.nh-play .creating-server .create-layout{gap:28px;grid-template-columns:minmax(0,1fr) 230px}body.nh-play .creating-server .create-wide{grid-template-columns:1fr}}
@media(max-width:1000px){body.nh-play #panel .workspace-dashboard{grid-template-columns:1fr}body.nh-play #panel .workspace-session{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}body.nh-play #panel .workspace-session>.card{width:100%;margin-bottom:0}body.nh-play.customer-workspace .managing-server .owner-power{grid-template-columns:1fr}body.nh-play #panel .owner-power-buttons{width:100%}body.nh-play #panel .owner-power-buttons button{flex:1}body.nh-play #panel .configuration-layout{grid-template-columns:1fr}body.nh-play #panel .configuration-layout>.skin-card{display:none}}
@media(max-width:800px){body.nh-play .creating-server .panel-content{padding:35px 5% 60px}body.nh-play .creating-server .create-layout{grid-template-columns:1fr}body.nh-play .creating-server .create-summary{display:grid;position:static;grid-template-columns:1fr;gap:0}body.nh-play .creating-server .create-summary>.skin-card{display:none}body.nh-play .creating-server .create-summary>section.card{padding:22px}body.nh-play .creating-server .create-summary>section.card .eyebrow{display:none}body.nh-play .creating-server .create-summary h3{margin-top:0}body.nh-play .creating-server .create-progress{overflow:auto;padding-bottom:20px}body.nh-play .creating-server .create-progress ol{min-width:560px}body.nh-play .creating-server[data-setup-mode=quick] .create-progress ol{min-width:0}body.nh-play .creating-server .create-progress button{flex-direction:row;align-items:center;gap:8px;font-size:12px}body.nh-play .creating-server .create-card{padding:29px}}
@media(max-width:700px){body.nh-play.customer-workspace .managing-server .panel-layout{display:block}body.nh-play.customer-workspace .managing-server .sidebar{position:static;min-height:0;height:auto;padding:13px 16px;background:#edf1e5;border-right:0;border-bottom:1px solid #d3deca}body.nh-play #panel .nh-nav-caption,body.nh-play #panel .workspace-server-card,body.nh-play.customer-workspace .sidebar-bottom{display:none!important}body.nh-play .workspace-navigation,body.nh-play .workspace-utility{display:flex;flex-direction:row;gap:5px;overflow-x:auto;scrollbar-width:thin;padding:2px 0}.nh-play .workspace-utility{margin-top:6px}body.nh-play.customer-workspace .managing-server .side-link{min-height:39px;padding:9px 11px;font-size:12px;white-space:nowrap;flex-shrink:0}body.nh-play #panel .workspace-utility .side-link{font-size:11px!important;padding:7px 11px!important}body.nh-play.customer-workspace .managing-server .panel-content{padding:28px 19px 40px}body.nh-play #panel .panel-top h1{font-size:34px;letter-spacing:-1.2px}body.nh-play #panel .panel-top p{font-size:14px}body.nh-play #panel .panel-top{margin-bottom:23px}body.nh-play.customer-workspace .managing-server .owner-power{padding:21px 0;gap:17px;margin-bottom:24px}body.nh-play #panel .owner-power strong{font-size:20px}body.nh-play #panel .owner-power-buttons button{padding:11px 10px!important;font-size:12px}body.nh-play #panel .workspace-details{grid-template-columns:1fr 1fr;margin-bottom:25px}body.nh-play #panel .workspace-details>div{padding:0 12px 0 0;margin-bottom:19px;border:0}body.nh-play #panel .workspace-details>div:nth-child(even){padding-left:14px;border-left:1px solid #d6ded3}body.nh-play #panel .workspace-dashboard{display:flex;flex-direction:column;gap:22px}body.nh-play #panel .workspace-session{display:contents}body.nh-play #panel .workspace-main{width:100%}body.nh-play #panel .workspace-dashboard .timer-card{order:-1;width:100%;margin-bottom:0}body.nh-play #panel .workspace-session>.card:not(.timer-card){order:1;width:100%}body.nh-play #panel .timer-card .clock{font-size:45px}body.nh-play #panel .owner-console pre{height:260px;padding:17px;font-size:11px}body.nh-play #panel-body>.owner-console pre{min-height:300px}body.nh-play #panel .owner-console-bar{padding:14px;font-size:11px}body.nh-play #panel .owner-console form{padding:11px;gap:7px}body.nh-play #panel .owner-console form input{min-width:0;font-size:11px!important}body.nh-play #panel .owner-console-foot{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:6px}body.nh-play #panel .workspace-shortcuts{margin-top:23px}body.nh-play #panel .workspace-shortcuts button{padding:18px 3px}body.nh-play #panel .owner-files-locked{padding:25px}body.nh-play #panel .owner-files :is(th,td){font-size:12px}body.nh-play #panel .owner-files button:not(.button){font-size:11px;padding:7px 9px}}
@media(max-width:480px){body.nh-play .creating-server .panel-content{padding:29px 18px 45px}body.nh-play .creating-server .create-card{padding:24px 20px}body.nh-play .creating-server .create-card>h2{font-size:28px}body.nh-play .creating-server .create-mode-choices{grid-template-columns:1fr;gap:10px}body.nh-play .creating-server .create-mode-choices label{padding:16px}body.nh-play .creating-server .create-actions{align-items:stretch;gap:10px}body.nh-play .creating-server .create-actions .button{min-width:0;flex:1;padding:12px 15px;font-size:13px}body.nh-play .creating-server .create-review>div{grid-template-columns:95px minmax(0,1fr) auto;gap:9px}body.nh-play .creating-server .create-review dd{font-size:13px}body.nh-play .creating-server .create-review dt{font-size:12px}body.nh-play .creating-server .create-address>div{display:block}body.nh-play .creating-server .create-address span{display:block;margin-top:6px}body.nh-play #panel .world-heading h2{font-size:28px}body.nh-play #panel .card{padding:22px}body.nh-play #panel .card h2{font-size:25px}body.nh-play #panel .plugin-cart{padding:23px}body.nh-play #panel .owner-file-top{gap:15px}}
@media(prefers-reduced-motion:reduce){body.nh-play #panel *{scroll-behavior:auto;animation:none!important;transition:none!important}}

/* Address renewal opens after five protected days; keep its unavailable state clear. */
body.nh-play #panel .button[data-protect]:disabled{background:#e5e7e3;border-color:#cbd0c8;color:#727a72;opacity:1;cursor:not-allowed;filter:none}
body.nh-play #panel .workspace-allocation{font:12px/1.6 ui-monospace,Consolas,monospace;color:#617269;margin:4px 0 0;overflow-wrap:anywhere}

/* Customer navigation sits above the workspace, with all destinations reachable on small screens. */
body.nh-play.customer-workspace .managing-server .panel-layout{display:block;max-width:none;min-height:calc(100dvh - 78px)}
body.nh-play.customer-workspace .managing-server .sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 26px;position:static;min-height:0;height:auto;width:100%;padding:14px 4%;border-right:0;border-bottom:1px solid #d0dacb;background:#eaeedf}
body.nh-play.customer-workspace .managing-server .sidebar>.workspace-server-card,body.nh-play.customer-workspace .managing-server .sidebar>.nh-nav-caption,body.nh-play.customer-workspace .managing-server .sidebar>.sidebar-bottom{display:none!important}
body.nh-play.customer-workspace .managing-server .workspace-navigation,body.nh-play.customer-workspace .managing-server .workspace-utility{display:flex;flex-direction:row;align-items:center;gap:5px;min-width:0;width:auto;max-width:100%;margin:0;padding:3px 0;overflow-x:auto;scrollbar-width:thin;border:0}
body.nh-play.customer-workspace .managing-server .workspace-utility{justify-content:flex-end}
body.nh-play.customer-workspace .managing-server .side-link{flex:0 0 auto;min-height:43px;padding:10px 13px;font-size:13px;white-space:nowrap;text-decoration:none}
body.nh-play.customer-workspace .managing-server .workspace-server-selector{grid-column:1/-1;max-width:320px;margin:0;font-size:11px}
body.nh-play.customer-workspace .managing-server .panel-content{max-width:1440px;margin:0 auto;padding:34px 4% 55px}
@media(max-width:1180px){body.nh-play.customer-workspace .managing-server .sidebar{grid-template-columns:minmax(0,1fr);gap:6px}body.nh-play.customer-workspace .managing-server .workspace-utility{justify-content:flex-start}}
@media(max-width:700px){body.nh-play.customer-workspace .managing-server .sidebar{padding:10px 16px;gap:5px}body.nh-play.customer-workspace .managing-server .side-link{font-size:12px;padding:10px 12px}body.nh-play.customer-workspace .managing-server .panel-content{padding:27px 19px 40px}}

@media(max-width:600px){body.nh-play.customer-workspace .topbar{height:auto;min-height:76px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 18px}body.nh-play.customer-workspace .topbar .nh-brand-logo{width:150px;height:25px}body.nh-play.customer-workspace .topbar nav{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}body.nh-play.customer-workspace .topbar nav .quiet{font-size:12px;padding:9px 11px}}