/* FF1 MUD | Created by Liko on 10/23/2026 | admin@mudhaven.net
 * Classic Blue responsive panels, readable terminal and accessible form controls. - Liko */
:root{color-scheme:dark;font-family:Consolas,'Courier New',monospace;color:#e9f2ff;background:#050d30;--cyan:#96e2ff;--gold:#f2d18a;--dim:#b8cbea;--line:#7488bc}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#112e68,transparent 65%);min-height:100vh}button,input,textarea,select{font:inherit}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,a.button{cursor:pointer}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p{margin:0}p+p{margin-top:16px}h1{font:400 38px/1.18 Georgia,serif;letter-spacing:-.6px;margin-bottom:20px}h2{font-size:16px;font-weight:500;letter-spacing:.7px;color:var(--cyan);margin-bottom:17px}h3{font-size:16px;font-weight:500}p{font-size:14px;line-height:1.8;color:#d0dff5}strong{font-weight:500;color:var(--gold)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,a.button{border:1px solid #879ac5;border-radius:3px;background:#122e66;color:#ecf6ff;padding:12px 17px;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}button:hover:not(:disabled),a.button:hover{background:#204481;text-decoration:none}.primary{background:#b5e8ff!important;color:#0b244e!important;border-color:#d3f3ff!important}.primary:hover{background:#d3f3ff!important}.masthead{text-align:center;padding:35px 20px 27px}.brand{color:#f1f5ff;display:inline-block;font:500 27px/1.4 Georgia,serif;letter-spacing:3px}.brand:hover{text-decoration:none}.brand span{display:block;font:12px/1.6 Consolas,monospace;letter-spacing:2px;color:#a4cde5;margin-top:8px}.masthead>p{font-size:11px;color:#93afce;margin-top:10px}.shell{max-width:1200px;margin:0 auto;padding:0 30px 35px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px}.panel{border:3px double #b3c9eb;border-radius:7px;background:linear-gradient(140deg,#153a84,#0b2058);box-shadow:inset 0 0 0 2px #050d30,3px 4px 0 #0007;padding:27px;margin-bottom:20px}.menu{padding:13px;display:flex;flex-direction:column;gap:4px}.menu a{color:#d6e9ff;display:block;padding:11px 12px;font-size:14px;line-height:1.4;min-height:44px}.menu a[aria-current]{background:#d6ecff18;color:#fff}.menu a[aria-current]::before{content:'▸ ';color:var(--gold)}.side-status{padding:20px 17px}.label,.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--cyan);margin-bottom:14px}.minor{font-size:12px;line-height:1.7;color:var(--dim)}.sidebar-note{padding:3px 17px}.sidebar-note p{font-size:11px;color:#95b0d5}.sidebar-note p+p{margin-top:7px}main{min-width:0}.welcome{text-align:center;padding:37px 30px}.welcome h1{font-size:47px}.welcome>p{font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0 18px;align-items:center}.welcome .actions{justify-content:center;margin-bottom:0}.orbs{display:flex;justify-content:center;gap:25px;margin:30px 0}.orbs span{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5d8,#e2b65a 18%,#7a4d1d 62%,#352512);border:1px solid #ddc78b66;box-shadow:0 0 17px #3b6fbb55}.orbs span:nth-child(2){background:radial-gradient(circle at 35% 30%,#ffe0df,#ef766c 18%,#8f2527 62%,#391519)}.orbs span:nth-child(3){background:radial-gradient(circle at 35% 30%,#f1fbff,#9bc8f0 18%,#355e9e 62%,#172c4a)}.orbs span:nth-child(4){background:radial-gradient(circle at 35% 30%,#edfff2,#8ed8af 18%,#28784e 62%,#103724)}.route{color:#eef5ff;margin-bottom:12px}.route span{color:var(--gold)}.classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.classes p{font-size:12px;margin-top:7px}.warrior{color:#ff8386}.thief{color:#83dca8}.monk{color:#eec07e}.redmage{color:#f5a0c5}.whitemage{color:#e6f0fa}.blackmage{color:#b5b5ff}.separated{border-top:1px solid #5c74aa;padding-top:17px;margin-top:23px}.connection{display:flex;gap:20px;align-items:center;justify-content:space-between}.connection h2{margin-bottom:10px}.connection .button{flex-shrink:0}footer{max-width:1200px;margin:0 auto;padding:22px 30px 30px;border-top:1px solid #324779;display:flex;justify-content:space-between;gap:22px;color:#9fb7d6;font-size:11px;line-height:1.9}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.badge{display:inline-block;border:1px solid #8eb2d1;padding:6px 12px;border-radius:3px;font-size:12px;color:#deeeff}.badge[data-state=online]{color:#a3efc4;border-color:#7ab49a}.badge[data-state=wizlocked]{color:var(--gold);border-color:var(--gold)}.status-display{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:24px 0}.facts{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:15px;margin:20px 0;font-size:14px;line-height:1.6}.facts dt{color:#a9c6e7}.facts dd{margin:0;overflow-wrap:anywhere}code{color:var(--gold);font:inherit}.steps{padding-left:24px;font-size:14px;line-height:1.8}.steps li{padding:5px 0 5px 4px}.notice{padding:14px 17px;border-left:3px solid var(--gold);background:#061944;color:#f7e7be;font-size:13px}details{border-top:1px solid #5271a4;padding:15px 0}summary{cursor:pointer;color:#c8e7ff;font-size:14px;line-height:1.65}details p{padding:12px 15px 0;font-size:13px}.text-link{display:inline-block;min-height:44px;padding-top:12px}label{display:block;font-size:13px;color:#e3efff;line-height:1.7}input,select,textarea{width:100%;margin-top:8px;border:1px solid #728fbe;border-radius:3px;background:#07183d;color:#eef5ff;padding:12px;font-size:15px;min-height:44px}input::placeholder,textarea::placeholder{color:#98b0d0}textarea{resize:vertical;line-height:1.7}.report-form{display:grid;gap:23px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.report-form>button{justify-self:start}.form-result{overflow-wrap:anywhere;color:#c1f1d3}.form-result.error{color:#ffc3ba}.honeypot{position:absolute;width:1px;height:1px;clip-path:inset(100%);overflow:hidden}.help-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-item{display:block;text-align:left;width:100%;padding:20px;background:linear-gradient(140deg,#153a84,#0b2058);border:1px solid #8aa4d2}.help-item strong{display:block;font-size:16px;color:var(--cyan);margin-bottom:8px}.help-item span{display:block;font-size:12px;line-height:1.7;color:#c0d5ee}.help-body{font:14px/1.75 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#d6e8f7;margin:22px 0 0}.help-empty{grid-column:1/-1}.terminal-panel{padding:0;overflow:hidden}.terminal-heading{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.5px;background:#12285a}.compact-label{display:flex;align-items:center;gap:8px;font-size:11px}.compact-label select{width:auto;margin:0;min-height:34px;padding:5px;font-size:12px}#transcript{height:520px;overflow:auto;background:#020812;padding:20px;color:#d9e5ee;scrollbar-color:#526a9e #09162e}.message{font:var(--terminal-size,15px)/1.45 Consolas,'Courier New',monospace;white-space:pre;min-width:max-content;margin-bottom:12px}.message.command{color:#a0b7ca}.message.system{color:#e8ca8a;white-space:pre-wrap;min-width:0}.login-crystals{display:flex;gap:20px}.login-crystals pre{font:inherit;margin:0}.login-caption,.login-prompt{white-space:pre-wrap}#command-form{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#0c2050;border-top:1px solid #5575a6}#command-form label{font-size:22px;color:var(--cyan)}#command{margin:0;min-width:0;flex:1}#send-command{flex-shrink:0}.outside{padding:0 8px}.ansi-30{color:#576477}.ansi-31{color:#e76565}.ansi-32{color:#70b978}.ansi-33{color:#d6b16d}.ansi-34{color:#7a9cf5}.ansi-35{color:#c783da}.ansi-36{color:#79c5d3}.ansi-37{color:#b8c3ca}.ansi-90{color:#8497aa}.ansi-91{color:#ff8585}.ansi-92{color:#8bdb83}.ansi-93{color:#f5d77b}.ansi-94{color:#78b4ff}.ansi-95{color:#e3a0f5}.ansi-96{color:#7cdae3}.ansi-97{color:#fff}.skip{position:absolute;left:20px;top:-100px;background:#eef5ff;color:#07183d;padding:12px;z-index:20}.skip:focus{top:15px}
@media(max-width:850px){.shell{grid-template-columns:170px minmax(0,1fr);gap:16px;padding-inline:20px}.panel{padding:22px}.menu{padding:8px}.menu a{font-size:12px;padding:11px 8px}.welcome h1{font-size:39px}.connection{flex-direction:column;align-items:flex-start}.classes{gap:22px 10px}.classes h3{font-size:14px}.terminal-panel{padding:0}.terminal-heading>span{display:none}.heading-row .badge{margin-bottom:16px}}
@media(max-width:620px){.masthead{padding:26px 20px 22px}.brand{font-size:22px;letter-spacing:2px}.shell{grid-template-columns:1fr;padding:0 14px 25px}.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-bottom:10px}.menu a{font-size:13px}.side-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 17px;margin-bottom:0}.side-status p{margin:0}.side-status .minor,.sidebar-note{display:none}.panel{padding:23px 20px}.welcome{padding:30px 20px}.welcome h1{font-size:36px}.classes{grid-template-columns:1fr 1fr;gap:25px}.form-pair,.help-results{grid-template-columns:1fr}.facts{grid-template-columns:95px 1fr;gap:12px;font-size:13px}h1{font-size:32px}footer{padding:20px;flex-direction:column;gap:12px}.terminal-panel{padding:0}#transcript{height:440px;padding:14px}#command-form{padding:10px}#send-command{padding:10px;font-size:12px}.connection{gap:15px}.orbs{gap:20px}.orbs span{width:32px;height:32px}}