:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;overflow:hidden;background:#090f1e}body{display:flex;justify-content:center;align-items:center}#game{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}#game canvas{display:block;max-width:100%;max-height:100%;touch-action:none}#rotate{display:none}@media(max-width:720px)and (orientation:portrait){#rotate{display:flex;position:fixed;inset:0;background:#0c1527;align-items:center;justify-content:center;text-align:center;padding:30px;color:#f9ce79;font-size:23px;font-weight:700;z-index:10}}.join-overlay{position:fixed;inset:0;z-index:30;overflow:auto;display:grid;place-items:center;padding:22px;background:#050b17f7;color:#f1f5ff}.join-dialog{width:min(100%,440px);display:flex;flex-direction:column;gap:12px;padding:24px;background:#13243b;border:1px solid #42617f;border-radius:18px;box-shadow:0 24px 64px #00000073}.join-kicker{color:#ffcb75;font-size:13px;font-weight:800;letter-spacing:2px}.join-dialog h1{margin:0;font-size:clamp(23px,5vw,31px)}.join-dialog p{margin:2px 0 8px;font-size:14px;color:#b7cce1;line-height:1.5}.join-dialog label{font-size:14px;font-weight:700;color:#d8e7f5}.join-dialog input{display:block;padding:14px 13px;width:100%;font:18px sans-serif;color:#fff;background:#0b182c;border:1px solid #53749a;border-radius:9px;outline:none}.join-dialog input:focus-visible{border-color:#ffd17b;box-shadow:0 0 0 2px #ffd17b55}.join-dialog button{cursor:pointer;padding:15px 12px;font-weight:800;border-radius:8px;font-size:16px}.join-submit{background:#ffcd74;border:0;color:#172034}.join-submit:disabled{opacity:.55;cursor:wait}.join-cancel{color:#c4d5e9;background:transparent;border:1px solid #58718d}.join-dialog .join-error{min-height:21px;color:#ff9cab;margin:0}body:has(.join-overlay) #rotate{display:none!important}.account-overlay{position:fixed;inset:0;z-index:35;overflow-y:auto;display:grid;place-items:center;background:#050b17f7;padding:16px;color:#edf4ff}.account-dialog{width:min(100%,500px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:17px;border:1px solid #486887;background:#13243b;padding:24px;box-shadow:0 18px 55px #0009}.account-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.account-top small{color:#ffcc75;font-weight:750;letter-spacing:1.2px}.account-top h1{margin:5px 0 10px;font-size:27px}.account-notice{color:#b5cce1;font-size:13px;line-height:1.5}.account-status{padding:12px;border-radius:8px;background:#203850;color:#a8f0db;overflow-wrap:anywhere}.account-result{color:#ffd39b;min-height:24px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.account-dialog form,.account-logged-in,.account-credentials{display:flex;flex-direction:column;gap:12px}.account-dialog [hidden]{display:none!important}.account-dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#d8e7f5;font-weight:700}.account-dialog input{width:100%;border:1px solid #527390;border-radius:8px;background:#0b182b;padding:11px;color:#fff;font:16px sans-serif}.account-dialog input:focus-visible,.account-dialog button:focus-visible{outline:2px solid #ffcd75;outline-offset:2px}.account-actions{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0}.account-actions button,.account-signout{flex:1 1 165px;padding:11px 12px;border-radius:8px;border:1px solid #56718f;background:#294662;color:#fff;font-weight:800;font-size:13px;cursor:pointer}.account-actions button:hover,.account-signout:hover{background:#365b81}.account-actions button:disabled,.account-signout:disabled{opacity:.55;cursor:wait}.account-credentials .account-actions button:first-child{color:#172034;background:#ffcc75}.account-signout{width:100%;margin-top:8px}.account-top button{cursor:pointer;border:0;background:transparent;color:#e6f0ff;font-size:25px}body:has(.account-overlay) #rotate{display:none!important}.shop-dialog{max-width:750px;max-height:88vh;overflow-y:auto}.shop-items{display:grid;gap:10px;margin:16px 0}.shop-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #39516a;background:#15253b;border-radius:12px;color:#f3f6fa}.shop-item strong{display:block}.shop-item small{display:block;margin-top:4px;color:#adc4dc}.shop-item button{border:0;background:#ffcb75;color:#172033;font-weight:700;border-radius:8px;min-width:100px;min-height:44px;cursor:pointer}.shop-item button:disabled{background:#39495d;color:#a7afbf;cursor:not-allowed}@media(max-width:530px){.shop-item{flex-direction:column;align-items:stretch}.shop-item button{width:100%}}.oops-main-menu{position:fixed;inset:0;z-index:14;overflow:auto;isolation:isolate;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#fff5e9}.oops-menu-scenery{position:absolute;inset:0;z-index:-2;background:#06142a url(/assets/menu/oops-squad-background.webp) center center / cover no-repeat}.oops-menu-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030d2269,#020a1d0f 60%,#020b1a08),linear-gradient(0deg,rgba(2,10,29,.23),transparent 35%);pointer-events:none}.oops-menu-layout{position:relative;min-height:100dvh;width:min(51vw,740px);min-width:520px;padding:clamp(36px,6vh,86px) 0 32px clamp(38px,6vw,120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,3vh,44px)}.oops-menu-logo{position:relative;text-align:center;width:100%;filter:drop-shadow(0 8px 3px #120a0c) drop-shadow(0 2px 12px #0009);transform:rotate(-1deg)}.oops-menu-wheel{position:absolute;top:-.87em;left:50%;transform:translate(-50%);font-size:clamp(110px,12vw,175px);line-height:1;color:#bd723a;text-shadow:0 -3px 0 #f5c270,3px 3px 0 #321c1a,0 0 18px #f6a351;z-index:-1}.oops-menu-brand{position:relative;white-space:nowrap;letter-spacing:-.075em;font-size:clamp(62px,7.1vw,120px);font-weight:1000;line-height:.92;-webkit-text-stroke:clamp(2px,.29vw,5px) #4b210f;text-shadow:0 6px 0 #381e10,0 9px 0 #181521,4px -3px 0 #fbdc99,0 14px 20px #000c}.oops-menu-brand-warm{background:linear-gradient(#fff9bc,#ffdc68 33%,#ffa12a 68%,#ce6322);background-clip:text;-webkit-background-clip:text;color:transparent}.oops-menu-brand-cold{background:linear-gradient(#fffef2,#d2eeff 45%,#5ca8da 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.oops-menu-party{display:inline-block;margin:6px auto 0;padding:1px 22px 5px;border-radius:10px;border:3px solid #d39652;transform:rotate(1deg);background:linear-gradient(#78452b,#38231f);font-size:clamp(27px,3.8vw,55px);font-weight:1000;letter-spacing:.065em;line-height:1.1;color:#ffd86d;-webkit-text-stroke:1px #a55023;text-shadow:0 4px #361810,0 8px #0008;box-shadow:0 4px #241414,0 0 0 3px #1c1414}.oops-menu-actions{display:grid;gap:clamp(13px,2vh,23px);width:min(100%,510px)}.oops-menu-choice{cursor:pointer;display:flex;align-items:center;gap:18px;width:100%;min-height:clamp(61px,8vh,88px);padding:8px 25px;color:#f9e2d4;text-shadow:0 2px 2px #180a10;font:1000 clamp(22px,2.1vw,33px)/1.1 "Trebuchet MS","Segoe UI",sans-serif;text-align:left;background:linear-gradient(180deg,#79513b,#3a292a 30%,#25202b 72%,#382322);border:4px solid #935a38;border-radius:16px;box-shadow:inset 0 3px #c58b58,inset 0 -5px #160f19,0 7px #170d15,0 12px 25px #0008;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.oops-menu-choice:hover,.oops-menu-choice:focus-visible{outline:none;transform:translate(9px) scale(1.02);border-color:#ffdb74;color:#fff3d7;filter:brightness(1.15);box-shadow:inset 0 3px #fc8,inset 0 -5px #190d18,0 6px #1b1118,0 0 23px #f9a546be}.oops-menu-choice:active{transform:translate(6px) scale(.99)}.oops-menu-icon{font-size:1.5em;color:#edc5a0;width:1.6em;flex-shrink:0;text-align:center;-webkit-text-stroke:1px #412820}.oops-menu-label{flex:1;text-align:center;padding-right:26px}.oops-menu-tagline{margin:0;text-align:center;font-size:clamp(10px,1.1vw,14px);font-weight:800;letter-spacing:.18em;color:#f8dba7;text-shadow:0 2px 8px #000}.oops-menu-modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#030916c7;backdrop-filter:blur(6px);overflow:auto}.oops-menu-modal{width:min(700px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:linear-gradient(145deg,#263449,#0b1b30);border:3px solid #ce9456;border-radius:20px;padding:clamp(20px,4vw,38px);box-shadow:0 22px 70px #000c,inset 0 0 0 3px #131722;color:#ecf4ff}.oops-menu-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}.oops-menu-modal h2{margin:0;color:#ffcf86;font-size:clamp(28px,4vw,40px);text-shadow:1px 3px #100d18}.oops-menu-close{background:#243952;color:#f8e9d5;border:1px solid #748dab;border-radius:10px;cursor:pointer;font-size:19px;min-height:42px;min-width:42px}.oops-menu-modal-caption{font-size:13px;color:#bad1e9;letter-spacing:.06em;font-weight:800;line-height:1.5}.oops-mission-list{display:grid;gap:12px;margin:18px 0 23px}.oops-panel-button{display:block;width:100%;padding:15px 14px;min-height:51px;margin:10px 0;cursor:pointer;color:#fff0dc;background:linear-gradient(#604131,#332a2d);border-radius:10px;border:2px solid #95664a;box-shadow:inset 0 2px #bb865a,0 4px #15111c;font-size:clamp(14px,2vw,19px);font-weight:900;text-align:center}.oops-panel-button:hover,.oops-panel-button:focus-visible{outline:2px solid #ffd579;outline-offset:2px;filter:brightness(1.15)}.oops-panel-button.is-primary{background:linear-gradient(#a87936,#57402b);border-color:#ffd183}.oops-menu-instructions{font-size:16px;line-height:1.55;color:#deebf5}@media(max-width:800px){.oops-menu-layout{width:min(630px,100%);min-width:0;padding:40px 6%;justify-content:center}.oops-menu-scenery{background-position:62% center}.oops-menu-brand{font-size:clamp(53px,12vw,90px)}.oops-menu-party{font-size:clamp(27px,7vw,46px)}.oops-menu-choice{font-size:clamp(20px,4.6vw,28px)}.oops-menu-vignette{background:linear-gradient(90deg,#021127a8,#04152c6e 85%)}}@media(max-width:440px){.oops-menu-layout{padding:24px 5%;gap:25px}.oops-menu-choice{min-height:66px;padding:9px}.oops-menu-label{padding-right:12px}.oops-menu-icon{font-size:1.35em}.oops-menu-brand{font-size:clamp(47px,12vw,65px)}}body:has(.oops-main-menu) #rotate,body:has(.story-screen) #rotate{display:none!important}.story-screen{position:fixed;inset:0;z-index:18;overflow:auto;background:radial-gradient(circle at 72% 12%,#213d62,#081529 58%,#040d1b);color:#eef6ff;font-family:Trebuchet MS,Segoe UI,sans-serif}.story-screen:before{content:"";pointer-events:none;position:fixed;inset:0;background:linear-gradient(#05132b50,#081b2b66),url(/assets/menu/oops-squad-background.webp) center / cover;opacity:.2}.story-shell{position:relative;width:min(1440px,100%);margin:0 auto;min-height:100dvh;padding:clamp(18px,3vw,40px);display:flex;flex-direction:column;gap:clamp(22px,4vh,43px)}.story-top{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;border-bottom:1px solid #ffffff28;padding-bottom:17px}.story-brand{font-weight:1000;letter-spacing:.04em;color:#ffdb8c;font-size:clamp(18px,2.3vw,26px);white-space:nowrap;text-shadow:0 3px #302218}.story-episode{color:#b1c9e3;font-size:clamp(11px,1.4vw,15px);font-weight:900;letter-spacing:.11em;text-align:center}.story-exit{border:1px solid #6882a7;border-radius:10px;color:#ecf6ff;cursor:pointer;background:#142a45;padding:11px 16px;font-weight:900;font-size:12px;white-space:nowrap}.story-exit:hover,.story-exit:focus-visible,.story-option:focus-visible,.story-sound:focus-visible,.story-main-button:focus-visible{outline:3px solid #ffd788;outline-offset:2px}.story-content{flex:1;display:flex;gap:clamp(22px,4vw,60px);align-items:center;justify-content:center;padding:0 0 20px}.story-intro-copy{flex:1 1 40%;min-width:260px}.story-kicker{display:block;color:#77d8e6;font-size:clamp(12px,1.2vw,15px);letter-spacing:.16em;font-weight:900;margin:0 0 19px}.story-big-title{margin:0 0 24px;font-size:clamp(46px,5.5vw,93px);font-weight:1000;line-height:1.02;letter-spacing:-.035em;color:#ffd791;text-shadow:0 6px 0 #38202a,0 12px 22px #0009}.story-lead{font-size:clamp(22px,2.25vw,34px);font-weight:800;line-height:1.35;max-width:550px;margin:0 0 20px}.story-muted{font-size:clamp(14px,1.4vw,17px);line-height:1.6;color:#aebfda;max-width:640px}.story-next{margin-top:28px;padding:14px 22px;display:inline-block;border:1px solid #d9a76890;background:#a46b351f;border-radius:12px;color:#f9d69f;font-weight:900}.story-video-frame{position:relative;flex:0 1 45%;max-width:580px;min-width:290px;padding:14px;background:#071427;border:2px solid #c69359;border-radius:19px;box-shadow:0 22px 60px #000b,inset 0 0 0 3px #122b48}.story-video{display:block;width:100%;max-height:min(66dvh,670px);aspect-ratio:9/13;object-fit:contain;background:#050d18;border-radius:12px}.story-video-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding-top:11px}.story-sound{padding:9px 14px;border-radius:9px;border:1px solid #5784a8;background:#18304a;color:#e9f2fd;font-size:12px;font-weight:900;cursor:pointer}.story-sound:hover{background:#294a67}.story-film-note{font-size:11px;color:#91a9bb;text-align:center;line-height:1.4;margin:8px 0 1px}.story-choices-layout{align-items:stretch;flex-wrap:nowrap}.story-heading{flex:0 1 43%;display:flex;flex-direction:column;min-width:0;padding-top:clamp(20px,6vh,75px)}.story-chapter-title{margin:0 0 16px;color:#ffce86;text-transform:uppercase;font-size:clamp(35px,4vw,61px);letter-spacing:-.025em;line-height:1.05;text-shadow:0 5px 14px #000}.story-narration{max-width:630px;color:#edf5fd;font-size:clamp(17px,1.7vw,23px);line-height:1.55;margin:10px 0}.story-tension{color:#eec898;font-style:italic;font-size:clamp(15px,1.5vw,19px);line-height:1.5}.story-team{display:grid;gap:8px;margin-top:24px;max-width:520px}.story-team-title{font-size:14px;color:#86d9e7;letter-spacing:.11em;margin-bottom:6px}.story-crew-line{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;background:#0b1d33b8;border:1px solid #325474;border-radius:9px;font-size:13px;font-weight:900}.story-crew-state{color:#cfbb9b;white-space:nowrap}.story-crew-line.is-answered{border-color:#3d938a;background:#0f3b40a6}.story-crew-line.is-answered .story-crew-state{color:#7bedcd}.story-timer{position:relative;max-width:520px;display:flex;align-items:center;gap:15px;margin-top:23px;padding:16px 20px 28px;background:#132940;border:1px solid #527da1;border-radius:15px;overflow:hidden}.story-seconds{font-size:clamp(31px,3vw,48px);font-variant-numeric:tabular-nums;color:#ffd597}.story-timer>span{letter-spacing:.12em;font-size:13px;font-weight:900;color:#b4cee5}.story-timer-track{position:absolute;bottom:0;left:0;right:0;height:7px;background:#213a55}.story-timer-fill{height:100%;background:linear-gradient(90deg,#ffab54,#fadd88);transition:width .25s linear}.story-decision{flex:1 1 55%;align-self:center;min-width:0;max-width:740px;padding:clamp(22px,3vw,45px);border-radius:22px;border:2px solid #d9a866;background:linear-gradient(150deg,#17344ddf,#0a1b31f5);box-shadow:0 28px 75px #0009,inset 0 0 0 4px #071528}.story-role-badge{display:inline-flex;align-items:center;border:1px solid #68c9d1;border-radius:30px;background:#174550;color:#b2f3ea;padding:10px 18px;letter-spacing:.12em;font-size:clamp(12px,1.2vw,15px);font-weight:900}.story-question{margin:22px 0 19px;line-height:1.25;font-size:clamp(24px,2.55vw,39px);color:#fff3dc}.story-hint{color:#abbed4;font-size:15px;margin:0 0 16px}.story-option-grid{display:grid;gap:12px}.story-option{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:14px 17px;border:1px solid #50718d;border-radius:13px;background:#203951;color:#f1f6fd;font-family:inherit;font-size:clamp(14px,1.35vw,18px);font-weight:800;line-height:1.4;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.story-option:not(:disabled):hover{transform:translate(4px);border-color:#ffce77;background:#31516a}.story-option:disabled{cursor:default;opacity:.77}.story-option.chosen{background:#38563d;border-color:#84efb2}.story-option-letter{display:grid;place-items:center;flex:0 0 39px;height:39px;background:#13283e;color:#ffca77;border:1px solid #d29f66;border-radius:9px;font-size:19px;font-weight:1000}.story-locked{padding:18px 22px;border:1px solid #7be0b1;background:#15403c;border-radius:10px;color:#acf9d9;line-height:1.5;font-weight:900}.story-result-layout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:980px;margin:0 auto;text-align:left}.story-result-copy{font-size:clamp(23px,2.7vw,38px);line-height:1.45;color:#f5f5f0;max-width:900px;margin:0}.story-main-button{cursor:pointer;background:linear-gradient(#f8c77f,#d58a3d);border:3px solid #ffe5ad;border-radius:12px;padding:19px 30px;color:#1b2031;font-size:18px;font-weight:1000;box-shadow:0 6px #6c391f;margin-top:30px}#oops-story-connection{position:fixed;inset:auto 16px 16px;z-index:40;padding:15px;background:#6b2c28;border:1px solid #f5ad91;border-radius:10px;color:#fff;font-weight:900;text-align:center}@media(max-width:960px){.story-choices-layout,.story-intro{flex-direction:column;align-items:stretch}.story-heading{padding-top:0}.story-video-frame{align-self:center;width:min(100%,480px);flex:auto}.story-intro-copy{flex:auto;min-width:0}.story-decision{max-width:none;align-self:stretch;width:100%}.story-content{flex:1 0 auto}.story-shell{gap:18px}}@media(max-width:600px){.story-top{flex-wrap:wrap}.story-episode{order:3;flex-basis:100%;text-align:left}.story-shell{padding:16px}.story-decision{padding:19px}.story-chapter-title{font-size:34px}.story-question{font-size:24px}.story-option{min-height:62px}.story-big-title{font-size:48px}.story-video{max-height:55dvh}}@media(prefers-reduced-motion:reduce){.story-option,.oops-menu-choice{transition:none}}