@font-face{font-family:BPdotsSquareBold;src:url(/fonts/BPdotsSquareBold.otf) format("opentype");font-style:normal;font-weight:700}:root{color-scheme:dark;--bg: #000;--fg: #fff;--fg-muted: rgba(255, 255, 255, .72);--fg-soft: rgba(255, 255, 255, .56);--line: rgba(255, 255, 255, .18);--line-strong: rgba(255, 255, 255, .36);--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .07);--success: #9dffb1;--error: #ff8a8a;--warning: #ffe39b;--shadow: 0 0 14px rgba(255, 255, 255, .12)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:BPdotsSquareBold,monospace;line-height:1.5;text-rendering:geometricPrecision}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 3px,3px 100%;opacity:.18}img{display:block;max-width:100%}a{color:var(--fg);text-decoration:none}a:hover,a:focus-visible,button:hover,button:focus-visible{text-shadow:0 0 10px rgba(255,255,255,.28)}button,input,select{font:inherit}button{cursor:pointer;background:transparent;color:inherit}.page-wrapper{width:100%;min-height:100vh;padding:28px 20px 40px}.landing-shell,.main-layout{width:min(100%,1160px);margin:0 auto}.landing-shell{display:block}.site-header{display:grid;gap:18px;width:min(100%,1160px);margin:0 auto 28px}.brand-link{display:block;max-width:100%}.brand-shell{position:relative}.brand-status{position:absolute;top:14px;right:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);background:#000000db;color:var(--fg-muted);text-transform:lowercase}.brand-status-value{color:var(--success)}.brand-status-value.is-offline,.brand-status-value.is-checking{color:var(--error)}.brand-status-value.is-online{color:var(--success)}.brand-logo{overflow-x:auto;padding:18px 20px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font-family:BPdotsSquareBold,monospace;font-size:clamp(.24rem,.53vw,.58rem);line-height:1.08;letter-spacing:.01em;text-shadow:var(--shadow)}.site-nav{display:grid;gap:10px}.site-nav-toggle{display:none;width:fit-content;padding:10px 12px;border:1px solid var(--line);background:var(--surface);text-transform:lowercase}.site-nav-row{display:flex;flex-wrap:wrap;gap:10px}.nav-item-right{margin-left:auto}.nav-item,.btn-common,.cancel-delete-link,.delete-link,.suggest-name-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--line);background:var(--surface);color:var(--fg);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.nav-item:before,.btn-common:before,.cancel-delete-link:before,.delete-link:before,.suggest-name-link:before{content:"> ";margin-right:6px;color:var(--fg-muted)}.nav-item:hover,.nav-item:focus-visible,.btn-common:hover,.btn-common:focus-visible,.cancel-delete-link:hover,.cancel-delete-link:focus-visible,.delete-link:hover,.delete-link:focus-visible,.suggest-name-link:hover,.suggest-name-link:focus-visible{background:var(--surface-hover);border-color:var(--line-strong);box-shadow:var(--shadow);outline:none}.main-layout{display:grid;gap:18px}.home-layout{grid-template-columns:1fr;align-items:start}.subpage-layout,.account-characters-layout{grid-template-columns:1fr}.account-characters-layout{align-items:start}.left-column,.right-column,.center-column,.news-container,.notice-board-shell{min-width:0}.section-box,.story-panel,.notice-board,.fantasy-panel,.about-board,.hero-panel{border:1px solid var(--line);background:var(--surface)}.section-box,.story-panel,.about-board,.hero-panel{padding:20px}.news-date,.account-meta-label,.character-option-label,.form-note,.notice-board-intro{color:var(--fg-muted);text-transform:lowercase}h1,h2,h3,label,.nav-text,.status-pill,.online-indicator{font-weight:700}h1{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.25}h2{font-size:clamp(1.25rem,2vw,1.6rem);margin-bottom:14px}h3{font-size:1rem}p,li,.account-meta-value,.character-card-subtitle,.character-card-note{color:var(--fg-muted)}.btn-row,.character-option-row,.suggest-name-row{display:flex;flex-wrap:wrap;gap:10px}.btn-full{width:100%}.btn-flex{flex:1 1 180px}.btn-secondary,.btn-gray{color:var(--fg-muted)}.btn-red,.delete-link{color:var(--error);border-color:#ff8a8a6b}.message-box{margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);background:#ffffff05}.message-box.error{border-color:#ff8a8a6b;color:var(--error)}.message-box.success{border-color:#9dffb16b;color:var(--success)}.notice-board-grid,.about-grid,.character-card-list,.account-meta{display:grid;gap:14px}.news-card,.character-card,.account-meta-row,.field-block,.character-option-group,.character-option-card,.form-panel,.auth-panel,.character-form{border:1px solid var(--line);background:#ffffff04}.news-card,.character-card,.form-panel,.auth-panel,.character-form{padding:16px}.news-card{display:grid;gap:10px}.about-card ul{margin-left:18px;margin-top:10px}.field-block,.account-meta-row,.character-option-group{display:grid;gap:10px;padding:14px}.account-meta-row{grid-template-columns:minmax(120px,180px) 1fr;align-items:center}.status-pill,.online-indicator{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:4px 8px;border:1px solid var(--line);background:#ffffff05}.status-pill.active,.status-pill.verified,.online-indicator{color:var(--success);border-color:#9dffb16b}.status-pill.inactive,.status-pill.unverified{color:var(--warning)}.auth-form-shell,.form-panel,.character-form{display:grid;gap:14px}input,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:#000;color:var(--fg);outline:none}input:focus,select:focus{border-color:var(--line-strong);box-shadow:var(--shadow)}.form-note-link{border-bottom:1px solid var(--line)}.character-card-header{display:grid;gap:8px}.character-option-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.character-option-card{position:relative;display:grid;justify-items:center;gap:8px;padding:16px 12px;text-align:center}.character-option-card input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.character-option-card.selected{border-color:var(--line-strong);background:var(--surface-hover);box-shadow:var(--shadow)}.race-icon{width:36px;height:36px;object-fit:contain;filter:grayscale(1) brightness(1.4)}.character-card-title,.character-card-subtitle,.character-card-note,.form-note,.section-box p+p{margin-top:8px}.mb-10{margin-bottom:10px}.delete-link,.cancel-delete-link,.suggest-name-link{width:fit-content}.delete-link:before,.cancel-delete-link:before,.suggest-name-link:before{margin-right:0}@media (max-width: 980px){.home-layout,.account-characters-layout{grid-template-columns:1fr}}@media (max-width: 760px){.page-wrapper{padding:16px 12px 24px}.brand-logo{padding:14px;font-size:clamp(.16rem,.9vw,.28rem)}.brand-status{position:static;width:fit-content;margin-bottom:10px}.site-nav-toggle{display:inline-flex}.site-nav-row{display:none;flex-direction:column}.site-nav.open .site-nav-row{display:flex}.nav-item,.btn-common,.cancel-delete-link,.delete-link,.suggest-name-link{width:100%;justify-content:flex-start}.nav-item-right{margin-left:0}.account-meta-row{grid-template-columns:1fr}.character-option-row,.btn-row{flex-direction:column}}