@font-face{font-family:FO Display;src:url(/ui/fonts/cinzel-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:FO Display;src:url(/ui/fonts/cinzel-latin-ext.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--fo-abyss: #040a12;--fo-deep: #071627;--fo-slate: #0d2438;--fo-line: rgba(150, 191, 214, .18);--fo-line-strong: rgba(196, 224, 240, .34);--fo-ink: #e7f1f8;--fo-ink-dim: #a8c2d4;--fo-ink-faint: #7893a8;--fo-gold: #d9b273;--fo-gold-bright: #f2d9a4;--fo-gold-deep: #8a6a35;--fo-danger: #ff9a8f;--fo-good: #86d6a8;--fo-display: "FO Display", "Cinzel", "Trajan Pro", Georgia, "Liberation Serif", "Times New Roman", serif;--fo-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "DejaVu Sans", sans-serif;--fo-mono: ui-monospace, "SF Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;--fo-radius: 3px;--fo-shadow: 0 24px 60px -18px rgba(0, 0, 0, .85)}#screens{position:fixed;inset:0;z-index:20;display:block;background:var(--fo-abyss);color:var(--fo-ink);font-family:var(--fo-ui);overflow:hidden;height:100dvh}.fo{position:relative;width:100%;height:100%;display:grid;grid-template-rows:1fr auto;overflow:hidden}.fo__view{position:relative;z-index:2;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:center;align-content:safe center;padding:clamp(20px,4vh,56px) clamp(20px,5vw,88px)}.fo__foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;justify-content:space-between;padding:10px clamp(16px,5vw,40px);border-top:1px solid rgba(150,191,214,.1);background:linear-gradient(180deg,#040a1200,#040a12b8);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--fo-ink-faint)}.fo__foot b{color:var(--fo-ink-dim);font-weight:600}.fo-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#04101c}.fo-art__sky{position:absolute;inset:0 0 40%;background:linear-gradient(180deg,#02060e,#041228,#0a2a4c,#17567a 66%,#4a8b9c 82%,#9dbcae 91%,#e0b881 97%,#f0cf9d)}.fo-art__glow{position:absolute;left:56%;top:60%;width:min(120vw,1500px);aspect-ratio:1.6;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,216,160,.5) 0%,rgba(240,176,110,.26) 22%,rgba(190,128,90,.12) 42%,transparent 66%)}.fo-art__sun{position:absolute;left:56%;top:60%;width:clamp(70px,7vw,118px);aspect-ratio:1;transform:translate(-50%,-58%);border-radius:50%;background:radial-gradient(circle,#fff6e2,#ffe6bb 46%,#f6c789 74%,#f0b47800);box-shadow:0 0 60px 24px #ffd09666}.fo-art__ridge{position:absolute;left:50%;transform:translate(-50%);width:max(190%,1700px);display:block}.fo-art__ridge--far{bottom:40%;height:clamp(70px,12vh,150px);opacity:.55}.fo-art__ridge--mid{bottom:40%;height:clamp(58px,9.5vh,120px);opacity:.92}.fo-art__ridge--near{bottom:0;left:-4%;width:min(78%,1100px);height:50%;transform:none}.fo-art__sea{position:absolute;inset:60% 0 0;background:radial-gradient(46% 62% at 56% 0%,rgba(255,214,158,.5),transparent 68%),linear-gradient(180deg,#cfae87,#6d8b90 2.5%,#2c5a72 9%,#113049 26%,#08192b 58%,#040e19)}.fo-art__glitter{position:absolute;inset:60% 0 26%;background:repeating-linear-gradient(180deg,rgba(255,233,194,.55) 0 1px,transparent 1px 6px);-webkit-mask-image:radial-gradient(19% 120% at 56% -8%,#000 0%,rgba(0,0,0,.35) 38%,transparent 74%);mask-image:radial-gradient(19% 120% at 56% -8%,#000 0%,rgba(0,0,0,.35) 38%,transparent 74%);opacity:.3}.fo-art__horizon{position:absolute;left:0;right:0;top:60%;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 12%,rgba(255,232,196,.3) 40%,rgba(255,243,220,.9) 56%,rgba(255,232,196,.28) 70%,transparent 88%);filter:blur(3px)}.fo-art__shore{position:absolute;left:-2%;bottom:-1px;width:104%;height:clamp(90px,20vh,240px);display:block}.fo-art__haze{position:absolute;inset:50% 0 30%;background:linear-gradient(180deg,transparent,rgba(206,224,224,.1) 62%,transparent);filter:blur(22px)}.fo-art__figure{position:absolute;bottom:0;left:clamp(-120px,-4vw,0px);height:min(82vh,760px);width:auto;filter:brightness(.3) saturate(.45) contrast(1.2) drop-shadow(0 0 30px rgba(0,0,0,.7));-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 96%);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 96%);opacity:0;transition:opacity .6s ease}.fo[data-screen=login] .fo-art__figure{opacity:1}.fo-art__motes{position:absolute;inset:0}.fo-art__motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe2b2bf;box-shadow:0 0 8px 2px #ffce8c59;animation:fo-drift linear infinite}@keyframes fo-drift{0%{transform:translate3d(0,12vh,0) scale(.6);opacity:0}18%{opacity:.9}82%{opacity:.7}to{transform:translate3d(3vw,-26vh,0) scale(1.1);opacity:0}}.fo-art__vignette{position:absolute;inset:0;background:radial-gradient(120% 95% at 50% 46%,transparent 34%,rgba(2,7,13,.5) 80%,rgba(2,7,13,.88) 100%),linear-gradient(90deg,#03091099,#03091014 34%,#0309100f 58%,#03091080),linear-gradient(180deg,rgba(3,9,16,.55) 0%,transparent 22%)}.fo-art__grain{position:absolute;inset:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}.fo-brand__mark{display:block;width:clamp(38px,4vw,54px);height:auto;margin-bottom:clamp(10px,1.6vh,20px);color:var(--fo-gold)}.fo-brand__title{margin:0;font-family:var(--fo-display);font-weight:600;font-size:clamp(34px,5.4vw,76px);line-height:1.02;letter-spacing:.1em;text-transform:uppercase;color:var(--fo-ink);text-shadow:0 2px 30px rgba(0,0,0,.75),0 0 60px rgba(217,178,115,.18)}.fo-brand__title span{display:block;color:var(--fo-gold-bright)}.fo-brand__rule{width:clamp(120px,18vw,260px);height:1px;margin:clamp(14px,2.2vh,26px) 0;background:linear-gradient(90deg,var(--fo-gold),rgba(217,178,115,.05))}.fo-brand__tag{margin:0;max-width:30ch;font-size:clamp(14px,1.15vw,17px);line-height:1.65;color:var(--fo-ink-dim);text-shadow:0 1px 12px rgba(0,0,0,.8)}.fo-brand__meta{margin:clamp(16px,2.4vh,30px) 0 0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--fo-ink-faint)}.fo-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:clamp(28px,5vw,88px);align-items:center;width:100%;max-width:1320px;margin:0 auto}.fo-page{width:100%;max-width:1320px;margin:0 auto}.fo-page__head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(16px,2.6vh,30px)}.fo-page__eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--fo-gold)}.fo-page__title{margin:0;font-family:var(--fo-display);font-weight:600;font-size:clamp(24px,3vw,40px);letter-spacing:.07em;text-transform:uppercase}.fo-panel{position:relative;background:linear-gradient(180deg,#0b1c2de6,#050f1af0);border:1px solid var(--fo-line);border-radius:var(--fo-radius);box-shadow:var(--fo-shadow);backdrop-filter:blur(14px) saturate(1.1);padding:clamp(22px,2.6vw,34px)}.fo-panel:before{content:"";position:absolute;inset:-1px 12% auto;height:1px;background:linear-gradient(90deg,transparent,var(--fo-gold),transparent);opacity:.7}.fo-panel__title{margin:0 0 4px;font-family:var(--fo-display);font-weight:600;font-size:clamp(17px,1.5vw,21px);letter-spacing:.11em;text-transform:uppercase}.fo-panel__hint{margin:0 0 22px;font-size:13px;line-height:1.55;color:var(--fo-ink-faint)}.fo-field{margin-bottom:16px}.fo-field>label{display:block;margin-bottom:7px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fo-ink-dim)}.fo-input,.fo-select{width:100%;box-sizing:border-box;padding:12px 14px;background:#030c15db;border:1px solid var(--fo-line);border-radius:var(--fo-radius);color:var(--fo-ink);font-family:inherit;font-size:15px;line-height:1.3;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;appearance:none}.fo-input::placeholder{color:#7893a8b3}.fo-input:hover:not(:disabled),.fo-select:hover:not(:disabled){border-color:var(--fo-line-strong);background:#061320e6}.fo-input:focus-visible,.fo-select:focus-visible{outline:none;border-color:var(--fo-gold);box-shadow:0 0 0 3px #d9b27333;background:#081624f2}.fo-input:disabled,.fo-select:disabled{opacity:.5;cursor:not-allowed}.fo-field[data-invalid=true] .fo-input{border-color:#ff9a8fb3}.fo-select{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--fo-gold) 50%),linear-gradient(135deg,var(--fo-gold) 50%,transparent 50%);background-position:right 18px top 55%,right 12px top 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}.fo-select option,.fo-select optgroup{background:#08192a;color:var(--fo-ink)}.fo-rules{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:12px;color:var(--fo-ink-faint)}.fo-rules li:before{content:"○";margin-right:6px;color:var(--fo-ink-faint)}.fo-rules li[data-met=true]{color:var(--fo-good)}.fo-rules li[data-met=true]:before{content:"●";color:var(--fo-good)}.fo-msg{min-height:16px;margin:6px 0 0;font-size:12.5px;line-height:1.35;color:var(--fo-danger)}.fo-alert{display:none;margin:4px 0 16px;padding:10px 12px;border:1px solid rgba(255,154,143,.35);border-left-width:3px;border-radius:var(--fo-radius);background:#4a16166b;color:#ffd0c9;font-size:13px;line-height:1.45}.fo-alert:not(:empty){display:block}.fo-actions{display:grid;gap:10px;margin-top:20px}.fo-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px;border-radius:var(--fo-radius);border:1px solid transparent;font-family:var(--fo-display);font-size:13.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.fo-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #d9b27359}.fo-btn:active:not(:disabled){transform:translateY(1px)}.fo-btn:disabled{cursor:progress;filter:saturate(.5) brightness(.85)}.fo-btn[data-busy=true]{color:transparent}.fo-btn--primary{background:linear-gradient(180deg,#dcb676,#b98c46 55%,#93692e);border-color:#ffe2af80;color:#21160a;box-shadow:0 10px 26px -12px #d9b273cc,inset 0 1px #fff0d280}.fo-btn--primary:hover:not(:disabled){filter:brightness(1.09);box-shadow:0 14px 32px -12px #d9b273f2,inset 0 1px #fff0d299}.fo-btn--ghost{background:#ffffff08;border-color:var(--fo-line-strong);color:var(--fo-ink-dim)}.fo-btn--ghost:hover:not(:disabled){background:#d9b2731a;border-color:var(--fo-gold);color:var(--fo-gold-bright)}.fo-btn--sm{min-height:34px;padding:8px 16px;font-size:11px;letter-spacing:.14em}.fo-btn[data-busy=true]:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;border:2px solid currentColor;border-color:rgba(33,22,10,.85) rgba(33,22,10,.2) rgba(33,22,10,.2) rgba(33,22,10,.2);animation:fo-spin .7s linear infinite}.fo-btn--ghost[data-busy=true]:after{border-color:var(--fo-ink-dim) rgba(168,194,212,.25) rgba(168,194,212,.25) rgba(168,194,212,.25)}@keyframes fo-spin{to{transform:rotate(360deg)}}.fo-roster{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(18px,2vw,28px);align-items:start}.fo-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.fo-char{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:10px 14px 10px 10px;text-align:left;background:linear-gradient(180deg,#0c1e30d9,#06111de6);border:1px solid var(--fo-line);border-radius:var(--fo-radius);color:var(--fo-ink);font:inherit;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .12s ease}.fo-char:hover{border-color:var(--fo-gold);background:linear-gradient(180deg,#1a2f42e6,#091726f0)}.fo-char:focus-visible{outline:none;border-color:var(--fo-gold);box-shadow:0 0 0 3px #d9b27347}.fo-char__bust{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:radial-gradient(circle at 50% 30%,#1d3a52,#08182a);border:1px solid var(--fo-line-strong)}.fo-char__name{display:block;font-family:var(--fo-display);font-size:16px;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fo-char__meta{display:block;margin-top:3px;font-size:11.5px;letter-spacing:.06em;color:var(--fo-ink-faint)}.fo-char__go{font-size:18px;color:var(--fo-gold);opacity:0;transform:translate(-4px);transition:opacity .16s ease,transform .16s ease}.fo-char:hover .fo-char__go,.fo-char:focus-visible .fo-char__go{opacity:1;transform:none}.fo-empty{padding:18px;border:1px dashed var(--fo-line);border-radius:var(--fo-radius);color:var(--fo-ink-faint);font-size:13px;line-height:1.6}.fo-select-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(18px,2vw,28px);align-items:start;margin-bottom:clamp(18px,2vw,28px)}.fo-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(18px,2.4vw,36px);align-items:stretch}.fo-hero__side{display:flex;flex-direction:column;justify-content:center}.fo-hero__side .fo-actions{margin-top:24px}.fo-hero__eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--fo-gold)}.fo-hero__name{margin:0;font-family:var(--fo-display);font-weight:600;font-size:clamp(22px,2.4vw,34px);letter-spacing:.06em}.fo-hero__meta{margin:6px 0 14px;font-size:13px;letter-spacing:.06em;color:var(--fo-ink-dim)}.fo-preview--hero{min-height:clamp(240px,38vh,380px)}.fo-char[aria-pressed=true]{border-color:var(--fo-gold);background:linear-gradient(180deg,#293e52eb,#0c1c2df2);box-shadow:inset 3px 0 0 var(--fo-gold)}.fo-char[aria-pressed=true] .fo-char__go{opacity:1;transform:none}.fo-create{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(18px,2.4vw,36px);align-items:stretch}.fo-preview{position:relative;min-height:clamp(280px,46vh,460px);border:1px solid var(--fo-line);border-radius:var(--fo-radius);overflow:hidden;background:radial-gradient(60% 45% at 50% 88%,rgba(217,178,115,.14),transparent 70%),radial-gradient(80% 70% at 50% 20%,rgba(38,84,120,.5),transparent 72%),linear-gradient(180deg,#0a1e31,#040d18)}.fo-preview__glow{position:absolute;left:50%;bottom:6%;width:62%;height:12%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(217,178,115,.34),transparent 70%);filter:blur(8px)}.fo-preview__img{position:absolute;left:50%;bottom:0;transform:translate(-50%);height:94%;width:auto;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 99%);mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 99%);filter:drop-shadow(0 18px 26px rgba(0,0,0,.65));animation:fo-fade-in .35s ease both}@keyframes fo-fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%)}}.fo-preview__none{position:absolute;inset:0;display:grid;place-content:center;gap:8px;justify-items:center;padding:24px;text-align:center;color:var(--fo-ink-faint);font-size:12.5px;line-height:1.6}.fo-preview__none svg{width:52px;height:52px;opacity:.4}.fo-preview__caption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg,transparent,rgba(4,11,20,.9));font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fo-ink-dim);text-align:center}.fo-create__form{display:flex;flex-direction:column}.fo-create__form .fo-actions{margin-top:auto;padding-top:20px}.fo-lore{margin:2px 0 18px;padding-left:12px;border-left:1px solid var(--fo-gold-deep);font-size:13px;line-height:1.65;color:var(--fo-ink-dim)}.fo-loading{display:grid;justify-items:center;gap:22px;padding:clamp(28px,6vh,64px) clamp(24px,8vw,96px);text-align:center;background:radial-gradient(58% 62% at 50% 50%,rgba(3,9,16,.82),rgba(3,9,16,.4) 62%,transparent 82%)}.fo-loading__status,.fo-loading__tip,.fo-loading__fail{text-shadow:0 1px 10px rgba(2,7,13,.95)}.fo-loading .fo-brand__title{font-size:clamp(28px,4.4vw,58px)}.fo-bar{position:relative;width:min(420px,70vw);height:3px;border-radius:2px;background:#96bfd633;box-shadow:0 0 18px #0009;overflow:hidden}.fo-bar:after{content:"";position:absolute;inset:0;width:42%;background:linear-gradient(90deg,transparent,var(--fo-gold-bright) 45%,#fff3dc 55%,transparent);box-shadow:0 0 12px #f2d9a4cc;animation:fo-sweep 1.5s ease-in-out infinite}@keyframes fo-sweep{0%{transform:translate(-110%)}to{transform:translate(360%)}}.fo-loading__status{margin:0;min-height:1.4em;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--fo-ink-dim)}.fo-loading__tip{margin:0;max-width:46ch;font-size:13px;line-height:1.7;color:var(--fo-ink-faint)}.fo-loading__fail{max-width:60ch;color:var(--fo-danger);font-size:13.5px;line-height:1.6}@media(max-width:1080px){.fo-split{grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vh,36px);max-width:520px}.fo-art__figure{opacity:.35;left:auto;right:-12%}.fo-roster,.fo-select-grid,.fo-hero,.fo-create{grid-template-columns:minmax(0,1fr)}.fo-preview{min-height:240px}}@media(max-width:620px){.fo__view{align-content:start;padding:24px 18px 8px}.fo-art__figure{display:none}.fo-panel{padding:20px 18px}.fo__foot{font-size:10px;letter-spacing:.06em}}@media(max-height:720px){.fo-brand__title{font-size:clamp(28px,3.6vw,46px)}.fo-brand__tag{display:none}.fo-panel{padding:18px 22px}.fo-field{margin-bottom:12px}.fo-preview{min-height:220px}}@media(prefers-reduced-motion:reduce){.fo-art__motes,.fo-preview__img{animation:none}.fo-bar:after{animation:none;width:100%;opacity:.6}.fo-btn[data-busy=true]:after{animation-duration:2.4s}}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--fo-ui);color:var(--fo-ink)}.hud-crest{position:absolute;top:14px;left:18px;display:flex;align-items:baseline;gap:10px;font-family:var(--fo-display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#e7f1f89e;text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.9)}.hud-crest b{font-weight:600;color:var(--fo-gold)}.hud-crest span{font-family:var(--fo-ui);font-size:10.5px;letter-spacing:.14em;color:#a8c2d480}.hud-hints{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;max-width:min(760px,92vw);padding:8px 12px;border:1px solid rgba(150,191,214,.14);border-radius:999px;background:#040c158c;backdrop-filter:blur(6px);font-size:11.5px;color:#e7f1f8c7;transition:opacity .8s ease}.hud-hints[data-faded=true]{opacity:0}.hud-hints kbd{display:inline-block;min-width:20px;padding:2px 6px;margin-right:5px;border:1px solid rgba(196,224,240,.28);border-bottom-width:2px;border-radius:4px;background:#ffffff12;font-family:var(--fo-mono);font-size:10.5px;text-align:center;color:var(--fo-ink)}.hud-hints i{font-style:normal;opacity:.7;margin-right:12px}.hud-hints i:last-child{margin-right:0}.hud-stats{position:absolute;top:42px;left:18px;display:none;padding:10px 14px;border:1px solid rgba(120,180,220,.22);border-radius:var(--fo-radius);background:#040e18bd;font:11.5px/1.55 var(--fo-mono);white-space:pre;color:#bcd8ea}.hud-stats[data-open=true]{display:block}.hud-stats b{color:var(--fo-gold);font-weight:600}.hud-menu{position:absolute;top:12px;right:14px;display:grid;justify-items:end;gap:8px;pointer-events:auto}.hud-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(150,191,214,.28);border-radius:var(--fo-radius);background:#040c15b8;backdrop-filter:blur(6px);color:var(--fo-ink);font-family:var(--fo-ui);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.hud-btn:hover{border-color:var(--fo-gold);background:#182c40d9;color:var(--fo-gold-bright)}.hud-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #d9b27359}.hud-btn kbd{padding:1px 5px;border:1px solid rgba(196,224,240,.28);border-radius:3px;background:#ffffff12;font-family:var(--fo-mono);font-size:10px}.hud-btn--wide{width:100%;justify-content:flex-start}.hud-menu__panel{display:grid;gap:8px;width:220px;padding:12px;border:1px solid rgba(150,191,214,.22);border-radius:var(--fo-radius);background:#050f1ae6;backdrop-filter:blur(10px);box-shadow:var(--fo-shadow)}.hud-menu__panel[hidden]{display:none}.hud-menu__note{margin:2px 0 0;font-size:11px;line-height:1.5;color:var(--fo-ink-faint);text-transform:none;letter-spacing:0}.chat{position:absolute;left:18px;bottom:64px;width:min(340px,42vw);display:grid;gap:6px;pointer-events:none;transition:opacity .6s ease}.chat[data-idle=true]{opacity:.32}.chat:hover,.chat:focus-within{opacity:1}.chat__log{max-height:168px;overflow-y:auto;overscroll-behavior:contain;padding:6px 10px;border:1px solid rgba(150,191,214,.14);border-radius:var(--fo-radius);background:#040c158c;backdrop-filter:blur(6px);font-size:12px;line-height:1.45;color:#e7f1f8db;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(150,191,214,.3) transparent}.chat__log:empty{display:none}.chat__log::-webkit-scrollbar{width:6px}.chat__log::-webkit-scrollbar-thumb{background:#96bfd64d;border-radius:3px}.chat__line{margin:0 0 2px;overflow-wrap:anywhere}.chat__from{color:var(--fo-gold);font-weight:600}.chat__text{color:inherit}.chat__entry{display:block;pointer-events:auto}.chat__input{width:100%;box-sizing:border-box;padding:7px 11px;border:1px solid rgba(150,191,214,.22);border-radius:var(--fo-radius);background:#040c159e;backdrop-filter:blur(6px);color:var(--fo-ink);font-family:var(--fo-ui);font-size:12px;transition:border-color .16s ease,background-color .16s ease}.chat__input::placeholder{color:#a8c2d473}.chat__input:hover{border-color:#c4e0f057}.chat__input:focus{outline:none;border-color:var(--fo-gold);background:#081624e0;box-shadow:0 0 0 3px #d9b27338}@media(max-width:620px){.chat{width:min(300px,62vw);bottom:58px}.chat__log{max-height:120px}}@media(prefers-reduced-motion:reduce){.chat{transition:none}}