@import url('fonts.css');
:root{--display:'Unbounded',system-ui,sans-serif;--body:'Manrope',system-ui,sans-serif;--carved:var(--display)}
body{font-family:var(--body)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80f1df;outline-offset:4px}
body.bg-home{background:#24233d}body.bg-home #app{max-width:none;padding:0}.home{min-height:100svh;display:block;padding:0;overflow:hidden}.home::before,.home::after{display:none}
.home-world{position:absolute;inset:0 32% 0 0;overflow:hidden;background:linear-gradient(#9286af,#ffd6a7)}.showcase-canvas{width:100%;height:100%;position:absolute;inset:0;display:block}.home-world:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#222339 0%,transparent 38%,transparent 85%,#21213a70);pointer-events:none}
.world-caption{position:absolute;bottom:8%;left:7%;z-index:1;max-width:70%;text-shadow:0 3px 20px #171e46}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#ffe7aa}.world-caption h2{font:800 clamp(27px,3.8vw,62px)/1.3 var(--display);margin:12px 0;letter-spacing:-.07em;color:#fff3ca}.world-caption p{font-size:14px;color:#dce8ef;line-height:1.6}
.home-panel{position:relative;margin-left:auto;min-height:100svh;width:40%;max-width:570px;padding:55px 44px 26px;background:linear-gradient(145deg,#393350ed,#22213cef);backdrop-filter:blur(20px);box-shadow:-25px 0 90px #29244135;display:flex;flex-direction:column;justify-content:center;gap:18px}.brand h1{font-size:clamp(58px,5.5vw,86px)}.brand .squad{font-size:21px}.home .lead{font-size:14px;color:#e8e2fa;line-height:1.7;margin-top:5px}.home .cards{gap:10px}.home .mini{background:#ffffff08;border:1px solid #ffffff22;border-radius:14px;padding:12px}.home .mini b{font-size:17px}.home .mini span{font-size:11px}.home input{background:#191b32;border:1px solid #ffffff25}.home .cta{background:linear-gradient(135deg,#f8e7a4,#ffc380);color:#312b46;box-shadow:0 4px 0 #b3855f,0 10px 22px #0002;border:1px solid #fff0c9;border-radius:14px}.home .ghost{border:1px solid #ffffff22;background:#ffffff09;border-radius:12px;font-size:12px}.home .links{font-size:11px}.world-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.world-chip{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;background:#ffffff08;color:#cfc9e1;border:1px solid #ffffff16;border-radius:9px;font-size:8px;min-height:46px;padding:7px;overflow:hidden}.world-chip span{color:var(--chip);font-size:10px}.world-chip.selected{border-color:#ffe0a0;background:#ffe0a00a;color:#ffedc0}
#settings-button{position:fixed;top:14px;right:62px;z-index:50;width:36px;height:36px;border-radius:50%;background:#25253edb;color:#ffe7ba;border:1px solid #ffffff40;font-size:21px;display:grid;place-items:center}#snd{top:14px;right:14px;width:36px;height:36px;font-size:18px}.settings-sheet{display:flex;flex-direction:column;gap:17px;padding:28px}.settings-sheet h2{font:700 21px var(--display);margin:0}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings-heading button{background:none;color:white;font-size:28px}.settings-sheet label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.settings-sheet select{max-width:55%;background:#29263d;border:1px solid #ffffff40;border-radius:8px;color:#fff;padding:9px}.settings-sheet input{accent-color:#f5d696;max-width:55%}dialog{border:1px solid #c4b9e960;border-radius:22px;background:#353047;color:#eee8fc;max-width:min(92vw,470px);width:470px;max-height:90svh;box-shadow:0 30px 100px #0008;padding:0}dialog::backdrop{background:#15132ea0;backdrop-filter:blur(9px)}.settings-sheet .fine{font-size:11px;line-height:1.5;color:#c5c0d9;margin-top:-8px}.settings-sheet .cta{font-size:13px}.large-type .lead,.large-type .hint,.large-type .fine{font-size:17px}.large-type button{font-size:16px}.reduce-motion *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.earned-xp{border:1px solid #abefcb66;border-radius:14px;padding:12px;color:#b4f5d0;text-align:center;font:700 17px var(--display)}.earned-xp small{display:block;font:700 12px var(--body);margin-top:8px}
.game .vignette{background:linear-gradient(#18264066,transparent 32%,transparent 75%,#23213c66)}.hud-top{padding-right:16px}.game .hud{max-width:470px;padding-top:20px}.game .height b{font-size:72px}.game .tap{bottom:105px;font-family:var(--body);font-size:13px;max-width:90%;white-space:normal;text-align:center}.game .turn{background:#292d43d9;border:1px solid #ffffff6a}.game .goal span{background:#fbebc9;color:#3b394a}.game.mine .turn{background:#f7e6b0}.game .emotes{bottom:156px}.game .crew-bar{padding-bottom:14px}.bg-over #app,.bg-board #app,.bg-lobby #app{padding-top:64px}.over .rank{max-height:42vh;overflow-y:auto}
@media(min-width:900px){.game .hud{position:absolute;left:26px;top:15px;margin:0;max-width:270px}.game .height{align-self:flex-start;align-items:flex-start;margin:12px 0}.game .goal{align-self:flex-start;width:220px;align-items:flex-start}.game .turn{align-self:flex-start;margin-top:15px}.game .hud-top{font-size:11px;flex-direction:column;align-items:flex-start;background:#222a3cd9;border-radius:16px;max-width:240px}.game .height b{font-size:80px}.game .emotes{right:30px;left:auto;bottom:110px;transform:none}.game .tap{bottom:110px}.game .crew-bar{max-width:500px;left:50%;transform:translateX(-50%);border-radius:24px 24px 0 0}.game .bigmsg b{font-size:40px}}
@media(max-width:900px){.home-world{inset:0 0 auto;height:42svh}.home-panel{margin-top:35svh;width:100%;max-width:none;min-height:65svh;padding:25px max(24px,calc((100vw - 520px)/2)) 24px;gap:13px;border-radius:26px 26px 0 0;background:linear-gradient(#383047f5,#29243f)}.home .brand{position:absolute;top:-90px;left:24px}.home .brand h1{font-size:50px}.home .brand .squad{font-size:13px;letter-spacing:.25em;padding:6px 11px}.home-panel>.eyebrow{display:none}.world-caption{bottom:24%;left:auto;right:24px;max-width:46%;text-align:right}.world-caption .eyebrow{display:none}.world-caption h2{font-size:18px}.world-caption p{display:none}.home .lead{margin:0;font-size:13px;max-width:100%}.home .form .cta{padding:14px}.world-chip{font-size:9px}.game .height b{font-size:60px}.game .hud-top{margin-top:38px;font-size:10px}.game .hud{gap:5px}.game .goal span{font-size:9px}.game .turn{font-size:12px}.game .bigmsg b{font-size:24px}}
@media(max-height:700px) and (min-width:901px){.home-panel{padding-top:40px;gap:10px}.home .brand h1{font-size:54px}.home .brand .squad{font-size:15px}.home .mini{padding:8px}.home .lead{font-size:12px}.home .form input{padding:12px}.home .cta{padding:12px}}
/* Allow the journal and translated labels to extend below short viewports. */
body.bg-home #app{height:auto;min-height:100svh}.home{flex:none}.home-panel{flex-shrink:0}

.world-picker{grid-template-columns:repeat(2,1fr)}.pick-h{margin:2px 0 -2px;text-align:center}.world-chip{font-size:12px;padding:7px 8px}
@media(max-width:900px){.home-world{height:56svh}.home-panel{margin-top:47svh;min-height:53svh;justify-content:flex-start;padding-top:20px;gap:12px}.home .brand{top:-84px}}

.loading-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(160deg,#2c2848,#1c1b33);color:#f0e9ff;transition:opacity .3s}.loading-screen.out{opacity:0}.ld-brand{font:800 34px var(--display);letter-spacing:-.04em;color:#ffe9b0}.ld-brand span{font-size:14px;letter-spacing:.25em;color:#80f1df;margin-left:6px}.ld-bar{width:min(260px,70vw);height:6px;border-radius:6px;background:#ffffff1c;overflow:hidden}.ld-bar i{display:block;height:100%;width:6%;background:linear-gradient(90deg,#80f1df,#ffe0a0);transition:width .15s}.loading-screen p{margin:0;font-size:13px;color:#cfc9e1}

.beta-tag{display:inline-block;margin-top:12px;padding:4px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.18);color:#fff;font:700 11px/1.2 var(--display,inherit);letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.4);backdrop-filter:blur(4px)}