@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Marcellus&display=swap";:root{color:#f1edda;font-synthesis:none;--gold:#e2bd78;--ink:#142c27;--muted:#b0b6a3;--pact-color:#e6814e;--panel:#112520f7;background:#122b25;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button{background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #f4d799}button svg{flex-shrink:0;width:21px;height:21px}a{color:inherit}svg{vertical-align:middle;display:inline-block}h1,h2,h3,p{margin:0}h1,h2{font-family:Marcellus,Georgia,serif;font-weight:400}#app,#game{width:100%;height:100%;position:fixed;inset:0}#game{touch-action:none;outline:0}.hidden{display:none!important}.vignette{pointer-events:none;background:radial-gradient(at 58% 42%,#0000 32%,#04141157 100%);position:fixed;inset:0}.screen-menu{pointer-events:none;background:linear-gradient(90deg,#0c201bf0,#0c201b94 27%,#0000 63%),linear-gradient(#0000 65%,#0a1d17f7);position:fixed;inset:0}.screen-menu button,.screen-menu a{pointer-events:auto}.masthead{justify-content:space-between;align-items:center;display:flex;position:absolute;top:34px;left:4.2%;right:4.2%}.brand{letter-spacing:4px;align-items:center;gap:13px;font-family:Marcellus,Georgia,serif;font-size:24px;text-decoration:none;display:flex}.brand svg{width:43px;height:43px;color:var(--gold);transform:rotate(-8deg)}.brand small{letter-spacing:2.3px;color:#d2cbaa;margin-top:5px;font-family:DM Sans,sans-serif;font-size:8px;display:block}.top-actions{align-items:center;gap:12px;display:flex}.build-label{letter-spacing:1.6px;color:#d6dcc8;margin-right:16px;font-size:9px}.build-label b{color:var(--gold);margin-left:10px;font-weight:400}.icon-button{background:#0d221b73;border:1px solid #dedcb633;place-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:grid}.icon-button:hover{border-color:var(--gold);background:#35482fcc}.intro{width:410px;position:absolute;top:23%;left:6%}.eyebrow{letter-spacing:2.2px;color:var(--gold);align-items:center;gap:10px;font-size:9px;font-weight:650;line-height:1.8;display:flex}.eyebrow i{background:var(--gold);width:22px;height:1px}.intro h1{letter-spacing:-1.8px;color:#f1efd9;margin-top:20px;font-size:clamp(45px,4.75vw,75px);line-height:1.1}.intro h1 em{color:#ddc18a;font-style:normal}.intro p{color:#bcc6b2;margin-top:22px;font-size:13px;line-height:1.9}.primary-button{color:#172c24;letter-spacing:.4px;background:#e1bb76;border:1px solid #f2d59b;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 24px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:flex}.primary-button:hover{background:#f0d296;transform:translateY(-1px)}.primary-button svg{width:20px}.intro>.primary-button{justify-content:space-between;width:272px;margin-top:30px}.text-button{color:#d3d6bf;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:12px;transition:color .2s;display:flex}.text-button:hover{color:var(--gold)}.intro>.text-button{justify-content:flex-start;gap:10px;margin-top:7px;padding-left:4px}.text-button svg{width:17px}.text-button>span{color:#adb8a1;border:1px solid #5d6b4f;border-radius:2px;margin-left:9px;padding:2px 5px;font-size:10px}.connection-note{letter-spacing:.4px;color:#82997e;align-items:center;gap:7px;margin-top:16px;font-size:9px;display:flex}.connection-note>i{background:#a1bc79;border-radius:50%;width:4px;height:4px}.hero-caption{text-shadow:0 2px 8px #173323;width:225px;position:absolute;top:43%;right:5%}.hero-caption .eyebrow{letter-spacing:1.6px;font-size:8px}.hero-caption h2{margin-top:5px;font-size:48px;line-height:1.3}.hero-caption h2 span{color:#d0d7ba;letter-spacing:.4px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;display:block}.hero-caption p{color:#d1d9c1;max-width:210px;margin:19px 0 20px;font-size:11px;line-height:1.9}.outline-button{letter-spacing:.3px;background:#122b2180;border:1px solid #d3c69a66;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 15px;font-size:10px;display:flex}.outline-button:hover{border-color:var(--gold);background:#314b37}.front-footer{justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:30px;left:6%;right:5%}.tiny-label{letter-spacing:2px;color:#b7c5a5;margin-bottom:12px;font-size:8px;display:block}.pact-buttons{gap:9px;display:flex}.pact-card{text-align:left;background:#1c3023a3;border:1px solid #536343;align-items:center;gap:11px;width:139px;height:76px;padding:8px;transition:border-color .2s,background .2s;display:flex;position:relative}.pact-card:hover{background:#3a4e34;border-color:#ada576}.pact-card.selected{background:#4f4a29cc;border-color:#d4b171}.pact-card>span:nth-child(2){font-family:Marcellus,serif;font-size:15px}.pact-card small{color:#b8bfa5;letter-spacing:.6px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:8px;display:block}.pact-card>i{opacity:0;color:var(--gold);position:absolute;top:4px;right:4px}.pact-card>i svg{width:12px;height:12px}.pact-card.selected>i{opacity:1}.portrait{filter:saturate(.75);background-image:url(/art/guardians.png);background-size:460%;flex-shrink:0;width:42px;height:56px;display:block;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.portrait-0{background-position:0 20%}.portrait-1{background-position:33% 20%}.portrait-2{background-position:65% 20%}.portrait-3{background-position:100% 20%}.journal-link{letter-spacing:.4px;margin-bottom:13px;font-size:10px}.journal-link svg{width:18px}.panel-open .intro,.panel-open .hero-caption,.panel-open .front-footer{opacity:.15;pointer-events:none}.panel-open .screen-menu button{pointer-events:none}.panel-open .masthead{opacity:.4}#panel-shade{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#08161180;position:fixed;inset:0}.customizing #panel-shade{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#0000 45%,#08161180)}.customizing .intro,.customizing .front-footer{opacity:.3}.menu-panel{z-index:40;background:var(--panel);scrollbar-width:thin;scrollbar-color:#607251 transparent;border:1px solid #506449;max-height:calc(100dvh - 48px);padding:30px;position:fixed;overflow:auto;box-shadow:0 20px 90px #06140e88}.menu-panel h2{margin:5px 0 16px;font-size:28px;line-height:1.25}.menu-panel>p{color:#b4c1ab;margin:0 0 20px;font-size:12px;line-height:1.8}.menu-panel .eyebrow{letter-spacing:1.8px;font-size:8px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-header>.icon-button{background:0 0;border:0;flex-shrink:0;margin:-10px -10px 0 0}.menu-panel .primary-button{width:100%;margin-top:20px}.menu-panel .text-button{margin:10px auto 0}.menu-panel .outline-button{width:100%;margin:14px 0}.centered{width:470px;top:50%;left:50%;transform:translate(-50%,-50%)}#customize-panel{width:340px;max-height:none;padding:25px;top:24px;bottom:24px;right:24px}.panel-description{color:#b5c0a8!important;font-size:11px!important}.field-label,legend,.range-label{letter-spacing:1.2px;color:#c3cbb2;font-size:9px;font-weight:650}.field-label{margin-bottom:10px;display:block}input:not([type=checkbox]):not([type=range]),select{color:#e4e6d3;background:#0d241d;border:1px solid #496048;border-radius:0;width:100%;height:43px;padding:9px 12px;font-size:12px;display:block}fieldset{border:0;margin:22px 0 0;padding:0}legend{margin-bottom:12px}.swatches{gap:8px;margin:12px 0 2px;display:flex}.swatches button{background:var(--swatch);border:3px solid #193528;border-radius:50%;outline:1px solid #0000;place-items:center;width:32px;height:32px;display:grid}.swatches button.selected{outline-color:#e1c68b}.swatches button svg{color:#fff4d6;filter:drop-shadow(0 1px 1px #332514);opacity:0;width:15px;height:15px}.swatches button.selected svg{opacity:1}.segmented{border:1px solid #4a6147;display:flex}.segmented button{color:#bcc9b0;flex:1;height:35px;font-size:10px}.segmented button.selected{color:#182f24;background:#d2b47c}.range-label{justify-content:space-between;margin:23px 0 8px;display:flex}.range-label output{letter-spacing:0;color:#e1c184}input[type=range]{accent-color:#e1bb76;cursor:pointer;width:100%;height:18px}.outfits{gap:7px;display:flex}.outfits button{color:#b7c7ac;border:1px solid #42573e;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;height:62px;font-size:9px;display:flex}.outfits button.selected{color:#eedbb4;background:#364932;border-color:#d1b780}.outfits svg{width:20px;height:20px}.toggle{color:#c5cfb9;cursor:pointer;border-bottom:1px solid #39513b;justify-content:space-between;align-items:center;padding:15px 0;font-size:11px;display:flex;position:relative}.toggle input{opacity:0;width:38px;height:22px;position:absolute;right:0}.toggle>i{background:#243c2c;border:1px solid #637951;width:32px;height:18px;position:relative}.toggle>i:before{content:"";background:#809171;width:10px;height:10px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:#748052;border-color:#b1b580}.toggle input:checked+i:before{background:#f0d29a;transform:translate(14px)}.toggle:focus-within{outline:2px solid var(--gold)}.menu-panel .small-note{color:#80947b;margin:17px 0 0;font-size:9px;line-height:1.8}.divider{letter-spacing:1px;color:#91a087;justify-content:center;align-items:center;height:45px;font-size:8px;display:flex}.divider:before,.divider:after{content:"";background:#354c36;flex:1;height:1px;margin:0 12px}#join-form{gap:10px;display:flex}#join-form input{text-align:center;letter-spacing:7px;height:48px;font-family:monospace;font-size:20px}#join-form .outline-button{flex-shrink:0;width:110px;margin:0}#lobby-members{margin:20px 0}#lobby-members>div{border-bottom:1px solid #3b5138;align-items:center;gap:12px;min-height:50px;font-size:12px;display:flex}#lobby-members>div>i{background:#526747;width:7px;height:7px}#lobby-members span{color:#a1b394;margin-left:auto;font-size:10px}#lobby-members svg{color:#b6c089;width:15px;height:15px}#lobby-members .empty-slot{opacity:.45}#lobby-code{letter-spacing:3px;font-family:monospace;font-size:17px}#lobby-code small{letter-spacing:1px;font:8px DM Sans,sans-serif}.session-warning{font-size:10px!important}.help-grid{border-top:1px solid #3c523b;border-bottom:1px solid #3c523b;grid-template-columns:135px 1fr;gap:13px 15px;margin-bottom:20px;padding:20px 0;font-size:11px;display:grid}.help-grid b{color:#dbc993;font-weight:500}.help-grid span{color:#b9c6b0;font-size:10px;line-height:1.6}details{color:#90a585;font-size:11px;line-height:1.8}details summary{cursor:pointer;color:#d0d7bb}details p{margin:12px 0}.result-panel{text-align:center}.result-panel .eyebrow{justify-content:center}.result-mark{color:var(--gold);margin-bottom:20px}.result-mark svg{width:60px;height:60px}.result-panel h2{font-size:37px}.result-stats{justify-content:space-between;gap:15px;margin:25px 0;display:flex}.result-stats>div{flex:1}.result-stats b{color:#e3c687;font-family:Marcellus,serif;font-size:24px;display:block}.result-stats span{letter-spacing:1px;color:#9eae8e;margin-top:9px;font-size:7px;display:block}.blessings{gap:10px;margin-top:25px;display:flex}.blessings button{border:1px solid #687148;flex-direction:column;flex:1;align-items:center;gap:12px;padding:25px 8px;display:flex}.blessings button:hover{background:#37482e;border-color:#e2bd78}.blessings svg{width:32px;height:32px;color:var(--gold)}.blessings b{font-size:11px}.blessings span{color:#adbd9b;font-size:9px}#hud{pointer-events:none;text-shadow:0 2px 8px #143124;position:fixed;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:27px;left:32px;right:32px}.zone-heading{background:linear-gradient(90deg,#112f24bb,#0000);padding:5px 40px 15px 0}.zone-heading .eyebrow{letter-spacing:2px;font-size:8px}.zone-heading h2{color:#f0e8c7;margin:6px 0;font-size:27px}.zone-heading p{color:#d7dec3;font-size:10px}.hud-tools{align-items:center;gap:8px;display:flex}.hud-tools button{pointer-events:auto}.room-code{letter-spacing:2px;background:#163328c4;border:1px solid #d0c38742;align-items:center;gap:9px;height:39px;padding:0 10px;font-family:monospace;font-size:11px;display:flex}.room-code svg{width:14px;height:14px}.room-code>svg:last-child{width:12px}.map-frame{background:radial-gradient(#163929c9,#122c25ed);border:1px solid #c3b97944;width:172px;padding:8px;position:absolute;top:85px;right:32px;box-shadow:inset 0 0 28px #061a13aa}.map-frame canvas{opacity:.95;width:100%;height:auto}.map-frame>div{border-top:1px solid #98a77733;justify-content:space-between;align-items:center;gap:6px;padding-top:7px;display:flex}.map-frame span{letter-spacing:1px;color:#b2bd99;font-size:6px}.map-frame span svg{width:11px;height:11px}.map-frame b{color:var(--gold);font-size:8px;font-weight:500}#party{position:absolute;top:130px;left:32px}.party-member{align-items:center;gap:8px;margin-bottom:15px;display:flex}.party-icon{background:#163626c9;border:1px solid #c9c28366;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.party-icon svg{width:18px;height:18px}.party-member>div{width:116px}.party-member b{font-size:10px;font-weight:500}.party-member small{color:#c3c9ac;font-size:7px}.party-health{background:#1d392ccc;height:4px;margin-top:5px}.party-health i{background:#9aaf69;height:4px;display:block}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:28px;display:flex;position:absolute;bottom:29px;left:32px;right:32px}.vitals{background:linear-gradient(90deg,#173326cc,#0000);flex-shrink:0;width:235px;padding:12px 0 0}.vitals-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.vitals-head b{letter-spacing:.5px;font-family:Marcellus,serif;font-size:17px}.vitals-head span{letter-spacing:1px;color:#d0c293;font-size:7px}.health-track{background:#263c2b;border:1px solid #c7c29570;height:18px;position:relative}.health-track i{background:linear-gradient(90deg,#81945b,#b2c47a);height:100%;transition:width .15s;display:block}.health-track>span{color:#fff6d6;text-shadow:0 1px 3px #344321;place-items:center;font-size:8px;display:grid;position:absolute;inset:0}.spirit-track{background:#1c4338;height:12px;margin-top:5px;position:relative}.spirit-track>span{text-align:center;color:#fff6d6;text-shadow:0 1px 3px #102b23;font-size:9px;line-height:12px;position:absolute;inset:0}.spirit-track i{background:#9dbbb2;height:100%;transition:width .15s;display:block}.vitals-foot{color:#bbc6a5;justify-content:space-between;margin-top:9px;font-size:8px;display:flex}.vitals-foot span:last-child{color:#d6bd7c}.abilities{pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ability{background:#1c3a2eda;border:1px solid #c8ba827a;place-items:center;width:56px;height:58px;margin-bottom:15px;padding:10px;display:grid;position:relative;box-shadow:inset 0 0 10px #081d13}.ability:hover{background:#345237;border-color:#ead29c}.ability-symbol{color:#e6d7a9;z-index:1;display:block;position:relative}.ability-symbol svg{width:28px;height:28px}.ability:nth-child(4){border-color:#e4bd78}.ability:nth-child(4) .ability-symbol{color:#f2ca7e}.ability kbd{letter-spacing:1px;color:#d8ddc1;font-family:DM Sans,sans-serif;font-size:8px;position:absolute;bottom:-18px}.ability:before{content:"";width:100%;height:var(--cd,0%);z-index:2;background:#081c14cc;max-height:100%;position:absolute;bottom:0;left:0}.ability.cooldown .ability-symbol{opacity:.45}.cooldown-number{color:#f3e8c8;z-index:3;place-items:center;font-size:17px;display:grid;position:absolute;inset:0}.ability-tooltip{pointer-events:none;text-align:left;background:#143126ef;border:1px solid #758262;width:180px;padding:12px;font-size:10px;line-height:1.7;display:none;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.ability-tooltip b{color:var(--gold);margin-bottom:4px;font-size:11px;display:block}.ability:hover .ability-tooltip{display:block}.control-tip{color:#d2dcc4;text-align:right;margin-left:auto;font-size:9px;line-height:2}.control-tip small{color:#a6b899;font-size:8px}kbd{color:#efe9cd;background:#1b392d8f;border:1px solid #b2bc9370;margin-right:4px;padding:3px 5px;font:8px/1 DM Sans,sans-serif;display:inline-block}#boss-bar{text-align:center;width:340px;position:absolute;top:38px;left:50%;transform:translate(-50%)}#boss-bar>span{letter-spacing:1.5px;color:#ead1a0;font-family:Marcellus,serif;font-size:11px}#boss-bar>div{background:#3f402c;border:1px solid #dab77977;height:7px;margin-top:9px}#boss-bar i{background:#c77850;height:100%;transition:width .15s;display:block}#interaction{white-space:nowrap;color:#f0e1b7;background:#16382bb0;padding:8px 12px;font-size:11px;position:absolute;bottom:145px;left:50%;transform:translate(-50%)}#interaction:empty{display:none}#downed{text-align:center;color:#f5d2aa;text-shadow:0 0 15px #152019;width:100%;font-family:Marcellus,serif;font-size:22px;position:absolute;top:45%}#downed>div{background:#353b2a;width:200px;height:5px;margin:15px auto}#downed i{background:#bfd09a;height:100%;display:block}#toast{z-index:80;color:#e2ddbb;text-align:center;opacity:0;pointer-events:none;background:#153127ef;border:1px solid #738660;max-width:85vw;padding:13px 20px;font-size:11px;transition:opacity .2s,transform .2s;position:fixed;bottom:135px;left:50%;transform:translate(-50%,12px);box-shadow:0 5px 20px #12261b33}#toast.visible{opacity:1;transform:translate(-50%)}#damage-numbers{pointer-events:none;position:fixed;inset:0}.damage{color:#ffdfb1;text-shadow:0 1px 3px #2a3822,0 0 4px #2a3822;font-size:18px;font-weight:700;animation:.85s ease-out forwards damage-float;position:absolute}.damage.self{color:#efad90}.damage.heal{color:#c1e6b2}@keyframes damage-float{0%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-55px)scale(.9)}}.touch-controls{pointer-events:none;display:none;position:absolute;inset:0}#joystick{pointer-events:auto;touch-action:none;background:#1b38295e;border:1px solid #e1d5a669;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;bottom:32px;left:32px}.stick-knob{background:#b5bd816b;border:1px solid #dece9cb0;border-radius:50%;width:49px;height:49px}#touch-actions{width:220px;height:175px;position:absolute;bottom:20px;right:25px}#touch-actions button{pointer-events:auto;touch-action:none;color:#e3d09b;background:#17392bd6;border:1px solid #d5c99a9c;border-radius:50%;place-items:center;width:53px;height:53px;display:grid;position:absolute}#touch-actions button svg{width:24px;height:24px}#touch-actions small{font-size:7px;position:absolute;bottom:4px}#touch-actions [data-touch="1"]{top:55px;left:7px}#touch-actions [data-touch="2"]{top:4px;left:43px}#touch-actions [data-touch="3"]{top:0;left:106px}#touch-actions .touch-dodge{bottom:0;left:30px}#touch-actions .touch-attack{background:#7d714ec9;border:2px solid #e2c180;width:79px;height:79px;bottom:17px;right:7px}#touch-actions .touch-interact{width:45px;height:45px;top:-15px;right:0}#touch-actions button.held{background:#b6a06ba6;border-color:#ffe3a2}#touch-actions button.cancel{background:#713d32;border-color:#e88f76}.touch-mode .touch-controls{display:block}.touch-mode .hud-bottom{bottom:22px}.touch-mode .vitals{width:150px;position:absolute;bottom:146px}.touch-mode .abilities{gap:4px;bottom:-7px}.touch-mode .ability{pointer-events:none;width:37px;height:37px;margin-bottom:0;padding:5px}.touch-mode .ability-symbol svg{width:19px;height:19px}.touch-mode .ability kbd,.touch-mode .control-tip{display:none}.touch-mode #interaction{bottom:98px}#loading{z-index:100;pointer-events:all;background:#152e27;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.loaded{opacity:0;pointer-events:none}.loading-mark svg{color:#d7b57c;width:65px;height:65px;animation:2s ease-in-out infinite breathe}#loading h1{letter-spacing:7px;margin:25px 0 15px;font-size:33px}#loading p{color:#a2b392;text-align:center;max-width:450px;font-size:11px;line-height:1.8}.loading-line{background:#446044;width:170px;height:1px;margin-top:25px;overflow:hidden}.loading-line:after{content:"";background:#e6c18a;width:70px;height:1px;animation:1.8s ease-in-out infinite loading;display:block}#loading.failed .loading-line{display:none}@keyframes loading{0%{transform:translate(-70px)}to{transform:translate(180px)}}@keyframes breathe{50%{opacity:.6;transform:translateY(-6px)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1600px){.intro{top:24%;left:7%}.hero-caption{right:7%}.front-footer{bottom:46px;left:7%}.pact-card{width:155px;height:86px}.portrait{width:50px;height:65px}.hud-bottom{bottom:38px}}@media (max-height:760px) and (min-width:851px){.intro{top:22%}.intro h1{margin-top:12px;font-size:49px}.intro p{margin-top:12px;font-size:11px}.intro>.primary-button{min-height:47px;margin-top:19px}.connection-note{margin-top:5px}.front-footer{bottom:20px}.pact-card{height:64px}.portrait{width:37px;height:49px}.hero-caption{top:39%}.masthead{top:23px}}@media (max-width:1000px){.hero-caption{width:175px;right:3%}.hero-caption h2{font-size:37px}.hero-caption p{font-size:10px}.intro{width:330px;left:5%}.pact-card{gap:7px;width:114px}.pact-card>span:nth-child(2){font-size:13px}.front-footer{left:5%;right:4%}.journal-link{font-size:0}.journal-link svg{width:23px;height:23px}.control-tip{display:none}.vitals{width:180px}.abilities{left:auto;right:0;transform:none}.hud-top,.hud-bottom{left:24px;right:24px}.map-frame{width:145px;right:24px}.build-label{display:none}}@media (max-width:850px){.masthead{top:22px;left:25px;right:25px}.brand{letter-spacing:3px;font-size:18px}.brand svg{width:33px;height:33px}.brand small{letter-spacing:1.8px;font-size:6px}.top-actions{gap:6px}.intro{width:260px;top:20%;left:28px}.intro h1{letter-spacing:-1px;font-size:43px}.intro p{font-size:11px}.intro>.primary-button{width:238px}.hero-caption{width:165px;top:39%;right:4%}.hero-caption h2{font-size:35px}.hero-caption p{display:none}.hero-caption .outline-button{margin-top:18px;font-size:9px}.front-footer{bottom:22px;left:28px;right:28px}.pact-buttons{gap:6px}.pact-card{width:104px;height:68px}.pact-card small{font-size:7px}.pact-card .portrait{width:32px}.tiny-label{font-size:7px}.menu-panel{max-height:calc(100dvh - 30px)}#customize-panel{width:310px;padding:23px;top:15px;bottom:15px;right:15px}.centered{width:min(450px,100vw - 30px);padding:25px}.zone-heading h2{font-size:21px}.zone-heading p{font-size:9px}.hud-tools .icon-button{width:37px;height:37px}.room-code{height:37px;font-size:10px}.hud-top{top:18px;left:20px;right:20px}.map-frame{width:115px;top:66px;right:20px}#party{top:111px;left:20px}#boss-bar{width:260px;top:92px}#boss-bar>span{font-size:9px}.touch-mode .abilities{left:50%;right:auto;transform:translate(-50%)}.touch-mode .hud-bottom{left:23px;right:23px}.touch-mode .vitals{bottom:128px}#toast{bottom:200px}.help-grid{grid-template-columns:120px 1fr}}@media (max-width:600px) and (orientation:portrait){.screen-menu{background:linear-gradient(#142f2388,#16382933 30%,#102b23a1 58%,#112e25 94%)}.masthead{left:20px;right:20px;top:max(20px, env(safe-area-inset-top))}.intro{width:calc(100% - 46px);top:auto;bottom:182px;left:23px}.intro .eyebrow{font-size:7px}.intro h1{margin-top:8px;font-size:34px;line-height:1.1}.intro h1 br{display:none}.intro h1 em{display:block}.intro p{display:none}.intro>.primary-button{width:100%;min-height:48px;margin-top:18px}.intro>.text-button{justify-content:center;width:100%;min-height:37px;margin-top:3px}.connection-note{justify-content:center;margin-top:3px;font-size:8px}.hero-caption{width:140px;top:22%;right:20px}.hero-caption h2{font-size:34px}.hero-caption .eyebrow{letter-spacing:1px;font-size:6px}.hero-caption .outline-button{gap:5px;padding:9px 8px;font-size:8px}.hero-caption .outline-button svg{width:14px;height:14px}.front-footer{left:20px;right:20px;bottom:max(24px, env(safe-area-inset-bottom));display:block}.pact-buttons{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pact-card{flex-direction:column;gap:0;width:100%;height:85px;padding:4px 0}.pact-card .portrait{width:35px;height:45px}.pact-card>span:nth-child(2){text-align:center;font-size:12px}.pact-card small{margin-top:2px;font-size:6px}.journal-link{min-height:27px;margin:0;position:absolute;top:-37px;right:0}.journal-link svg{width:17px;height:17px}.tiny-label{margin-bottom:10px}.menu-panel h2{font-size:25px}#customize-panel{width:min(310px,100vw - 24px);inset:12px 12px 12px auto}.hud-top{top:16px;left:14px;right:14px}.zone-heading{max-width:230px}.zone-heading h2{max-width:185px;font-size:19px}.zone-heading .eyebrow{font-size:6px}.zone-heading p{max-width:200px;font-size:8px;line-height:1.7}.hud-tools{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:90px}.hud-tools .room-code{order:3;height:28px;font-size:8px}.room-code>svg:last-child{display:none}.hud-tools .icon-button{width:36px;height:36px}.hud-tools .icon-button svg{width:17px;height:17px}.map-frame{width:104px;top:110px;right:14px}#party{top:129px;left:14px}.party-member>div{width:83px}.party-member b{font-size:9px}.party-icon{width:26px;height:26px}.party-icon svg{width:14px;height:14px}.party-member{margin-bottom:10px}.party-health{height:3px}.map-frame span{font-size:5px}.map-frame span svg{display:none}#boss-bar{width:220px;top:250px}.hud-bottom{bottom:19px;left:15px;right:15px}.touch-mode .vitals{width:143px;bottom:159px}.vitals-head b{font-size:14px}.vitals-head span{font-size:6px}.touch-mode .abilities{flex-wrap:wrap;justify-content:flex-end;gap:3px;width:120px;bottom:193px;left:auto;right:0;transform:none}.touch-mode .ability{width:32px;height:32px}#joystick{width:95px;height:95px;bottom:35px;left:18px}#touch-actions{transform-origin:100% 100%;bottom:20px;right:13px;transform:scale(.92)}.touch-mode #interaction{white-space:normal;text-align:center;max-width:93vw;font-size:9px;bottom:245px}#toast{width:85vw;font-size:10px;bottom:275px}#downed{padding:25px;font-size:19px}.help-grid{grid-template-columns:110px 1fr;font-size:10px}.help-grid span{font-size:9px}.result-stats span{font-size:6px}.blessings{gap:7px}.blessings button{padding:20px 5px}.blessings b{font-size:9px}.blessings span{font-size:8px}}@media (max-height:520px) and (orientation:landscape){.masthead{top:14px;left:23px;right:23px}.brand{font-size:17px}.brand svg{width:30px;height:30px}.brand small{font-size:6px}.intro{width:240px;top:20%;left:27px}.intro h1{margin-top:8px;font-size:32px;line-height:1.02}.intro .eyebrow{font-size:6px}.intro p{display:none}.intro>.primary-button{width:205px;min-height:43px;margin-top:15px;font-size:11px}.intro>.text-button{min-height:32px;margin-top:0;font-size:10px}.connection-note{margin-top:0;font-size:7px}.front-footer{bottom:15px;left:auto;right:25px}.tiny-label{margin-bottom:7px;font-size:6px}.pact-card{gap:5px;width:73px;height:56px;padding:3px}.pact-card>.portrait{width:24px;height:40px}.pact-card>span:nth-child(2){font-size:11px}.pact-card small{font-size:6px}.journal-link{display:none}.hero-caption{width:155px;top:24%;right:4%}.hero-caption h2{font-size:30px}.hero-caption .eyebrow{font-size:6px}.hero-caption h2 span{font-size:8px}.hero-caption .outline-button{min-height:36px;padding:8px;font-size:8px}.map-frame{width:100px;top:61px}.zone-heading h2{font-size:17px}.zone-heading p{font-size:8px}#party{top:99px}.party-member{margin-bottom:6px}.party-member b{font-size:8px}.party-icon{width:24px;height:24px}.party-icon svg{width:13px;height:13px}.party-member small{font-size:6px}.touch-mode .vitals{width:143px;bottom:98px;left:0}.touch-mode .vitals-head{margin-bottom:5px}.touch-mode .vitals-head b{font-size:13px}.health-track{height:14px}.vitals-foot{margin-top:4px;font-size:7px}.touch-mode .abilities{bottom:-7px}.touch-controls #joystick{width:85px;height:85px;bottom:14px;left:22px}#touch-actions{transform-origin:100% 100%;bottom:7px;right:17px;transform:scale(.82)}#boss-bar{width:250px;top:22px}#boss-bar>span{font-size:8px}.touch-mode #interaction{font-size:9px;bottom:73px}.centered{max-height:calc(100dvh - 24px);padding:22px}.menu-panel h2{font-size:25px}.menu-panel>p{font-size:11px}#toast{bottom:125px}#customize-panel{padding:22px;top:10px;bottom:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.customizing:not(.playing) .intro,.customizing:not(.playing) .hero-caption,.customizing:not(.playing) .front-footer{visibility:hidden}.customizing:not(.playing) .screen-menu{background:linear-gradient(#0000 55%,#102b2377)}@media (max-width:600px) and (orientation:portrait){#customize-panel{width:100%;height:52dvh;max-height:52dvh;padding:18px 24px;padding-bottom:max(24px, env(safe-area-inset-bottom));border-bottom:0;inset:auto 0 0}.customizing #panel-shade{background:linear-gradient(#0000 35%,#081611aa)}#customize-panel .panel-description{display:none}#customize-panel h2{font-size:23px}}@media (pointer:coarse){button.icon-button{min-width:48px;min-height:48px}.swatches button{width:40px;height:40px}.segmented button{height:48px}}.world-name{color:#f0eaca;pointer-events:none;will-change:transform;background:#102b23bb;border-bottom:2px solid;padding:4px 8px;font-size:10px;position:fixed;top:0;left:0}.panel-open .world-name{visibility:hidden}.world-name[hidden],.touch-mode .abilities{display:none}#touch-actions .touch-cooldown{color:#f0d49a;pointer-events:none;background:#142b20dc;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}#touch-actions .touch-cooldown[hidden]{display:none}#touch-actions .touch-interact{width:53px;height:53px}@media (max-height:520px) and (orientation:landscape){#party{gap:12px;display:flex;top:20px;left:250px}.party-member{margin:0}.party-member>div{width:62px}.party-icon{display:none}#boss-bar{width:220px;top:95px}#touch-actions{bottom:10px;right:16px;transform:scale(.92)}}.rotate-hint{display:none}.panel-open .touch-controls{visibility:hidden}#interaction svg{vertical-align:middle;width:18px;height:18px}#touch-actions button,#joystick{-webkit-user-select:none;user-select:none}#touch-actions .touch-interact.ready{background:#537845;border-color:#d8eda2;box-shadow:0 0 16px #afd57955}#touch-actions button.no-energy{border-color:#84928f}#touch-actions button.no-energy .touch-cooldown{color:#adc9ca;font-size:11px}.ability.no-energy .ability-symbol{opacity:.35}@media (orientation:landscape) and (max-height:540px){.touch-mode .hud-top{top:max(12px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right))}.touch-mode .zone-heading{max-width:36%;padding:0}.touch-mode .zone-heading .eyebrow{display:none}.touch-mode .zone-heading h2{margin:0 0 5px;font-size:20px}.touch-mode .zone-heading p{max-width:210px;font-size:10px;line-height:1.4}.touch-mode .hud-tools{gap:8px}.touch-mode .hud-tools .icon-button{min-width:48px;min-height:48px}.touch-mode .room-code{height:48px}.touch-mode .map-frame{width:104px;top:70px;right:max(20px, env(safe-area-inset-right))}.touch-mode .map-frame>div{display:none}.touch-mode .vitals{top:84px;bottom:auto;left:max(20px, env(safe-area-inset-left));width:156px;padding:0;position:fixed}.touch-mode .health-track{height:18px}.touch-mode .health-track>span{font-size:10px}.touch-mode .vitals-head b{font-size:15px}.touch-mode .vitals-foot{font-size:9px}.touch-mode #joystick{width:112px;height:112px;left:max(24px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom))}.touch-mode #touch-actions{width:246px;height:188px;right:max(20px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));transform:none}.touch-mode #touch-actions button{width:56px;height:56px}.touch-mode #touch-actions [data-touch="1"]{top:61px;left:0}.touch-mode #touch-actions [data-touch="2"]{top:0;left:38px}.touch-mode #touch-actions [data-touch="3"]{top:0;left:102px}.touch-mode #touch-actions .touch-interact{top:14px;right:4px}.touch-mode #touch-actions .touch-dodge{bottom:0;left:50px}.touch-mode #touch-actions .touch-attack{width:82px;height:82px;bottom:4px;right:8px}.touch-mode #touch-actions small{font-size:9px}.touch-mode #party{gap:6px;top:17px;left:37%}.touch-mode .party-member>div{width:48px}.touch-mode .party-member b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.touch-mode .party-member small{display:none}.touch-mode #boss-bar{width:min(220px,29vw);top:79px}.touch-mode #interaction{max-width:32%;font-size:11px;bottom:20px}.touch-mode #toast{max-width:45vw;font-size:11px;bottom:145px}}@media (orientation:portrait) and (max-width:600px){.touch-mode:not(.panel-open) .rotate-hint{color:#e1d5a6;background:#163328e6;border:1px solid #d0c38742;width:max-content;max-width:90%;padding:8px 12px;font-size:11px;display:block;position:absolute;top:31%;left:50%;transform:translate(-50%)}}@media (orientation:landscape) and (max-height:360px){.touch-mode .map-frame{width:76px;top:66px}}