/* Paroxysm browser MUD terminal. Deliberately scoped to the /play/ page. */
.px-play-page { padding-top: 45px; }
.px-play-intro { margin: 0 0 28px; display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:14px; }
.px-play-intro h1 { color:#f2f8f8; font:800 clamp(44px,6.8vw,90px)/.97 'Barlow Condensed',Impact,'Arial Narrow',sans-serif; margin:3px 0 9px;letter-spacing:.035em; }
.px-play-intro h1 em { color:#8ce5ed; font-style:normal; }
.px-play-intro p { max-width:740px; color:#a7bdc4; font:400 13px/1.75 'IBM Plex Mono',monospace; }
.px-mud-client { border:1px solid #376572; background:linear-gradient(165deg,#0b171c,#060d10); box-shadow:0 18px 70px #0006; }
.px-mud-bar { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; background:#0c1b21;border-bottom:1px solid #355966; padding:13px 18px; }
.px-mud-id { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#9ddde5; font:600 10px/1.35 'IBM Plex Mono',monospace;letter-spacing:.09em; }
.px-mud-id i { display:inline-block;width:8px;height:8px;border-radius:50%;background:#7b9296; }
.px-mud-id [data-mud-status=""] { color:#9db9c2; }
.px-mud-id [data-state="online"] {color:#94ecbb;}
.px-mud-id [data-state="connecting"] {color:#f5cb83;}
.px-mud-id [data-state="offline"] {color:#829ca5;}
.px-mud-actions {display:flex;gap:10px;flex-wrap:wrap;}
.px-mud-actions button {min-height:39px;border:1px solid #5a8994;background:#a6ebf0;color:#071117;padding:8px 14px;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.06em;cursor:pointer;}
.px-mud-actions button:hover:not(:disabled) {background:#d5fafb;}
.px-mud-actions [data-mud-disconnect] {border-color:#6e5360;background:transparent;color:#cdd8dc;}
.px-mud-actions button:disabled {opacity:.45;cursor:not-allowed;}
.px-mud-screen { height:min(58vh,560px); min-height:330px; overflow:auto; color:#d6e1e6; background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#0002 4px),#070f13;padding:22px 23px; font:400 14px/1.5 'IBM Plex Mono',Consolas,monospace; scrollbar-color:#3d6972 #0b171b; }
.px-mud-line {min-height:1.5em;white-space:pre-wrap;overflow-wrap:anywhere;}
.px-mud-input-row {border-top:1px solid #304b55; display:flex;align-items:center;gap:11px;padding:13px 18px;}
.px-mud-input-row .px-cmd-prompt {font:700 17px monospace;color:#9deaf1;flex:none;}
.px-mud-input-row input { flex:1;min-width:0;min-height:42px;background:#09141a;border:1px solid #416673;padding:9px 12px;color:#e5f5f8;font:400 14px 'IBM Plex Mono',monospace;border-radius:0; }
.px-mud-input-row input:focus {outline:2px solid #9ce7ef;outline-offset:0;}
.px-mud-input-row input:disabled {opacity:.45;cursor:not-allowed;}
.px-mud-input-row button { min-height:42px;background:#a5eaf0;border:0;color:#0a161c;font:700 11px 'IBM Plex Mono',monospace;padding:10px 18px;cursor:pointer; }
.px-mud-input-row button:disabled {opacity:.4;cursor:not-allowed;}
.px-mud-options {padding:0 18px 14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;color:#78969e;font:400 10px/1.5 'IBM Plex Mono',monospace; }
.px-mud-options label {display:inline-flex;align-items:center;gap:7px;cursor:pointer;}
.px-mud-options input {accent-color:#8adfe9;}
.px-mud-manual { margin-top:27px;padding:25px 26px;border:1px solid #294952;background:#0d181d; }
.px-mud-manual h2 { font:700 26px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.07em;margin:0 0 5px;color:#f0f6f7; }
.px-mud-manual p {color:#91aeb8;font:400 12px/1.6 'IBM Plex Mono',monospace;margin:0 0 18px;}
.px-mud-manual-grid {display:grid;grid-template-columns:1fr 130px;gap:14px;max-width:720px;}
.px-mud-manual .connection-field{ margin:0; }
.px-mud-manual .connection-field b {font-size:clamp(13px,2vw,22px);overflow-wrap:anywhere;}
.px-mud-manual .connection-field>span {font-size:9px;}
.px-mud-manual .connection-field{grid-template-columns:50px minmax(0,1fr) 36px;}
.px-mud-manual .connection-field.port{grid-template-columns:36px minmax(0,1fr) 36px;}
.px-mud-help {font:400 12px 'IBM Plex Mono',monospace;color:#8cdce3;margin-top:18px;display:inline-block;}
@media(max-width:680px){
 .px-play-page{padding-top:26px;}.px-play-intro h1{font-size:clamp(48px,13vw,72px);}
 .px-mud-screen{height:53vh;min-height:300px;font-size:12px;padding:13px 11px;}
 .px-mud-bar{padding:10px;}.px-mud-actions{width:100%;}.px-mud-actions button{flex:1;padding:9px 7px;}
 .px-mud-input-row{padding:10px;gap:8px;}.px-mud-input-row input{font-size:16px;}
 .px-mud-input-row button{padding:10px 11px;}.px-mud-options{padding:0 10px 12px;font-size:9px;}
 .px-mud-manual{padding:19px 14px;}.px-mud-manual-grid{grid-template-columns:1fr;gap:5px;}
}