:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;color:#e7e9dc;--mono:"Cascadia Code", Consolas, "Courier New", monospace;background:#121612;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}#root{min-height:100vh}.roster-panel{border:1px solid var(--line);background:#090d0a73;margin-top:2rem;padding:1.35rem}.character-list{padding:0;list-style:none}.character-list li{border-top:1px solid var(--line);overflow-wrap:anywhere;padding-block:1rem}.character-list h3{margin-top:0}.character-list p{white-space:pre-wrap}.draft-form{gap:.75rem;margin-top:1.5rem;display:grid}.draft-form input,.draft-form textarea,.roster-pagination button{border:1px solid var(--muted);min-width:0;color:var(--ink);font:inherit;background:#121612;border-radius:0;padding:.75rem}.draft-form textarea{resize:vertical}.draft-form :focus-visible,.roster-pagination button:focus-visible{outline:2px solid var(--green-bright);outline-offset:3px}.roster-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.roster-pagination button:disabled{opacity:.55}.app-shell{--ink:#e7e9dc;--muted:#9ba294;--faint:#646d61;--line:#afc59c2e;--green:#a3d977;--green-bright:#c4f191;min-height:100vh;color:var(--ink);background:radial-gradient(at 75% 48%,#2a442d4a,#0000 38rem),linear-gradient(115deg,#121612 0%,#171d17 56%,#131813 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#b9cd9f05 1px,#0000 1px),linear-gradient(90deg,#b9cd9f05 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.app-shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.95%,#bedaa60a 50%,#0000 50.05%);position:absolute;inset:0}.skip-link{z-index:5;color:#11170f;background:var(--green-bright);padding:.7rem 1rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.topbar,.landing,.footer{z-index:1;width:min(1180px,100% - 64px);margin-inline:auto;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:96px;display:flex}.brand{color:var(--ink);align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--green-bright);font-family:var(--mono);border:1px solid #a3d977a3;place-items:center;font-size:1.3rem;display:grid}.brand-copy{gap:.15rem;display:grid}.brand-name,.brand-subtitle,.topbar-status,.eyebrow,.panel-heading,.privacy-note,.field-panel,.footer{font-family:var(--mono)}.brand-name{letter-spacing:.23em;font-size:.84rem}.brand-subtitle{color:var(--muted);letter-spacing:.16em;font-size:.57rem}.topbar-status{color:var(--muted);letter-spacing:.12em;align-items:center;gap:.65rem;font-size:.65rem;display:inline-flex}.signal-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #a3d977ad}.landing{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(3rem,8vw,8rem);padding-block:4.5rem 5.5rem;display:grid}.hero-copy{max-width:590px;padding-block:2rem}.eyebrow{color:var(--green);letter-spacing:.17em;margin:0 0 2rem;font-size:.67rem}.eyebrow span{color:var(--faint)}h1{color:var(--ink);letter-spacing:-.065em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,7.2vw,6.5rem);font-weight:400;line-height:.94}h1 em{color:var(--green-bright);font-weight:400}.hero-description{color:#b7bdb0;max-width:420px;margin:1.8rem 0 2.4rem;font-size:1rem;line-height:1.75}.access-panel{border:1px solid var(--line);background:#090d0a73;max-width:450px;padding:1.35rem;box-shadow:0 18px 54px #0000002b}.panel-heading{color:var(--green);letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.panel-index{color:var(--faint)}.panel-message{color:#c2c8ba;margin:1.15rem 0 1.3rem;font-size:.87rem;line-height:1.65}.access-button{border:1px solid var(--green);color:#12180f;background:var(--green);cursor:pointer;width:100%;min-height:52px;font-family:var(--mono);letter-spacing:.1em;border-radius:0;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.72rem;font-weight:700;transition:background-color .14s,border-color .14s;display:flex}.access-button:hover:not(:disabled){border-color:var(--green-bright);background:var(--green-bright)}.access-button:disabled{cursor:not-allowed;opacity:.56}.secondary-button{color:var(--green-bright);background:0 0;justify-content:center}.secondary-button:hover:not(:disabled){color:#12180f}.privacy-note{color:var(--faint);letter-spacing:.1em;margin:.9rem 0 0;font-size:.57rem}.error-message{color:#ffd1c5;background:#471a1461;border-left:2px solid #ed947e;max-width:450px;margin:1rem 0 0;padding:.8rem 1rem;font-size:.82rem;line-height:1.5}.field-panel{border:1px solid var(--line);background:linear-gradient(145deg,#141e15c7,#0c120d94);flex-direction:column;justify-content:space-between;min-height:495px;padding:1.1rem;display:flex;position:relative}.field-panel-top,.field-panel-footer{color:var(--faint);letter-spacing:.11em;justify-content:space-between;font-size:.56rem;display:flex}.radar{aspect-ratio:1;background:radial-gradient(circle,#719b5321 0 1px,#0000 2px),radial-gradient(circle,#50704124 0%,#0000 70%);border:1px solid #a3d9772e;border-radius:50%;align-self:center;width:min(100%,355px);position:relative;overflow:hidden}.radar-ring,.radar-axis,.radar-center,.radar-point,.radar-sweep{display:block;position:absolute}.radar-ring{aspect-ratio:1;border:1px solid #a3d9772e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-ring-outer{width:82%}.radar-ring-middle{width:56%}.radar-ring-inner{width:28%}.radar-axis{background:#a3d9772e;width:82%;height:1px;top:50%;left:9%}.radar-axis-vertical{transform:rotate(90deg)}.radar-sweep{transform-origin:0 0;background:conic-gradient(#0000 0deg,#a3d9770a 40deg,#a3d9775c 88deg,#0000 90deg);border-right:1px solid #a3d97775;width:41%;height:41%;top:50%;left:50%}.radar-center{background:var(--green-bright);border-radius:50%;width:7px;height:7px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px 5px #a3d9777a}.radar-point{background:var(--green);border-radius:50%;width:4px;height:4px;box-shadow:0 0 10px 3px #a3d97761}.radar-point-one{top:32%;left:66%}.radar-point-two{top:63%;left:34%}.radar-point-three{top:69%;left:72%}.field-panel-caption{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.11em;justify-content:space-between;padding:.9rem 0;font-size:.6rem;display:flex}.caption-label{color:var(--faint)}.caption-value{color:var(--green)}.footer{border-top:1px solid var(--line);min-height:58px;color:var(--faint);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:.55rem;display:flex}button:focus-visible,a:focus-visible{outline:2px solid var(--green-bright);outline-offset:4px}@media (width<=760px){.topbar,.landing,.footer{width:min(100% - 36px,560px)}.topbar{min-height:76px}.topbar-status{font-size:.54rem}.landing{grid-template-columns:1fr;gap:2rem;padding-block:3.1rem}.hero-copy{padding:0}.eyebrow{margin-bottom:1.5rem}h1{font-size:clamp(3.6rem,14vw,5.2rem)}.hero-description{margin-block:1.35rem 1.8rem;font-size:.93rem}.field-panel{min-height:360px}.radar{width:min(70vw,250px)}.footer{flex-wrap:wrap;gap:.5rem 1rem;padding-block:.9rem;font-size:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}