:root{--ink:#172026;--muted:#68737b;--line:#e3e6e8;--paper:#f3f5f5;--white:#fff;--nav:#132329;--nav-muted:#a6b5b8;--accent:#e9b852;--accent-dark:#875a08;--green:#1b6d56;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:#166251;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,2.5vw,2.65rem);line-height:1.2;letter-spacing:-.04em;margin-bottom:12px;font-weight:650}h2{font-size:1.15rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:18px}h3{font-size:1.1rem;margin-bottom:8px}p{margin-bottom:16px}small{font-size:.82rem}svg{flex-shrink:0}.muted{color:var(--muted)}.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.12em;color:var(--accent-dark);margin-bottom:12px}.skip{position:absolute;top:-80px;left:16px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}
.wordmark{display:flex;align-items:center;gap:12px;color:white;font-size:1.5rem;font-weight:750;letter-spacing:.02em}.wordmark:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);color:var(--nav);font-size:1rem;letter-spacing:-.06em;border-radius:9px}.tiny-label{font-size:.68rem;letter-spacing:.18em;margin-left:6px;font-weight:500;color:#b7c5c7}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-brand{background:var(--nav);color:white;padding:clamp(32px,5vw,80px);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;right:-180px;bottom:8%;width:480px;height:480px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.login-copy{margin:auto 0;padding:80px 0;max-width:530px;position:relative;z-index:1}.login-copy .eyebrow{color:var(--accent)}.login-copy h1{font-size:clamp(3rem,5.2vw,5.2rem);line-height:1.06;letter-spacing:-.055em;font-weight:600;margin:24px 0}.login-copy h1 span{color:var(--accent)}.login-copy p{max-width:380px;font-size:1.05rem;color:#b9c7c9;line-height:1.8}.login-foot{display:flex;justify-content:space-between;gap:20px;font-size:.69rem;letter-spacing:.13em;color:#94a8ad}.login-form{display:flex;align-items:center;justify-content:center;padding:50px;background:#fbfcfc}.login-box{width:100%;max-width:400px}.login-box h2{font-size:1.9rem;line-height:1.2;margin-bottom:12px;letter-spacing:-.04em}.login-box>.muted{margin-bottom:35px}.login-help{font-size:.87rem;color:var(--muted);margin-top:28px;line-height:1.9}.local-pill{border-top:1px solid var(--line);padding-top:22px;font-size:.78rem;color:var(--muted);margin-top:34px}
.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:white;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.sidebar .wordmark{padding-left:8px}.panel-caption{font-size:.63rem;color:#a8b8bc;letter-spacing:.12em;padding:15px 8px 21px}.nav-label{font-size:.66rem;letter-spacing:.13em;font-weight:600;color:#91a7ad;padding:25px 12px 12px}.nav-item{display:flex;align-items:center;gap:12px;min-height:46px;color:#bdcacc;font-size:.91rem;padding:12px;margin:4px 0;border-radius:7px}.nav-item:hover{background:#ffffff09;text-decoration:none;color:white}.nav-item.active{background:#e9b852;color:#1c2b30;font-weight:650}.sidebar-bottom{margin-top:auto;padding:50px 12px 4px}.edition{font-size:.67rem;letter-spacing:.13em;color:var(--accent);font-weight:600}.sidebar-bottom p{font-size:.79rem;line-height:1.6;color:#91a7ad;margin:10px 0 0}.main-shell{min-width:0}.topbar{min-height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 40px;font-size:.85rem;gap:20px}.breadcrumb{color:var(--muted)}.slash{padding:0 14px;color:#adb6bc}.user-menu{display:flex;align-items:center;gap:12px}.user-menu strong{font-size:.85rem;display:block}.user-menu small{display:block;color:var(--muted);font-size:.73rem}.avatar{width:37px;height:37px;border-radius:50%;background:#e6ecea;display:grid;place-items:center;color:var(--green);font-size:.9rem;font-weight:650}.text-button{border:0;background:transparent;color:var(--muted);font-size:.82rem;padding:8px 6px;margin-left:16px}.text-button:hover{color:var(--ink)}.workspace{max-width:1500px;margin:auto;padding:38px 40px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 30px}.page-heading p{color:var(--muted);margin:0;font-size:.94rem}.page-heading .button{flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;font-size:.875rem;font-weight:600;border:1px solid transparent;border-radius:7px;line-height:1.5;min-height:44px}.button:hover{text-decoration:none;filter:brightness(.96)}.primary{background:var(--nav);color:white}.primary svg{color:var(--accent);width:16px}.secondary{background:white;border-color:#d5dddf;color:var(--ink)}.full{width:100%}.button-row{display:flex;gap:12px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0;border-top:3px solid #e1e8e4}.stat>span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:12px}.stat>strong{display:block;font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.045em;overflow-wrap:anywhere;line-height:1.3;font-weight:650}.stat em{font-size:.63rem;letter-spacing:.07em;font-style:normal;color:var(--muted);white-space:nowrap}.stat small{display:block;font-size:.74rem;color:var(--muted);margin-top:12px}.two-column{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:24px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.card-heading h2{margin:0}.card-heading a{font-size:.84rem;font-weight:600;white-space:nowrap}.card-heading .eyebrow{margin-bottom:6px}.count{display:inline-block;margin-left:5px;color:#73817e;font-size:.8rem;font-weight:500}.character-card{background:#fafcfb}.character-name{display:flex;gap:18px;align-items:center;margin:28px 0}.large-avatar{display:grid;place-items:center;background:#dfeae4;color:#416751;width:65px;height:65px;border-radius:12px;font-size:1.8rem;font-weight:600;flex-shrink:0}.character-name h3{font-size:1.3rem;margin-bottom:3px}.character-name p{font-size:.79rem;color:var(--muted);margin:0;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 14px;margin:0}.detail-grid dt{color:var(--muted);font-size:.78rem;margin-bottom:4px}.detail-grid dd{margin:0;font-size:.86rem;font-weight:600;overflow-wrap:anywhere}.portfolio-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #edf0f0}.portfolio-row:last-child{border:0;padding-bottom:0}.portfolio-row strong{font-size:.9rem}.portfolio-row small{display:block;color:var(--muted);font-size:.77rem;margin-top:2px}.portfolio-row b{margin-left:auto;font-size:1.5rem;font-weight:600}.small-icon{height:44px;width:44px;display:grid;place-items:center;background:#f1f4f2;color:#627d72;border-radius:9px}.badge{display:inline-flex;border-radius:5px;padding:4px 9px;background:#edf0f2;color:#5b6870;font-size:.73rem;font-weight:650;white-space:nowrap}.badge.online,.badge.available,.badge.completed{background:#e4f3eb;color:#226749}.badge.open,.badge.pending,.badge.impounded{background:#fff2d6;color:#856116}.badge.approved,.badge.staff,.badge.awaiting_player{background:#e7eef8;color:#385f8b}.badge.disabled,.badge.declined{background:#fce8e7;color:#a9443f}.table-wrap{overflow-x:auto;width:100%}table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}th{font-weight:500;color:#7b868d;font-size:.74rem;border-bottom:1px solid var(--line);padding:8px 16px 14px 0;white-space:nowrap}td{padding:16px 16px 16px 0;border-bottom:1px solid #edf0f0;vertical-align:middle;overflow-wrap:anywhere;max-width:420px}tr:last-child td{border-bottom:0}td a{font-weight:600}td small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}td strong{font-weight:600}.empty{text-align:center;padding:35px 18px;color:var(--muted)}.empty>svg{width:28px;height:28px;color:#92a59d;margin-bottom:10px}.empty h3{color:#35443e;font-size:1rem;margin-bottom:8px}.empty p{font-size:.88rem;max-width:430px;margin:0 auto;line-height:1.7}.notice{padding:15px 18px;border-radius:8px;font-size:.88rem;margin-bottom:24px;background:#e5f3e9;color:#275d41;border:1px solid #c9e4d0}.notice.error{background:#fff0ee;border-color:#f0d2ce;color:#9a4139}.notice.info{background:#edf2f5;border-color:#d9e3e9;color:#4b6575}.form-stack{display:flex;flex-direction:column;gap:20px}.form-stack label,.filters label{display:flex;flex-direction:column;gap:8px;font-size:.83rem;font-weight:600;color:#3d4a50}input,select,textarea{background:#fff;border:1px solid #d5dcdf;border-radius:7px;padding:12px;color:var(--ink);width:100%;min-width:0;font-size:1rem}input:focus,textarea:focus,select:focus{outline:2px solid #547b68;outline-offset:1px}input::placeholder,textarea::placeholder{color:#8b969d;font-size:.9rem}textarea{resize:vertical;line-height:1.6}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:20px}.form-stack>label{max-width:850px}.filters{display:flex;gap:15px;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap}.filters label{min-width:175px}.filters .grow{flex:1}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;font-size:.85rem;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.property{padding:23px;border:1px solid var(--line);border-radius:8px;background:#fafcfb}.property>strong{font-size:1.35rem}.property>p{font-size:.85rem;margin:10px 0;color:var(--muted)}.announcement{padding:15px 0;border-bottom:1px solid var(--line)}.message{background:white;border:1px solid var(--line);padding:24px;border-radius:10px;margin-bottom:18px}.message.staff-message{border-left:3px solid var(--accent);background:#fffefb}.message header{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px;font-size:.85rem}.message time{color:var(--muted);font-size:.76rem}.message p{font-size:.95rem;line-height:1.85;overflow-wrap:anywhere;margin:0}.message header .badge{margin-left:8px}.back-link{font-size:.85rem;display:inline-block;margin-bottom:20px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.94rem}.review-note{padding:18px;background:#f4f6f5;border-radius:8px;margin-top:18px;font-size:.9rem}.review-note p{margin:8px 0 0}.review-form{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.note{border-left:2px solid #d2dfd6;padding:8px 18px;margin:22px 0}.note p{margin-bottom:8px;overflow-wrap:anywhere}.note small{color:var(--muted)}.workspace-footer{display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:.67rem;color:#84918e;letter-spacing:.08em}.failure{max-width:650px;margin:10vh auto;padding:30px}
@media(min-width:1600px){.workspace{padding-top:50px}.topbar{padding-left:max(40px,calc((100% - 1420px)/2))}}
@media(max-width:1150px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.workspace{padding:28px 24px}.topbar{padding:18px 24px}.stats-grid{gap:12px}.stat{padding:18px}.two-column{gap:18px}.card{padding:22px}.sidebar{padding:28px 12px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-menu form{margin-left:0}.text-button{margin-left:0}}
@media(max-width:900px){.two-column{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.login-form{padding:32px}.login-copy h1{font-size:3.4rem}.tiny-label{display:none}.login-foot{flex-direction:column}.topbar{align-items:flex-start}.topbar>div:first-child{display:none}.user-menu{width:100%}.user-menu form{margin-left:auto}}
@media(max-width:680px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:16px;overflow:visible}.sidebar .wordmark{font-size:1.2rem}.sidebar .brand-mark{width:33px;height:33px}.panel-caption,.sidebar-bottom{display:none}.nav-label{padding:16px 6px 4px;font-size:.6rem}.sidebar nav{display:flex;gap:4px;flex-wrap:wrap}.nav-item{font-size:.79rem;padding:9px;gap:6px;min-height:40px;margin:0}.nav-item svg{width:16px;height:16px}.workspace{padding:25px 16px 12px}.topbar{padding:15px 20px;min-height:70px}.page-heading h1{font-size:1.85rem}.page-heading p{font-size:.88rem}.card{padding:20px}.stat{padding:18px 14px}.stat>strong{font-size:1.5rem}.stat>span{font-size:.77rem}.stat small{font-size:.71rem}.character-name h3{font-size:1.1rem}.large-avatar{width:50px;height:50px}.form-row{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr}.filters label{min-width:0;width:100%}.filters .button{width:100%}.message header{flex-direction:column;gap:8px}.card-heading{align-items:flex-start}.workspace-footer{font-size:.61rem}.login-shell{display:block}.login-brand{padding:28px}.login-copy{padding:35px 0 18px}.login-copy h1{font-size:2.8rem;margin:10px 0}.login-copy p{display:none}.login-copy .eyebrow{font-size:.62rem}.login-foot{display:none}.login-form{padding:40px 25px 60px}.login-box h2{font-size:1.65rem}.detail-grid{gap:22px 12px}.user-menu strong{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Ocean City Roleplay */
:root{--ink:#143347;--muted:#617b8b;--line:#dce8ec;--paper:#f0f6f8;--nav:#082e43;--accent:#68e2d0;--accent-dark:#086b73;--green:#087d7f;--radius:17px}
a{color:#086b83}.sidebar{background:linear-gradient(165deg,#082e43,#064d5c)}.brand-mark{background:#68e2d0;color:#073849;border-radius:13px;letter-spacing:-.08em}.nav-item.active{background:#68e2d0;color:#073849;box-shadow:0 5px 18px #001d3020}.nav-item{border-radius:11px}.panel-caption{letter-spacing:.15em;color:#acdadf}.nav-label{color:#9bc4d0}.sidebar-bottom p{color:#a5ccd5}.topbar{background:#ffffffed}.page-heading h1{letter-spacing:-.045em}.stats-grid .stat{border-top:3px solid #2eb8b3;box-shadow:0 7px 22px #163a4c05}.stats-grid .stat:nth-child(2){border-top-color:#349dd0}.stats-grid .stat:nth-child(3){border-top-color:#697dc5}.stats-grid .stat:nth-child(4){border-top-color:#d3a45e}.card{box-shadow:0 8px 30px #123b4e05}.character-card{background:linear-gradient(135deg,#fff,#eef9fa)}.avatar,.large-avatar,.small-icon{background:#e0f3f3;color:#087d7f}.primary{background:#075b72;border-radius:10px}.secondary{border-radius:10px}.button:disabled{opacity:.5;cursor:not-allowed}input:focus,textarea:focus,select:focus{outline-color:#11869a}.login-brand{background:radial-gradient(ellipse at 85% 75%,#107886 0,transparent 55%),linear-gradient(155deg,#06263d,#084a61);min-height:100vh}.login-brand:after{width:800px;height:800px;border:1px solid #74e1d135;bottom:-460px;right:-220px;box-shadow:0 0 0 60px #74e1d108,0 0 0 120px #74e1d106}.login-copy h1{font-weight:650}.login-form{background:#f2f8fa}.login-box{padding:35px;background:white;border:1px solid var(--line);border-radius:22px;max-width:460px;box-shadow:0 24px 70px #08364e0a}.login-box h2{font-size:1.8rem}.login-help{font-size:.8rem}.login-copy p{color:#c2dee6}.security-summary{align-self:start}.security-summary hr{border:0;border-top:1px solid var(--line);margin:28px 0}.security-summary h2{margin:12px 0 26px}.security-summary p{line-height:1.8}.workspace-footer{color:#607e8c}
@media(max-width:680px){.login-brand{min-height:auto}.login-box{padding:25px}.login-form{padding:24px 16px}.login-copy{padding:28px 0 8px}.login-copy h1{font-size:2.6rem}.login-copy h1 br:last-child{display:none}.sidebar{background:linear-gradient(120deg,#082e43,#064d5c)}}
/* Community updates */
.unread-count{margin-left:auto;min-width:23px;padding:2px 6px;border-radius:20px;background:#68e2d0;color:#073849;font-size:.7rem;text-align:center;font-weight:700}.active .unread-count{background:#073849;color:#fff}.tab-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tab-links a{padding:9px 14px;border:1px solid var(--line);border-radius:9px;font-size:.85rem;background:white}.tab-links [aria-current=page]{background:#075b72;color:white;border-color:#075b72}.notification-row{display:flex;gap:18px;align-items:center;padding:22px 14px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.notification-row:last-of-type{border-bottom:0}.notification-row.is-unread{border-left-color:#0f8f96;background:#f0fafa}.notification-copy{flex:1;min-width:0}.notification-copy h2{font-size:1rem;margin:0 0 6px;overflow-wrap:anywhere}.notification-copy p{color:var(--muted);font-size:.8rem;margin:0}.notification-row .small-icon{flex-shrink:0}.city-news{border-top:3px solid #0f8f96}.news-preview{padding:18px 0;border-top:1px solid var(--line)}.news-preview h3{font-size:1.2rem;margin:8px 0}.news-preview p{color:var(--muted);overflow-wrap:anywhere}.news-preview a{font-size:.85rem;display:inline-flex;gap:10px;align-items:center}.announcement-post h2{font-size:1.6rem;margin:12px 0 8px;overflow-wrap:anywhere}.announcement-author{font-size:.8rem;color:var(--muted);margin-bottom:25px}.announcement-post .preserve{line-height:1.85}.announcement-tools{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.staff-stats a:hover{text-decoration:none;border-color:#0f8f96}.staff-stats a{color:var(--ink)}
@media(max-width:680px){.notification-row{flex-wrap:wrap;gap:12px;padding:18px 10px}.notification-row form{margin-left:56px}.notification-row .small-icon{width:36px}.announcement-post h2{font-size:1.3rem}.news-preview h3{font-size:1.1rem}}
.ticket-tools{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.ticket-tools .filters{margin:0}.ticket-tools select{max-width:280px}.badge.urgent{background:#fce4e3;color:#9e2d2d}.badge.high{background:#fff0d1;color:#795212}.badge.normal{background:#e8f1f4;color:#386170}