:root{--paper:#f2eee3;--ink:#16181c;--red:#984a4b;--line:#16181c38;--muted:#686660;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:none}.paper{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 0 0,#fff7,transparent 40%);opacity:.2}
.masthead{position:relative;z-index:5;height:80px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.playing .masthead{background:var(--paper)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:23px;font-weight:900;letter-spacing:-1.5px}.wordmark svg{width:31px;height:31px;fill:var(--ink);stroke:var(--ink);stroke-width:1.5}.wordmark-dot{font-size:8px;align-self:flex-start;margin:7px 0 0 -7px}.masthead-caption,.eyebrow,.input-label,.landing-bottom,.room-button,.world-mood>div:first-child{font-family:var(--mono);font-size:10px;letter-spacing:1.5px}.masthead-caption{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:22px}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:17px}.sound-button{display:flex;align-items:center;gap:10px;border:0;background:none;font-family:var(--mono);font-size:10px;letter-spacing:1px}.sound-bars{display:flex;align-items:center;gap:3px;height:16px}.sound-bars i{display:block;width:2px;height:7px;background:currentColor;animation:breathe 1.1s infinite}.sound-bars i:nth-child(2){height:15px;animation-delay:.15s}.sound-bars i:nth-child(3){height:10px;animation-delay:.3s}.sound-bars i:nth-child(4){height:5px;animation-delay:.45s}@keyframes breathe{50%{transform:scaleY(.45)}}
.landing{position:relative;z-index:2;height:calc(100svh - 80px);min-height:650px}.intro{position:absolute;left:6%;top:clamp(35px,7vh,92px);width:min(550px,43%)}.eyebrow{color:var(--red);margin:0 0 24px}.tiny-cross{font-size:18px;vertical-align:-2px;margin-right:7px}h1{font-size:clamp(72px,7.4vw,125px);font-weight:900;line-height:.89;letter-spacing:-.075em;margin:0 0 31px}h1 em{font-family:var(--serif);font-weight:400;color:var(--red);letter-spacing:-.085em}.intro-copy{font-size:18px;line-height:1.38;margin:0 0 32px;color:var(--muted)}.entry-form,.join-form{max-width:360px}.input-label{display:block;margin:0 0 10px}.entry-form input,.join-form input{width:100%;height:42px;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:5px 0;color:var(--ink);font-size:17px;border-radius:0}.entry-form input::placeholder,.join-form input::placeholder{color:#85827a}.entry-actions{display:flex;align-items:center;gap:19px;margin-top:19px}.button{min-height:52px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button span,.text-button span{font-size:21px;font-weight:400}.primary{background:var(--red);color:var(--paper)}.text-button{padding:9px 0;border:0;border-bottom:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}.practice-button{margin-top:22px;border:0;background:none;padding:0;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}.join-form{margin-top:22px}.join-row{display:flex;align-items:end;gap:14px}.join-row input{letter-spacing:5px;text-transform:uppercase}.join-row .button{min-height:44px}.connection-error{color:var(--red);font-size:13px;line-height:1.5;max-width:340px}.art-caption{position:absolute;right:6%;top:78%;display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:1px;line-height:1.5}.art-caption p{margin:0}.caption-line{width:28px;height:1px;background:var(--red);margin-top:7px}.landing-bottom{position:absolute;left:4.5%;right:4.5%;bottom:24px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #984a4b20;margin-right:11px;vertical-align:1px}
.game-ui{position:fixed;inset:80px 0 0;z-index:3;pointer-events:none}.game-topline{position:absolute;top:24px;left:4.5%;right:4.5%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chapter{max-width:min(440px,47vw)}.chapter .eyebrow{font-size:10px;margin:0 0 8px}.chapter h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,44px);letter-spacing:-1.5px;line-height:1;margin:0 0 9px}.chapter p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.room-panel{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.room-button{pointer-events:auto;display:flex;align-items:center;gap:15px;padding:11px 15px;min-height:49px;background:var(--paper);border:1px solid var(--line);font-size:9px}.room-button strong{font-size:17px;letter-spacing:3px;color:var(--red)}.room-button>span:last-child{font-size:20px}.presence{font-size:12px;color:var(--muted);text-align:right;line-height:1.4}.game-bottom{position:absolute;bottom:0;left:0;right:0;min-height:112px;padding:22px 4.5% max(21px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(0deg,var(--paper) 72%,transparent);border-top:1px solid var(--line)}.world-mood{width:245px;flex:none}.world-mood>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:9px}.world-mood strong{color:var(--red)}.mood-track{height:3px;background:var(--line);margin:11px 0 8px}.mood-track i{display:block;height:3px;width:0;background:var(--red)}.world-mood small{font-size:11px;color:var(--muted);line-height:1.3}.keyboard-controls{display:flex;align-items:center;gap:22px;font-size:12px}.keyboard-controls>span{display:flex;align-items:center;gap:7px}.keyboard-controls>span>span{color:var(--muted)}kbd{display:inline-block;padding:7px 9px;border:1px solid var(--line);border-radius:4px;font-family:var(--mono);font-size:11px;white-space:nowrap}.leave-button{pointer-events:auto;font-size:12px}.choice-banner{position:absolute;left:50%;bottom:128px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));padding:15px 19px;background:var(--paper);border:1px solid var(--ink);box-shadow:0 12px 40px #16181c16;text-align:center}.choice-heading{display:flex;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:700}.choice-heading .live-dot{margin-right:0}.choice-heading strong{color:var(--red);margin-left:8px;font-family:var(--mono)}.choice-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 9px}.choice-options span{display:flex;align-items:center;justify-content:center;min-height:41px;border:1px solid var(--line);padding:6px 8px;font-size:12px;line-height:1.3}.choice-options span.selected{border-color:var(--red);background:#984a4b15;color:var(--red);font-weight:700}.choice-banner small{font-size:11px;color:var(--muted)}.event-message{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);max-width:560px;width:70%;text-align:center;opacity:0;transition:opacity .5s}.event-message.visible{opacity:1}.event-message>span{display:inline;padding:4px 11px;background:var(--paper);box-decoration-break:clone;font-family:var(--serif);font-size:clamp(34px,4vw,58px);line-height:1.1}.event-message p{display:table;margin:10px auto 0;background:var(--paper);padding:3px 8px;font-size:14px;line-height:1.4}.touch-controls,.touch-stick{display:none}
.toast{position:fixed;left:50%;bottom:132px;transform:translate(-50%,14px);background:var(--ink);color:var(--paper);padding:14px 20px;z-index:20;max-width:90vw;text-align:center;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.help-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:36px 42px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 30px 110px #0004}.help-dialog::backdrop{background:#16181c88;backdrop-filter:blur(5px)}.close-button{position:absolute;right:15px;top:15px}.help-dialog h2{font-size:clamp(39px,6vw,58px);line-height:1.03;letter-spacing:-2px;margin:0 0 16px}.help-dialog h2 em{font-family:var(--serif);font-weight:400;color:var(--red)}.help-dialog p{font-size:14px;line-height:1.55;color:var(--muted)}.instruction{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--line);padding:13px 0}.instruction>span:last-child{font-size:13px;line-height:1.45}.instruction kbd,.circle-symbol{min-width:135px;text-align:center}.circle-symbol{font-size:23px;color:var(--red)}.setting{display:flex;justify-content:space-between;gap:20px;margin:16px 0;font-size:14px}.setting input{accent-color:var(--red)}.help-dialog>.button{width:100%;margin-top:12px}.inverted{--paper:#16181c;--ink:#f2eee3;--line:#f2eee340;--muted:#b5b0a7;color-scheme:dark}.inverted .wordmark svg{fill:var(--ink);stroke:var(--ink)}
@media(max-width:980px){.masthead-caption{display:none}.intro{width:53%;left:5%}h1{font-size:clamp(66px,9vw,100px)}.intro-copy{font-size:16px}.entry-actions{flex-wrap:wrap}.art-caption{display:none}.keyboard-controls{gap:8px}.keyboard-controls>span{font-size:10px}}
@media(max-width:700px){body:not(.playing){overflow:auto}.masthead{height:66px;margin:0 5%}.wordmark{font-size:19px}.wordmark svg{width:26px;height:26px}.header-actions{gap:12px}.sound-button{font-size:9px}.landing{height:auto;min-height:max(850px,100svh)}.intro{position:relative;left:auto;top:auto;width:auto;padding:30px 6% 150px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:15px}h1{font-size:clamp(61px,14vw,85px);margin-bottom:19px}.intro-copy{font-size:14px;line-height:1.4;margin-bottom:0}.entry-form{margin-top:270px;max-width:none}.entry-actions{flex-wrap:nowrap;gap:12px}.button{padding:0 15px;gap:10px;font-size:12px;min-height:48px}.text-button{font-size:12px;gap:6px}.join-form{max-width:none}.landing-bottom{left:6%;right:6%;bottom:18px;font-size:8px;line-height:1.4}.headphone-note{display:none}.edition{text-align:right}.game-ui{inset:66px 0 0}.game-topline{top:16px;left:5%;right:5%}.chapter{max-width:55%}.chapter .eyebrow{font-size:9px}.chapter h2{font-size:25px;line-height:1.08;letter-spacing:-.7px}.chapter p{font-size:11px;line-height:1.3}.room-button{min-height:42px;padding:6px 9px;gap:7px}.room-button>span:first-child{display:none}.room-button strong{font-size:13px;letter-spacing:1.5px}.presence{font-size:10px;max-width:132px}.game-bottom{min-height:90px;padding:14px 5% max(17px,env(safe-area-inset-bottom))}.world-mood{width:160px}.world-mood>div:first-child{font-size:8px;letter-spacing:.3px}.world-mood small{font-size:10px}.keyboard-controls{display:none}.leave-button{font-size:11px}.choice-banner{bottom:181px;padding:11px 12px}.choice-heading{font-size:11px}.choice-options{gap:7px;margin:9px 0 7px}.choice-options span{font-size:10px;min-height:40px}.choice-banner small{font-size:10px}.event-message{top:31%;width:84%}.event-message>span{font-size:30px}.event-message p{font-size:11px}.touch-controls{display:flex;pointer-events:auto;position:absolute;right:5%;bottom:103px;gap:9px}.touch-controls button{width:64px;height:64px;border-radius:50%;border:1px solid var(--ink);background:var(--paper);font-family:var(--mono);font-size:10px;touch-action:none}.touch-controls #pulse-button{width:72px;height:72px;border:2px solid var(--red);color:var(--red);font-size:22px}.touch-controls #pulse-button span{display:block;font-size:9px}.touch-stick{position:fixed;width:92px;height:92px;margin:-46px;border:1px solid var(--red);border-radius:50%;z-index:10;background:#984a4b12;pointer-events:none}.touch-stick i{position:absolute;left:32px;top:32px;width:28px;height:28px;border-radius:50%;border:1px solid var(--red);background:#984a4b45}.playing .toast{bottom:190px}.help-dialog{padding:30px 24px}.instruction kbd,.circle-symbol{min-width:100px}.instruction{gap:11px}.instruction>span:last-child{font-size:12px}}
@media(max-width:700px){.entry-form,.join-form{position:relative;background:var(--paper)}.event-message{display:none}.touch-hint{display:block;max-width:95px;font:9px/1.35 var(--mono);letter-spacing:.2px;text-align:right;color:var(--red)}}@media(min-width:701px){.touch-hint{display:none}}@media(max-width:390px){.landing{min-height:820px}.intro{padding-top:22px}.entry-form{margin-top:235px}h1{font-size:59px}.entry-actions{gap:8px}.button{font-size:11px;padding:0 12px}.text-button{font-size:11px}.choice-banner{bottom:186px}.choice-options span{font-size:9px}}@media(max-height:730px) and (min-width:701px){.intro{top:28px}h1{font-size:clamp(65px,6.5vw,88px);margin-bottom:15px}.intro-copy{font-size:15px;margin-bottom:18px}.entry-actions{margin-top:10px}.game-topline{top:13px}.game-bottom{min-height:86px}.choice-banner{bottom:96px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}.gentle-motion .sound-bars i{animation:none!important}