#landscape{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:0}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 30%,#09071265 100%);z-index:0}#admin-tools{text-align:left;border-top:1px solid #302a3b;margin-top:25px;padding-top:2px}#create-player-panel{padding-top:26px}#create-player-panel h3{font:13px/1.7 var(--pixel);margin:0 0 10px}.admin-intro,.admin-note{font:20px/1.3 var(--body);color:var(--muted);margin:0 0 22px}.admin-note{font-size:18px;margin:13px 0 0}#create-player-form>label:not(:first-child){margin-top:20px}#show-player-password{font-size:17px}.cancel-create{display:block;margin:18px auto 0;min-height:32px}#admin-tools:not([hidden])~#sign-out{background:transparent;color:var(--paper);border-color:#51485f;box-shadow:none;font-size:9px}#admin-tools:not([hidden])~#sign-out:hover{border-color:var(--yellow);color:var(--yellow)}:root{color-scheme:dark;--ink:#08080d;--paper:#f2efeb;--muted:#a29ab4;--yellow:#f4dd78;--red:#ff405b;--pixel:"Press Start 2P",monospace;--body:"VT323","Courier New",monospace;font-family:var(--body);color:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#100d20}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}input:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}button{touch-action:manipulation}[hidden]{display:none!important}.site-header{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:20px}.brand{text-decoration:none;font:10px var(--pixel);letter-spacing:1px;display:flex;align-items:center;gap:17px}.tiny-spark{font:29px var(--body);color:var(--yellow)}.brand-divider{color:#5d526f}.brand-caption{font:13px var(--body);letter-spacing:2px;color:#a69bb7}.header-actions{display:flex;align-items:center;gap:24px}.quiet-button,.help-button{background:transparent;border:0;color:#b9aecb}.quiet-button{font:17px var(--body);display:flex;gap:9px;align-items:center}.quiet-button:hover{color:var(--paper)}.help-button{border:1px solid #756881;width:27px;height:27px;font-size:22px}.help-button:hover{border-color:var(--paper)}main{position:relative;z-index:1;width:min(1060px,calc(100% - 64px));margin:41px auto 0}.title-block{text-align:center}.eyebrow{font:13px var(--body);letter-spacing:3px;color:#b1a2c6;display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 29px}.eyebrow span{width:25px;height:1px;background:#67587e}h1{font:clamp(34px,5.2vw,65px)/1.25 var(--pixel);letter-spacing:-3px;margin:0;display:inline-block;position:relative;text-shadow:5px 6px 0 #443458}.title-star{position:absolute;right:-36px;top:-18px;font:31px var(--body);color:var(--yellow);text-shadow:none}.tagline{color:#bdb0ce;font-size:23px;letter-spacing:.3px;margin:21px 0 0}.menu-layout{display:grid;grid-template-columns:210px minmax(0,490px) 210px;gap:22px;justify-content:center;align-items:start;margin-top:47px}.pixel-panel{background:#08080df5;border:3px solid var(--paper);box-shadow:0 0 0 4px #15101c,7px 8px 0 4px #07060b70;position:relative}.left-column{padding-top:31px}.role-panel{padding:25px 16px 19px}.panel-caption{font:9px/1.8 var(--pixel);letter-spacing:1px;color:var(--muted);margin:0 0 22px 10px}.role-options{display:flex;flex-direction:column;gap:7px}.role-button{font:12px/1.5 var(--pixel);background:transparent;border:0;display:flex;align-items:center;width:100%;gap:14px;padding:12px 9px;text-align:left;color:#8e889c}.heart{display:inline-block;width:16px;height:15px;flex:none;background:var(--red);clip-path:polygon(0 13%,13% 13%,13% 0,38% 0,38% 13%,50% 25%,63% 13%,63% 0,88% 0,88% 13%,100% 13%,100% 50%,88% 50%,88% 63%,75% 63%,75% 75%,63% 75%,63% 88%,50% 100%,38% 88%,38% 75%,25% 75%,25% 63%,13% 63%,13% 50%,0 50%)}.role-button .heart{opacity:0}.role-button.selected{color:var(--paper)}.role-button.selected .heart{opacity:1}.role-button:hover{color:var(--yellow)}.role-divider{height:1px;background:#302a3b;margin:22px 10px 17px}#role-description{font-size:19px;line-height:1.25;color:#a59bad;margin:0 10px}.side-hint{color:#8c7f9f;font-size:18px;line-height:1.3;margin:26px 12px}.side-hint>span:first-child{color:#c2aacd;padding-right:8px}.hint-indent{padding-left:23px}.login-panel{padding:24px 32px 0}.panel-topline{display:flex;justify-content:space-between;align-items:center;font:8px/1.8 var(--pixel);letter-spacing:1.3px;color:#a69ab9;margin-bottom:28px}.corner-star{color:#aaa0bc;font:23px var(--body)}h2{font:15px/1.7 var(--pixel);letter-spacing:-.6px;margin:0 0 8px}.form-intro{font:21px/1.3 var(--body);color:#a79dad;margin:0 0 30px}label,.account-label{font:8px/1.7 var(--pixel);letter-spacing:1px;color:#c5becd;display:block;margin:0 0 11px}input{width:100%;min-width:0;border:2px solid #51485f;border-radius:0;background:#121018;height:49px;padding:10px 14px;color:var(--paper);font:21px var(--body)}input::placeholder{color:#7f748d;opacity:1}input:focus{border-color:var(--yellow)}.password-label{display:flex;align-items:baseline;justify-content:space-between;margin-top:23px}.text-button{border:0;background:transparent;color:#c0b5cc;padding:0;font:18px var(--body);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#645a73}.text-button:hover{color:var(--yellow)}.password-field{position:relative}.password-field input{padding-right:51px}.password-field button{position:absolute;right:2px;top:2px;height:45px;width:45px;background:transparent;border:0;color:#a69ab5;display:grid;place-items:center}.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;background:var(--yellow);color:#181312;border:2px solid var(--yellow);box-shadow:3px 3px #7b6234;width:100%;min-height:53px;font:10px/1.7 var(--pixel);letter-spacing:.3px;padding:13px 14px;margin-top:27px}.primary-button:hover{background:#fff0a4;border-color:#fff0a4}.primary-button:active{transform:translate(2px,2px);box-shadow:1px 1px #7b6234}.primary-button .heart{background:#5b3e31;width:13px;height:13px}.button-arrow{margin-left:auto;font:23px/1 var(--body)}.primary-button .heart+span{margin-right:auto}.join-note{border-top:1px solid #302a3b;margin:28px -32px 0;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8e849f;font-size:17px}.join-note p{margin:0;line-height:1.3}.join-note .text-button{font-size:17px}.join-note>span{color:#b4a0ca;font-size:22px}.form-message{font:19px/1.25 var(--body);color:#ffb0b8;border-left:2px solid var(--red);padding:3px 0 3px 12px;margin:18px 0 0}.form-message.success{color:#d9e7aa;border-color:#d9e7aa}.right-column{padding-top:63px}.story-panel{padding:22px 21px 20px}.save-star{font:52px/1 var(--body);color:var(--yellow);margin-bottom:19px;animation:star-glow 4s steps(6,end) infinite;text-shadow:0 0 22px #f4dd7844}.story-title{font-size:23px;margin:0 0 15px}.story-panel>p:not(.story-title):not(.story-foot){font-size:20px;line-height:1.25;color:#a59bad;margin:0 0 20px}.story-panel p span{color:#ddd4e7}.story-line{height:1px;background:#302a3b;margin:22px 0 15px}.story-foot{font:7px/1.8 var(--pixel);letter-spacing:.4px;color:#a89bb7;margin:0}.below-menu{text-align:center;font-size:19px;color:#b1a1bf;margin:32px 0 0}.below-menu span{color:var(--yellow);padding-right:9px}.site-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:55px 4.5% 25px;font:11px var(--body);letter-spacing:2px;color:#ab9cb8}.footer-heart{font-size:17px;color:#766480;position:absolute;left:50%}.footer-version{color:#675770;margin:0 8px}#recovery-form label:not(:first-child){margin-top:22px}#recovery-view{padding-bottom:29px}#session-view{text-align:center;padding-bottom:29px}.session-spark{font-size:52px;color:var(--yellow);margin-bottom:18px}#session-description{margin-bottom:26px}#account-email{font-size:22px;overflow-wrap:anywhere;margin:0;color:var(--yellow)}.coming-next{font-size:21px;line-height:1.4;color:#a79dad;margin:25px 0}.account-label{margin-top:24px}.noscript{position:fixed;bottom:0;background:#08080d;color:#fff;padding:20px;width:100%;z-index:5;text-align:center}dialog{background:#0c0912;color:var(--paper);border:3px solid var(--paper);padding:35px;width:min(470px,calc(100% - 36px));box-shadow:0 0 0 5px #100d20}dialog::backdrop{background:#07050dd9}dialog p:not(.panel-caption){font-size:23px;line-height:1.35;color:#b9afc6}dialog strong{font-weight:400;color:var(--yellow)}dialog .panel-caption{margin-left:0}.dialog-close{position:absolute;right:13px;top:8px;background:none;border:0;font-size:30px;color:#aaa0b7}.dialog-close:hover{color:var(--paper)}@keyframes star-glow{50%{color:#fff2b8;text-shadow:0 0 28px #f4dd7877}}.motion-paused .save-star{animation:none}@media(prefers-reduced-motion:reduce){.save-star{animation:none}}@media(min-height:950px)and (min-width:901px){main{margin-top:75px}.menu-layout{margin-top:58px}.site-footer{padding-top:85px}}@media(min-width:801px)and (max-height:850px){.site-header{height:65px}main{margin-top:18px}.eyebrow{margin-bottom:20px}h1{font-size:49px}.tagline{margin-top:15px;font-size:21px}.menu-layout{margin-top:29px}.login-panel{padding-top:17px}.panel-topline{margin-bottom:17px}.form-intro{margin-bottom:22px}.password-label{margin-top:17px}.primary-button{margin-top:21px;min-height:48px}.join-note{margin-top:22px;padding-top:14px;padding-bottom:14px}.below-menu{margin-top:25px}.site-footer{padding-top:30px;padding-bottom:20px}}@media(max-width:1050px){.menu-layout{grid-template-columns:180px minmax(0,450px) 180px;gap:16px}.role-panel{padding-left:10px;padding-right:10px}.role-button{font-size:10px}.story-panel{padding:20px 16px}.story-foot{font-size:6px}.login-panel{padding-left:26px;padding-right:26px}.join-note{margin-left:-26px;margin-right:-26px;padding:17px}.brand-caption{display:none}main{width:calc(100% - 48px)}}@media(max-width:800px){.site-header{height:75px}.menu-layout{grid-template-columns:165px minmax(0,450px);gap:18px}.right-column{display:none}main{margin-top:31px}.eyebrow{font-size:11px;letter-spacing:2px}.tagline{font-size:21px}.role-button{font-size:9px;padding-left:5px;gap:10px}.role-panel .panel-caption{font-size:8px;margin-left:5px}#role-description{font-size:18px;margin-left:5px}.side-hint{font-size:16px}.site-footer{padding-top:50px}.footer-heart{display:none}}@media(max-width:560px){.site-header{padding:0 22px;height:68px}.brand{font-size:9px;gap:9px}.brand-divider{display:none}.header-actions{gap:16px}.quiet-button{font-size:16px}main{width:calc(100% - 40px);margin-top:27px}.eyebrow{font-size:10px;letter-spacing:1.1px;gap:8px;margin-bottom:25px}.eyebrow span{width:12px}h1{font-size:clamp(25px,8.3vw,43px);letter-spacing:-2px;text-shadow:3px 4px 0 #443458}.title-star{right:-20px;top:-14px;font-size:22px}.tagline{font-size:19px;margin-top:17px}.menu-layout{display:flex;flex-direction:column;gap:17px;margin-top:29px}.left-column{padding:0;width:100%}.role-panel{padding:10px 12px;display:flex;align-items:center;gap:14px}.role-panel .panel-caption{font:7px/1.7 var(--pixel);margin:0;max-width:46px}.role-options{flex-direction:row;flex:1;justify-content:space-evenly;gap:6px}.role-button{font-size:9px;padding:10px 7px;width:auto;gap:9px}.role-button .heart{width:13px;height:13px}.role-divider,#role-description,.side-hint{display:none}.login-panel{width:100%;padding:22px 23px 0}.panel-topline{margin-bottom:22px;font-size:7px}h2{font-size:13px}.form-intro{font-size:20px;margin-bottom:25px}.join-note{margin-left:-23px;margin-right:-23px;padding:16px 14px;gap:8px;font-size:16px}.join-note .text-button{font-size:16px}.below-menu{font-size:16px;line-height:1.3;margin-top:25px}.site-footer{font-size:9px;letter-spacing:1px;padding:42px 20px 23px}.primary-button{font-size:9px}.password-label{margin-top:21px}}
