@font-face{font-family:FFTMenu;src:url('/art/character-fonts/vt323-latin.woff2') format('woff2');font-display:swap}
:root{--slate:#394641;--deep:#202d2c;--paper:#e8e3c9;--paper-dim:#d0ceb2;--ink:#292e2a;--ink-soft:#50594d;--edge:#939b85;--gold:#ecdfae;--light:#f3eed8;--menu:FFTMenu,Tahoma,monospace}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;background:var(--slate);background-image:linear-gradient(135deg,#263a3655 25%,transparent 25%),linear-gradient(315deg,#263a3640 25%,transparent 25%);background-size:48px 48px;color:var(--ink);font:16px/1.6 'Segoe UI',sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff5c5;outline-offset:4px;box-shadow:0 0 0 6px #263b36}button:disabled{cursor:wait;opacity:.55}.screen{max-width:1200px;margin:auto;padding:26px 36px 20px}.top-rule{display:flex;justify-content:space-between;gap:20px;color:var(--light);border-bottom:1px solid #98a18a;padding-bottom:12px;font-size:12px}.top-rule a{text-underline-offset:4px}.title-view{position:relative;margin-top:28px;min-height:710px;overflow:hidden;background:var(--paper);border:2px solid #a4aa94;box-shadow:inset 0 0 0 3px #f1eed4,5px 6px 0 #14252070}.title-art{position:absolute;inset:0 0 auto;height:75%;overflow:hidden}.title-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.43;filter:sepia(.25) saturate(.5) contrast(.86)}.title-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8e3c9eb 0%,#e8e3c957 70%),linear-gradient(0deg,var(--paper),#e8e3c900 70%)}.title-copy{position:relative;padding:70px 66px 0}.title-overline{font:25px var(--menu);color:#5e6758;margin:0 0 8px}.title-copy h1{font:clamp(90px,12vw,150px)/.85 var(--menu);letter-spacing:6px;margin:0;color:#263f37;text-shadow:2px 3px #f8f2d4}.title-subtitle{font:27px var(--menu);letter-spacing:1px;margin:26px 0 0;color:#4d5d4b}.title-bottom{position:relative;display:grid;grid-template-columns:340px 1fr;gap:44px;margin:112px 64px 54px;align-items:end}.command-window{background:var(--deep);color:var(--light);border:2px solid #8d9887;box-shadow:inset 0 0 0 2px #182824,3px 4px 0 #14252050;padding:8px;border-radius:2px}.window-label{padding:3px 14px 10px;border-bottom:1px solid #62715f;color:#cbd4bd;font:20px var(--menu);margin-bottom:6px}.command{position:relative;display:block;width:100%;padding:10px 20px 10px 34px;background:none;border:0;color:inherit;text-decoration:none;text-align:left;line-height:1.1;min-height:49px}.command span{font:32px/1 var(--menu)}.command small{display:block;font-size:11px;color:#bdc9b0;margin-top:5px}.command:before{content:'';position:absolute;left:13px;top:23px;border-left:9px solid var(--gold);border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:0}.command:hover,.command:focus-visible,.command.selected{background:#d8d6b9;color:var(--ink)}.command:hover small,.command:focus-visible small{color:#495945}.command:hover:before,.command:focus-visible:before,.command.selected:before{opacity:1;border-left-color:#586747}.title-note{color:var(--ink-soft);font-size:14px;padding-bottom:5px}.title-note p{margin:0 0 18px}.title-note a{text-underline-offset:4px;font-size:12px}.session-status{color:var(--gold);font:22px var(--menu);min-height:28px;margin:14px 0}.session-status.error{color:#ffd3c4}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #98a18a;padding-top:12px;color:#cbd4bd;font-size:11px}.menu-heading{display:flex;align-items:center;justify-content:space-between;color:var(--light);gap:18px;padding:24px 0 18px}.menu-heading p{font:22px var(--menu);color:var(--gold);margin:0}.menu-heading h1{font:54px/1 var(--menu);margin:4px 0 0;text-shadow:2px 2px #172a26}.account-slot{text-align:right;font-size:13px}.account-slot span{display:block}.account-slot button{background:none;border:0;color:var(--gold);font-size:12px;text-decoration:underline;min-height:44px}.menu-stage{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:end}.main-commands{grid-row:1;align-self:end;margin-bottom:0}.main-commands .command{padding-top:12px;padding-bottom:12px;min-height:52px}.main-commands .command span{font-size:30px}.command-divider{border-top:1px solid #62715f;margin:8px 12px}.menu-world{min-width:0}.world-image{position:relative;border:2px solid var(--edge);height:370px;overflow:hidden;background:var(--deep);box-shadow:3px 4px 0 #14252050}.world-image img{height:100%;width:100%;object-fit:cover;object-position:center 60%}.world-image span{position:absolute;bottom:0;left:0;right:0;padding:7px 14px;background:#202d2cdd;color:var(--light);font-size:11px}.context-window{display:flex;gap:22px;align-items:center;margin-top:18px;min-height:132px;padding:18px 22px;background:var(--paper-dim);border:2px solid #a4aa94;box-shadow:inset 0 0 0 2px #f1eed4,3px 4px 0 #14252070}.portrait-pair{display:flex;gap:6px;flex:none}.portrait-pair img{width:48px;height:72px;image-rendering:pixelated;border:1px solid #849075;background:#aab394}.context-window h2{font:32px var(--menu);margin:0 0 6px}.context-window p{margin:0;font-size:12px;line-height:1.55}.secondary-menu{display:flex;flex-wrap:wrap;gap:26px;padding-top:22px;color:var(--light);font:22px var(--menu)}dialog{width:min(430px,calc(100% - 32px));padding:0;border:2px solid var(--edge);color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 2px #f1eed4,6px 8px 0 #14252090}dialog::backdrop{background:#111e1bcc;backdrop-filter:blur(3px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;background:var(--deep);color:var(--light);font:24px var(--menu)}.dialog-bar button{background:none;border:0;color:var(--light);font:20px var(--menu);min-height:44px}.dialog-body{padding:20px 28px 24px}.dialog-body h2{font:38px var(--menu);margin:0 0 14px}.dialog-body p{font-size:14px;line-height:1.5}.dialog-body .login-note{font-size:11px;color:var(--ink-soft);margin-top:24px}#google-login{min-height:44px;margin:22px 0 12px}#login-status{font-size:13px;min-height:20px}#retry-login{border:1px solid #6a785f;background:var(--deep);color:var(--light);padding:8px 18px;min-height:44px}.skip-link{position:absolute;left:16px;top:-80px;z-index:5;background:var(--paper);color:var(--deep);padding:12px}.skip-link:focus{top:12px}.noscript{max-width:900px;margin:20px auto;padding:16px;color:var(--light)}@media(max-width:760px){.screen{padding:16px 16px 20px}.top-rule{font-size:10px;gap:12px}.title-view{margin-top:20px;min-height:680px}.title-copy{padding:70px 26px 0}.title-copy h1{font-size:98px;letter-spacing:2px}.title-overline{font-size:22px}.title-subtitle{font-size:22px;max-width:200px;margin-top:18px}.title-art{height:65%}.title-art img{object-position:64% center}.title-bottom{grid-template-columns:1fr;gap:22px;margin:100px 26px 34px}.title-note{padding:0;font-size:12px}.title-note p{display:none}.title-note a{font-size:12px}.menu-heading h1{font-size:43px}.account-slot{max-width:140px;overflow-wrap:anywhere}.menu-stage{grid-template-columns:minmax(135px,.8fr) minmax(0,1fr);gap:12px;align-items:start}.main-commands{align-self:start}.main-commands .command{padding-left:20px;padding-right:4px;min-height:50px}.main-commands .command span{font-size:24px}.command:before{left:7px;border-left-width:6px}.window-label{font-size:18px;padding-left:10px}.world-image{height:245px}.world-image span{font-size:9px;padding:6px}.context-window{display:block;margin-top:12px;min-height:240px;padding:12px}.portrait-pair{gap:5px;margin-bottom:12px}.portrait-pair img{width:32px;height:48px}.context-window h2{font-size:27px}.context-window p{font-size:11px}.secondary-menu{font-size:20px;gap:18px}footer{flex-wrap:wrap;font-size:10px}.dialog-body{padding:18px}}@media(max-width:360px){.title-copy h1{font-size:84px}.screen{padding:12px}.title-copy{padding-left:20px}.title-bottom{margin-left:20px;margin-right:20px}.menu-stage{grid-template-columns:130px minmax(0,1fr);gap:8px}.main-commands .command span{font-size:23px}.context-window{padding:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}dialog::backdrop{backdrop-filter:none}}
/* Original PSX FRAME.BIN texture, bevel and cursor; FONT.BIN menu glyphs. */
.main-commands.native-menu{position:relative;align-self:start;margin-top:16px;padding:14px 10px 10px;width:100%;background:#b6b19a url('/art/native-ui/menu-active-texture.png') repeat;background-size:48px 36px;color:#38372e;border:6px solid transparent;border-image:url('/art/native-ui/menu-active-frame.png') 3 / 6px / 0 stretch;box-shadow:3px 3px 0 #131513;border-radius:0;image-rendering:pixelated;overflow:visible}
.native-menu .window-label{position:absolute;left:-3px;top:-22px;margin:0;padding:0;width:60px;height:42px;border:0;background:url('/art/native-ui/label-menu.png') left center/60px 42px no-repeat;font-size:0;filter:brightness(3.1) drop-shadow(2px 2px #171813)}
.native-menu .command{min-height:48px;padding:3px 0 3px 23px;outline-offset:2px}
.native-menu .command span{display:block;height:42px;width:var(--native-label-width);font-size:0;background:var(--native-label) left center/100% 42px no-repeat;image-rendering:pixelated}
.native-menu .command:hover,.native-menu .command:focus-visible,.native-menu .command.selected{background:none;color:inherit}
.native-menu .command:before{content:'';display:block;position:absolute;left:-30px;top:8px;width:48px;height:36px;border:0;background:url('/art/native-ui/cursor-hand.png') center/48px 36px no-repeat;opacity:0;image-rendering:pixelated;filter:drop-shadow(2px 2px #202622)}
.native-menu .command.selected:before,.native-menu .command:hover:before,.native-menu .command:focus-visible:before{opacity:1;border:0}
.native-menu .command-divider{height:2px;border:0;background:#928e7b;box-shadow:0 1px #d5cfb4;margin:5px 4px}
.native-menu [data-menu-title="Party"]{--native-label:url('/art/native-ui/label-party.png');--native-label-width:72px}
.native-menu [data-menu-title="Story"]{--native-label:url('/art/native-ui/label-story.png');--native-label-width:72px}
.native-menu [data-menu-title="Storylines"]{--native-label:url('/art/native-ui/label-storylines.png');--native-label-width:120px}
.native-menu [data-menu-title="Votes"]{--native-label:url('/art/native-ui/label-votes.png');--native-label-width:72px}
.native-menu [data-menu-title="Your Impact"]{--native-label:url('/art/native-ui/label-your-impact.png');--native-label-width:150px}
.native-menu [data-menu-title="TikTok"]{--native-label:url('/art/native-ui/label-tiktok.png');--native-label-width:84px}
.native-menu [data-menu-title="Instagram"]{--native-label:url('/art/native-ui/label-instagram.png');--native-label-width:120px}
.native-menu [data-menu-title="Rumble"]{--native-label:url('/art/native-ui/label-rumble.png');--native-label-width:84px}
@media(max-width:760px){.menu-stage{grid-template-columns:200px minmax(0,1fr);gap:16px}.main-commands.native-menu{margin-left:12px;width:calc(100% - 12px);padding-left:5px;padding-right:2px}.native-menu .command{padding-left:12px}.native-menu .command:before{left:-32px}.native-menu .command span{font-size:0}.native-menu .window-label{font-size:0}}
@media(max-width:560px){.menu-stage{grid-template-columns:1fr}.main-commands.native-menu{max-width:218px;margin-left:18px}.menu-world{margin-top:14px}.world-image{height:210px}.context-window{display:flex;min-height:110px}.portrait-pair{margin:0}.native-menu .command{min-height:48px;padding-left:23px}.native-menu .command:before{left:-28px}}
@media(forced-colors:active){.native-menu .command span{background:none;font:28px var(--menu);width:auto}.native-menu .window-label{background:none;font:24px var(--menu);filter:none}.native-menu .command.selected{outline:2px solid Highlight}.main-commands.native-menu{border:2px solid CanvasText}}



.music-toggle{font:inherit;color:inherit;background:transparent;border:1px solid #98a18a;padding:2px 8px;cursor:pointer;white-space:nowrap}.music-toggle[aria-pressed=false]{opacity:.65}