:root{color:#f2ead7;background:#050b09;font-family:Inter,system-ui,sans-serif;font-synthesis:none;--ink: #07100d;--ink-2: #0d1915;--panel: rgba(7, 15, 12, .86);--line: rgba(222, 201, 155, .2);--gold: #d8b66d;--gold-bright: #f4d58a;--muted: #a89e88;--cyan: #55d9d2;--orange: #ef873d;--red: #b3343b;--green: #72ab6e}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#030806}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.hidden{display:none!important}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#07100d}#game{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:none}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:30px;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(42,91,79,.24),transparent 32%),radial-gradient(circle at 50% 48%,rgba(216,182,109,.08),transparent 54%),linear-gradient(145deg,#07100d,#020605 72%);transition:opacity .42s ease,visibility .42s}.loading-screen:before{content:"";position:absolute;left:50%;top:47%;width:min(72vw,680px);aspect-ratio:1;border:1px solid rgba(85,217,210,.09);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 54px #55d9d205,0 0 0 108px #d8b66d03;animation:loading-orbit 9s linear infinite}.loading-screen.ready{opacity:0;visibility:hidden;pointer-events:none}.loading-card{position:relative;width:min(620px,calc(100vw - 40px));padding:0 42px 34px;border:1px solid rgba(222,201,155,.2);overflow:hidden;background:linear-gradient(145deg,#0e1c17eb,#040b09f5);box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff09;text-align:center;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.loading-banner{position:relative;height:178px;margin:0 -42px 45px;border-bottom:1px solid rgba(216,182,109,.22);background:#07100d}.loading-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#02070605 35%,#040b09e6),linear-gradient(90deg,rgba(2,7,6,.35),transparent 24% 76%,rgba(2,7,6,.35));pointer-events:none}.loading-banner-art{width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%}.loading-banner-crest{position:absolute;left:50%;bottom:-34px;z-index:2;width:78px;height:78px;object-fit:contain;transform:translate(-50%);filter:drop-shadow(0 7px 12px rgba(0,0,0,.82)) drop-shadow(0 0 13px rgba(85,217,210,.22));animation:loading-crest 2.2s ease-in-out infinite}.loading-card h1{margin:9px 0 26px;color:#eee3c9;font:600 clamp(30px,5vw,43px) "Cinzel",serif;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 6px 20px #000}.loading-card>p{min-height:20px;margin:0 0 15px;color:#d8c9a8;font:600 12px Cinzel,serif;letter-spacing:.05em}.loading-progress{position:relative;height:7px;overflow:hidden;border:1px solid rgba(216,182,109,.2);background:#0006}.loading-progress i{position:relative;display:block;width:0;height:100%;background:linear-gradient(90deg,#2a8d86,#69ddd2 70%,#d9bd78);box-shadow:0 0 18px #55d9d266;transition:width .24s ease-out}.loading-progress i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.38) 48%,transparent 80%);transform:translate(-100%);animation:loading-shimmer 1.45s ease-in-out infinite}.loading-meta{min-height:31px;margin-top:10px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;text-align:left}.loading-meta b{color:var(--gold-bright);font-size:11px;font-variant-numeric:tabular-nums}.loading-meta span{color:#898274;font-size:9px;line-height:1.45;letter-spacing:.035em}.loading-screen>small{position:absolute;bottom:24px;color:#69665e;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.loading-retry{margin:16px auto 0;border:1px solid rgba(244,213,138,.48);background:linear-gradient(120deg,#7b4829,#52281f);padding:12px 18px;color:#f0dfbb;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:700;cursor:pointer}.loading-screen.error .loading-banner-crest{filter:grayscale(.25) sepia(.2) hue-rotate(315deg) drop-shadow(0 0 14px rgba(190,65,55,.38));animation:none}.loading-screen.error .loading-progress i{background:linear-gradient(90deg,#74342f,#c85a50)}@keyframes loading-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes loading-crest{50%{filter:brightness(1.18) drop-shadow(0 7px 12px rgba(0,0,0,.82)) drop-shadow(0 0 20px rgba(85,217,210,.38))}}@keyframes loading-shimmer{55%,to{transform:translate(110%)}}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#070c0c url(/assets/ravenhold-key-art.png) center center / cover no-repeat;display:flex;align-items:center;padding:clamp(28px,6vw,96px)}.title-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#030808f5,#040a0ab8 35%,#0308081f 68%),linear-gradient(0deg,rgba(2,6,6,.82),transparent 42%)}.title-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 180px 36px #020605;z-index:1;pointer-events:none}.title-copy{position:relative;z-index:2;width:min(680px,54vw);animation:title-in 1.1s cubic-bezier(.18,.72,.2,1) both}.eyebrow,.panel-kicker{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:700}.title-copy h1{margin:15px 0 22px;text-transform:uppercase;font-family:Cinzel,serif;line-height:.78;letter-spacing:.02em;filter:drop-shadow(0 8px 24px #000)}.title-copy h1 span{display:block;font-size:clamp(64px,8.5vw,132px);color:#e9dfc5}.title-copy h1 small{display:block;margin-top:24px;font-size:clamp(24px,3vw,44px);letter-spacing:.38em;color:#d25943;padding-left:.1em}.title-deck{max-width:600px;color:#c9c0ad;font-family:Cinzel,serif;font-size:clamp(15px,1.4vw,20px);line-height:1.7}.primary-cta{margin-top:28px;min-width:250px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(244,213,138,.55);background:linear-gradient(120deg,#a8612f,#6c3423);padding:17px 18px 17px 22px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 16px 48px #00000059,inset 0 1px #ffffff1f;transition:transform .2s,filter .2s}.primary-cta:hover{transform:translateY(-2px);filter:brightness(1.12)}.primary-cta b{border-left:1px solid rgba(255,255,255,.25);padding-left:18px;font-size:18px}.title-actions{display:flex;align-items:stretch;gap:10px;margin-top:28px}.title-actions .primary-cta{margin-top:0}.secondary-cta{min-width:218px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(85,217,210,.34);background:linear-gradient(120deg,#194944e0,#091d1be6);padding:15px 16px 15px 20px;color:#d8e8df;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.secondary-cta:hover{transform:translateY(-2px);border-color:#55d9d2b3;background:linear-gradient(120deg,#1f5c54eb,#0a2622f0)}.secondary-cta b{color:var(--cyan);font-size:10px;letter-spacing:.06em}.title-meta{display:flex;gap:12px;align-items:center;margin-top:24px;color:#847d70;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.title-meta i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.mobile-title-meta,.mobile-controls,.build-tray footer strong{display:none}.title-lore{position:absolute;right:clamp(28px,5vw,80px);bottom:clamp(28px,4vw,60px);z-index:2;width:min(380px,31vw);padding:17px 0 0 22px;border-left:1px solid rgba(216,182,109,.4);display:flex;flex-direction:column;gap:8px;text-shadow:0 2px 12px #000}.title-lore b{color:var(--gold);font-family:Cinzel,serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.title-lore span{color:#aaa18f;font-size:11px;line-height:1.6}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.atlas-icon{display:inline-block;flex:0 0 auto;color:transparent!important;font-size:0!important;font-style:normal;background-repeat:no-repeat;background-position:var(--atlas-x) var(--atlas-y)}.system-atlas-icon{background-image:url(/assets/system-icon-atlas.png);background-size:600% 500%}.building-atlas-icon{background-image:url(/assets/building-icon-atlas.png);background-size:700% 600%}.glass{border:1px solid var(--line);background:linear-gradient(135deg,#0e1b16eb,#050c0ae0);box-shadow:0 12px 34px #00000047,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-hud{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(calc(100% - 28px),1180px);height:70px;display:grid;grid-template-columns:220px 1fr 170px;align-items:center;pointer-events:auto;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,11px 100%)}.realm-mark{height:100%;padding:0 22px;border-right:1px solid var(--line);display:flex;gap:12px;align-items:center}.realm-crest{width:43px;height:43px;flex:0 0 43px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(85,217,210,.16))}.realm-mark div{display:flex;flex-direction:column;gap:3px}.realm-mark b{font-family:Cinzel,serif;font-size:15px;letter-spacing:.08em}.realm-mark small{color:var(--muted);font-size:9px;letter-spacing:.06em}.resources{display:flex;height:100%;justify-content:center;align-items:center}.resource{min-width:100px;height:44px;display:grid;grid-template-columns:27px auto;grid-template-rows:22px 14px;column-gap:8px;align-items:center;padding:0 14px;border-right:1px solid rgba(222,201,155,.09)}.resource:last-child{border-right:none}.resource .resource-icon{grid-row:1 / 3;width:27px;height:27px;text-align:center}.resource b{font-size:14px;font-variant-numeric:tabular-nums}.resource small{color:var(--muted);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.resource.gain b{animation:resource-pulse .45s ease-out;color:#dff0b3}.moon-clock{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 22px;border-left:1px solid var(--line)}.moon-clock>span{color:#cc715d;font-size:9px;letter-spacing:.16em;font-weight:700}.clock-orbit{width:50px;height:50px;position:relative;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(216,182,109,.22);background:#0003}.clock-orbit:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px dashed rgba(216,182,109,.16)}.clock-orbit i{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:conic-gradient(#ba413b var(--clock, 0%),transparent 0);opacity:.65;mask:radial-gradient(transparent 62%,#000 64%)}.clock-orbit b{font-size:9px;z-index:1;font-variant-numeric:tabular-nums}.objective-panel{position:absolute;top:104px;left:18px;width:255px;padding:18px 19px 16px;border-left:2px solid var(--gold)}.objective-panel h2{margin:8px 0 6px;font:600 17px Cinzel,serif}.objective-panel p{min-height:36px;margin:0 0 14px;color:#b9b09d;font-size:11px;line-height:1.55}.objective-progress{height:3px;background:#ffffff14;overflow:hidden}.objective-progress i{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--gold),#f5df99);transition:width .35s}.objective-panel>small{display:block;margin-top:10px;color:#8d8576;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.ward-network{position:absolute;top:96px;left:50%;transform:translate(-50%);width:330px;padding:11px 14px 10px;transition:border-color .25s,box-shadow .25s}.ward-network header,.ward-network footer,.ward-readout{display:flex;justify-content:space-between;align-items:center}.ward-network header span{color:var(--gold);font:600 10px Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.ward-network header b{color:#69d9c9;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.ward-readout{margin-top:7px;color:#8f8778;font-size:8px}.ward-readout b{color:#ddd3bd;font-size:10px}.ward-readout>i{width:3px;height:3px;border-radius:50%;background:#d8b66d80}.ward-meter{height:3px;margin:7px 0;overflow:hidden;background:#ffffff12}.ward-meter i{display:block;width:0%;height:100%;background:linear-gradient(90deg,#4acfc7,#8d7bdd);transition:width .3s,background .3s}.ward-network footer{color:#817a6d;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.ward-network.stressed{border-color:#cb46428c;box-shadow:0 0 24px #ac303024}.ward-network.stressed header b,.ward-network.stressed footer span:first-child{color:#ef8c7c}.ward-network.stressed .ward-meter i{background:linear-gradient(90deg,#e08b49,#c94047)}.coop-hud{position:absolute;top:288px;left:18px;min-width:205px;height:52px;padding:8px 11px;display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center}.coop-hud>i{width:7px;height:7px;border-radius:50%;background:#62d6b4;box-shadow:0 0 10px #62d6b4bf}.coop-hud>span{display:flex;flex-direction:column;gap:3px}.coop-hud b{color:#e5d9bf;font:600 10px Cinzel,serif;letter-spacing:.12em}.coop-hud small{color:#8d9c92;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.coop-hud em{color:var(--cyan);font-size:8px;font-style:normal;font-variant-numeric:tabular-nums}.coop-hud.offline>i{background:#cb554e;box-shadow:0 0 10px #cb554eb3}.event-feed{position:absolute;top:104px;right:18px;width:270px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.event-note{padding:9px 12px;border-right:2px solid var(--gold);background:#040b09c2;box-shadow:0 6px 16px #0003;animation:note-in .3s both;color:#c8bfac;font-size:10px;line-height:1.4}.event-note b{color:#f0d994}.event-note.danger{border-color:#c95045}.mage-vitals{position:absolute;left:18px;bottom:18px;width:318px;height:88px;display:flex;align-items:center;pointer-events:auto}.portrait-medallion{width:82px;height:88px;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 25%,#244b4b,#07100d 70%)}.portrait-medallion img{width:110px;height:160px;object-fit:contain;object-position:50% 23%;transform:translate(-13px,-18px)}.vital-stack{width:135px;padding:0 13px}.vital-line{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.vital-line b{color:#d7cfbe;font-size:8px}.bar{height:4px;margin:5px 0 9px;background:#ffffff14;overflow:hidden}.bar i{display:block;height:100%;transition:width .25s}.bar.health i{background:linear-gradient(90deg,#823735,#d35d4c)}.bar.mana i{background:linear-gradient(90deg,#277c83,#61e0d7)}.grimoire-button{height:100%;width:100px;border:0;border-left:1px solid var(--line);background:transparent;cursor:pointer;display:grid;grid-template-columns:29px auto;grid-template-rows:1fr 1fr;align-items:end;text-align:left;padding:17px 10px;position:relative}.grimoire-button>.grimoire-art{grid-row:1 / 3;width:29px;height:29px}.grimoire-button div{display:flex;flex-direction:column}.grimoire-button small{color:var(--gold);font-size:8px}.grimoire-button b{font-size:9px;letter-spacing:.04em}.grimoire-button em{position:absolute;right:8px;top:7px;color:var(--gold);font-size:9px;font-style:normal}.action-dock{position:absolute;left:50%;bottom:18px;transform:translate(-50%);height:88px;padding:7px;display:flex;align-items:stretch;pointer-events:auto}.spell-slots{display:flex;gap:4px}.action-card{min-width:160px;border:1px solid transparent;background:#ffffff06;position:relative;display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:default}.action-card.active{border-color:#ef873d52;background:linear-gradient(135deg,#9947202e,#ffffff06)}kbd{border:1px solid rgba(222,201,155,.24);border-radius:2px;padding:3px 5px;color:#c5b895;background:#00000047;font:700 8px Inter,sans-serif;box-shadow:inset 0 -1px #ffffff14}.action-card>kbd{position:absolute;top:-8px;left:37px;z-index:1;transform:translate(-50%)}.spell-orb{width:48px;height:48px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:17px;margin-left:0}.spell-orb.atlas-icon{border:0;border-radius:0;box-shadow:none}.spell-orb.fire{color:#ef873d;box-shadow:inset 0 0 16px #ef873d40}.spell-orb.frost{color:#7dd8e7;box-shadow:inset 0 0 16px #53c3da38}.spell-orb.arcane{color:#aa8ce9;box-shadow:inset 0 0 16px #9069d640}.action-card span:last-child,.build-toggle span:last-child{display:flex;flex-direction:column;gap:4px;text-align:left}.action-card b,.build-toggle b{font:600 10px Cinzel,serif}.action-card small,.build-toggle small{color:#8f8778;font-size:8px}.dock-divider{width:1px;margin:6px 8px;background:var(--line)}.build-toggle{min-width:135px;border:1px solid transparent;background:#d8b66d0f;display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;position:relative;transition:background .2s}.build-toggle:hover,.build-toggle.active{background:#d8b66d24;border-color:#d8b66d38}.build-toggle kbd{position:absolute;top:-8px;left:34px;z-index:1;transform:translate(-50%)}.hammer{color:var(--gold);font-size:26px;margin-left:0}.hammer.atlas-icon{width:48px;height:48px}.build-tray{position:absolute;left:50%;bottom:118px;transform:translate(-50%);width:min(1120px,calc(100vw - 36px));max-height:min(320px,calc(100vh - 220px));padding:14px;pointer-events:auto;animation:tray-in .22s both;overflow:hidden}.build-tray header{display:flex;justify-content:space-between;align-items:center;padding:0 3px 11px}.build-tray h3{margin:3px 0 0;font:600 15px Cinzel,serif}.build-tray header button,.modal-close{border:0;background:transparent;color:#a79d89;font-size:24px;cursor:pointer}.build-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}.build-tab{min-height:36px;padding:6px 9px;border:1px solid rgba(216,182,109,.12);background:#ffffff05;color:#968d7d;cursor:pointer;display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;text-align:left}.build-tab:hover,.build-tab.active{color:#eadfca;border-color:#d8b66d6b;background:#d8b66d1f}.build-tab i{width:22px;height:22px;color:var(--gold);font: 17px Cinzel,serif;text-align:center}.build-tab span{font:600 8px Cinzel,serif;letter-spacing:.05em;text-transform:uppercase}.build-tab small{min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#0000003d;color:var(--gold);font-size:7px;display:grid;place-items:center}.build-list{max-height:min(194px,calc(100vh - 365px));overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(216,182,109,.35) transparent}.build-card{height:96px;padding:8px;border:1px solid rgba(216,182,109,.12);background:#ffffff06;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.build-card:hover,.build-card.active{background:#d8b66d21;border-color:#d8b66d61}.build-card.locked{opacity:.42;cursor:not-allowed}.build-card>i{position:absolute;right:7px;top:5px;width:42px;height:42px;color:var(--gold);font-size:27px;font-style:normal;opacity:.92}.build-card>kbd{position:absolute;left:7px;top:7px}.build-card b{font:600 9px Cinzel,serif}.build-card span{margin-top:4px;color:#9d9484;font-size:8px}.build-card small{margin-top:4px;color:var(--gold);font-size:7px}.build-tray footer{display:flex;gap:18px;padding:11px 3px 0;color:#827b6e;font-size:8px}.build-hint{position:absolute;left:50%;bottom:450px;transform:translate(-50%);padding:8px 14px;background:#040a08d1;border-top:1px solid rgba(216,182,109,.3);text-align:center}.build-hint b{display:block;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.build-hint span{color:#9f9788;font-size:8px}.context-action{position:absolute;left:50%;bottom:118px;transform:translate(-50%);min-width:360px;min-height:54px;padding:9px 13px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;pointer-events:auto;cursor:pointer;text-align:left;border-color:#55d9d24d}.context-action:hover:not(:disabled){border-color:#55d9d2ad;background:linear-gradient(135deg,#173d35f5,#060f0cf0)}.context-action:disabled{cursor:default;opacity:.58}.context-action>kbd{justify-self:center;color:var(--cyan);border-color:#55d9d259}.context-action>span{display:flex;flex-direction:column;gap:3px}.context-action b{font:600 10px Cinzel,serif;color:#e8deca}.context-action small{color:#978f80;font-size:8px}.context-action em{color:var(--gold);font-style:normal;font-size:9px;white-space:nowrap}.crosshair{position:fixed;z-index:30;width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid rgba(238,222,188,.66);border-radius:50%;pointer-events:none;mix-blend-mode:screen}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#eedebcc7}.crosshair:before{width:6px;height:1px;left:7px;top:10px}.crosshair:after{width:1px;height:6px;left:10px;top:7px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;background:#020605c7;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.parchment{position:relative;border:1px solid rgba(216,182,109,.35);background:radial-gradient(circle at 50% 0%,rgba(75,72,51,.26),transparent 45%),linear-gradient(140deg,#101b16,#07100d);box-shadow:0 34px 100px #000,inset 0 1px #ffffff0d}.school-modal{width:min(980px,calc(100vw - 42px));padding:34px;text-align:center}.school-modal h2,.grimoire-modal h2,.result-card h2,.multiplayer-modal h2{margin:8px 0 7px;font:600 clamp(25px,3vw,40px) "Cinzel",serif;color:#efe5ce}.school-modal>p,.grimoire-modal>p,.result-card>p,.multiplayer-modal>p{color:#aaa18f;font-size:12px;line-height:1.6}.multiplayer-modal{width:min(590px,calc(100vw - 42px));padding:34px}.multiplayer-modal>p{max-width:500px;margin-bottom:22px}.multiplayer-setup{display:flex;flex-direction:column;gap:11px}.multiplayer-setup label{display:flex;flex-direction:column;gap:6px;color:#9d9585;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.multiplayer-setup input,.join-room input{width:100%;height:46px;border:1px solid rgba(216,182,109,.24);background:#00000047;color:#eee4cf;padding:0 14px;outline:none;-webkit-user-select:text;user-select:text;font-size:12px;letter-spacing:.04em}.multiplayer-setup input:focus,.join-room input:focus{border-color:#55d9d2a6;box-shadow:0 0 0 2px #55d9d214}.primary-cta.compact{width:100%;min-width:0;margin:2px 0 0;padding-block:13px}.join-divider{display:flex;align-items:center;gap:11px;color:#766f62;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.join-divider i{flex:1;height:1px;background:#d8b66d24}.join-room{display:grid;grid-template-columns:1fr 140px;gap:7px}.join-room input{text-align:center;letter-spacing:.24em;font-weight:700;text-transform:uppercase}.join-room button{border:1px solid rgba(85,217,210,.3);background:#28665d38;color:#d5e9e0;cursor:pointer;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.join-room button:hover{border-color:#55d9d2b3;background:#28665d61}#multiplayer-status,#lobby-waiting{color:#80796c;font-size:8px;line-height:1.5}#multiplayer-status.error{color:#e08075}.multiplayer-lobby{display:flex;flex-direction:column;gap:13px}.room-seal{padding:16px;border:1px solid rgba(85,217,210,.2);background:#18413b21;display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center}.room-seal span{color:#8d9d91;font-size:8px;text-transform:uppercase;letter-spacing:.15em}.room-seal b{grid-row:1 / 3;grid-column:2;color:var(--cyan);font:600 25px Cinzel,serif;letter-spacing:.18em}.room-seal small{color:#777f78;font-size:8px}.lobby-roster{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lobby-roster>div{min-height:54px;padding:9px 11px;border:1px solid rgba(216,182,109,.13);background:#ffffff06;display:flex;align-items:center;gap:10px}.lobby-roster i{width:10px;height:10px;transform:rotate(45deg);background:#55d9d2;box-shadow:0 0 9px currentColor}.lobby-roster i[data-color="1"]{background:#e18456}.lobby-roster i[data-color="2"]{background:#a98ae4}.lobby-roster i[data-color="3"]{background:#92bd6f}.lobby-roster span{display:flex;flex-direction:column;gap:3px}.lobby-roster b{font:600 10px Cinzel,serif}.lobby-roster small{color:#857e71;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.adaptive-threat{min-height:58px;padding:10px 12px;border:1px solid rgba(194,86,74,.24);background:linear-gradient(110deg,#772b2c26,#5c37661a);display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center}.adaptive-threat>i{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(224,119,104,.38);border-radius:50%;color:#e28a76;font-style:normal;font-size:16px;box-shadow:inset 0 0 12px #c549431a}.adaptive-threat>span{min-width:0;display:flex;flex-direction:column;gap:4px}.adaptive-threat b{color:#dcb58c;font:600 9px Cinzel,serif;letter-spacing:.04em}.adaptive-threat small{color:#8f8478;font-size:7px;line-height:1.45;text-transform:uppercase;letter-spacing:.045em}.school-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.school-card{min-height:280px;border:1px solid var(--line);background:#ffffff06;padding:28px 24px 22px;cursor:pointer;text-align:left;transition:transform .2s,border-color .2s,background .2s}.school-card:hover{transform:translateY(-5px);border-color:currentColor;background:#ffffff0e}.school-card>i{width:66px;height:66px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:30px;margin-bottom:22px}.school-card>i.atlas-icon{border:0;border-radius:0}.school-card span{display:flex;flex-direction:column}.school-card span small{color:#918877;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.school-card span b{font:600 25px Cinzel,serif}.school-card p{color:#b7ad9a;font-size:11px;line-height:1.55;min-height:50px}.school-card em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.fire-school{color:#e77b45}.nature-school{color:#7db57b}.death-school{color:#a88dd3}.grimoire-modal{width:min(760px,calc(100vw - 42px));padding:35px}.modal-close{position:absolute;right:15px;top:10px}.research-layout{display:grid;grid-template-columns:150px 1fr;gap:22px;margin-top:24px}.research-sigil{min-height:250px;display:grid;place-items:center;border-right:1px solid var(--line);font-size:86px;color:var(--cyan);text-shadow:0 0 40px currentColor}.research-sigil .atlas-icon{width:112px;height:112px}.research-list{display:flex;flex-direction:column;gap:7px}.research-item{min-height:72px;border:1px solid var(--line);background:#ffffff06;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 14px;cursor:pointer;text-align:left}.research-item .research-art{width:42px;height:42px}.research-item:hover:not(:disabled){border-color:#d8b66d7a;background:#d8b66d12}.research-item:disabled{cursor:default;opacity:.45}.research-item div{display:flex;flex-direction:column;gap:3px}.research-item b{font:600 12px Cinzel,serif}.research-item small{color:#a59c8a;font-size:9px;line-height:1.4}.research-item em{color:var(--gold);font-style:normal;font-size:10px;white-space:nowrap}.grimoire-modal footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9b9383;font-size:10px}.grimoire-modal footer b{color:var(--gold);display:flex;align-items:center;gap:7px}.grimoire-modal footer .essence-art{width:24px;height:24px}.result-card{width:min(560px,calc(100vw - 42px));padding:38px;text-align:center}.run-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 4px;border-block:1px solid var(--line)}.run-stat{padding:18px 5px;border-right:1px solid var(--line)}.run-stat:last-child{border-right:0}.run-stat b{display:block;color:var(--gold-bright);font:600 22px Cinzel,serif}.run-stat small{color:#8f8879;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.result-card .primary-cta{margin-inline:auto}.pause-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-content:center;text-align:center;background:#020605b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 36px Cinzel,serif}.pause-screen small{margin-top:8px;color:#a1998a;font:10px Inter,sans-serif;text-transform:uppercase;letter-spacing:.2em}.pause-screen button{display:none;margin:22px auto 0;min-width:210px;min-height:50px;border:1px solid rgba(216,182,109,.4);background:#6f4124bf;color:#eee2ca;text-transform:uppercase;letter-spacing:.12em;font-size:9px;cursor:pointer}.toast{position:absolute;top:190px;left:50%;transform:translate(-50%,-10px);padding:11px 20px;background:#070f0cf0;border:1px solid rgba(216,182,109,.35);color:#d8cfbb;font-size:10px;opacity:0;transition:.25s;pointer-events:none;z-index:95}.toast.show{opacity:1;transform:translate(-50%)}.toast.danger{border-color:#c95045b3;color:#f0a397}@keyframes title-in{0%{opacity:0;transform:translateY(20px)}}@keyframes tray-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes note-in{0%{opacity:0;transform:translate(10px)}}@keyframes resource-pulse{50%{transform:translateY(-2px);text-shadow:0 0 12px #e4edae}}@media(max-width:980px){.top-hud{grid-template-columns:180px 1fr 132px}.resource{min-width:72px;padding:0 8px}.resource small{display:none}.action-card{min-width:125px}.action-card small{display:none}.mage-vitals{width:265px}.grimoire-button,.event-feed{display:none}.ward-network{width:280px}}@media(min-width:761px)and (max-width:1320px){.mage-vitals{bottom:116px}}@media(max-width:760px){.loading-card{width:min(440px,calc(100vw - 28px));padding:0 24px 26px}.loading-banner{height:136px;margin:0 -24px 38px}.loading-banner-crest{width:62px;height:62px;bottom:-27px}.loading-card h1{margin-bottom:22px;font-size:clamp(28px,10vw,40px)}.loading-screen>small{width:calc(100% - 40px);bottom:max(16px,env(safe-area-inset-bottom));text-align:center;line-height:1.5}.toast{top:76px}.title-screen{align-items:flex-end;padding:30px 24px 54px}.title-screen:after{background:linear-gradient(0deg,#030808fa,#030808b8 56%,#0308081a 90%)}.title-copy{width:100%}.title-actions{flex-direction:column}.title-actions .primary-cta,.secondary-cta{width:100%}.title-copy h1 span{font-size:54px}.title-copy h1 small{font-size:20px}.title-lore,.title-meta{display:none}.top-hud{height:60px;grid-template-columns:132px 1fr 96px}.realm-mark{padding:0 10px}.realm-crest{width:34px;height:34px;flex-basis:34px}.realm-mark small,.moon-clock>span{display:none}.resources{overflow:hidden;justify-content:flex-start}.resource{min-width:55px;grid-template-columns:18px auto;column-gap:4px;padding:0 5px}.resource .resource-icon{font-size:14px}.moon-clock{padding:0 12px}.objective-panel{top:84px;left:12px;width:220px}.ward-network,.coop-hud{display:none}.action-dock{bottom:10px;width:calc(100% - 20px);height:76px}.action-card{flex:1;min-width:0;justify-content:center;padding:6px}.action-card>kbd,.build-toggle kbd{top:-14px}.action-card span:last-child{display:none}.spell-orb{margin-left:0}.build-toggle{min-width:70px;justify-content:center}.build-toggle span:last-child{display:none}.mage-vitals{left:12px;bottom:96px;width:230px;height:66px}.portrait-medallion{width:60px;height:66px}.portrait-medallion img{width:84px;height:125px;transform:translate(-10px,-17px)}.vital-stack{width:168px}.build-tray{bottom:96px}.context-action{bottom:176px;min-width:min(360px,calc(100vw - 24px))}.build-list{grid-template-columns:repeat(3,1fr)}.school-grid{grid-template-columns:1fr;max-height:62vh;overflow-y:auto}.school-card{min-height:160px;padding:18px}.school-card>i{width:48px;height:48px;margin-bottom:10px}.research-layout{grid-template-columns:1fr}.research-sigil{display:none}}@media(prefers-reduced-motion:reduce){.loading-screen:before,.loading-banner-crest,.loading-progress i:after{animation:none}.loading-screen,.loading-progress i{transition-duration:.01ms}}html.mobile-ux,html.mobile-ux body{overscroll-behavior:none;touch-action:none}html.mobile-ux #game{cursor:default;touch-action:none}html.mobile-ux .glass,html.mobile-ux .modal-backdrop,html.mobile-ux .pause-screen{-webkit-backdrop-filter:none;backdrop-filter:none}html.mobile-ux .desktop-title-meta{display:none}html.mobile-ux .mobile-title-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;color:#a49a87;font-size:9px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}html.mobile-ux .mobile-title-meta i{width:3px;height:3px;border-radius:50%;background:var(--gold)}html.mobile-ux .title-lore{display:none}html.mobile-ux .title-screen{align-items:flex-end;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}html.mobile-ux .title-screen:after{background:linear-gradient(0deg,#030808fc,#030808c7 52%,#03080814 92%)}html.mobile-ux .title-copy{width:min(100%,560px)}html.mobile-ux .title-copy h1{margin:10px 0 15px}html.mobile-ux .title-copy h1 span{font-size:clamp(38px,12vw,64px)}html.mobile-ux .title-copy h1 small{margin-top:17px;font-size:clamp(17px,5vw,25px)}html.mobile-ux .title-deck{margin:0;font-size:clamp(12px,3.5vw,16px);line-height:1.5}html.mobile-ux .title-actions{flex-direction:column;gap:8px;margin-top:20px}html.mobile-ux .title-actions .primary-cta,html.mobile-ux .title-actions .secondary-cta{width:100%;min-width:0;min-height:54px;margin:0}html.mobile-ux .top-hud{top:max(6px,env(safe-area-inset-top));width:calc(100% - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)));height:52px;grid-template-columns:40px minmax(0,1fr) 68px;clip-path:none}html.mobile-ux .realm-mark{justify-content:center;padding:0;border-right-color:#dec99b1c}html.mobile-ux .realm-mark div{display:none}html.mobile-ux .realm-crest{width:31px;height:31px;flex-basis:31px}html.mobile-ux .resources{min-width:0;justify-content:stretch;overflow:hidden}html.mobile-ux .resource{flex:1 1 0;min-width:0;height:100%;padding:4px 1px 3px;border-right-color:#dec99b12;display:flex;flex-direction:column;justify-content:center;gap:1px}html.mobile-ux .resource .resource-icon{width:18px;height:18px;line-height:1}html.mobile-ux .resource b{font-size:9px;line-height:1.1}html.mobile-ux .resource small{display:none}html.mobile-ux .moon-clock{justify-content:center;gap:0;padding:0}html.mobile-ux .moon-clock>span{display:none}html.mobile-ux .clock-orbit{width:40px;height:40px}html.mobile-ux .clock-orbit b{font-size:7px}html.mobile-ux .ward-network,html.mobile-ux .event-feed,html.mobile-ux .action-dock,html.mobile-ux .coop-hud{display:none}html.mobile-ux .objective-panel{top:calc(max(6px,env(safe-area-inset-top)) + 59px);left:max(9px,env(safe-area-inset-left));width:calc(100% - max(80px,calc(env(safe-area-inset-right) + 70px)) - max(9px,env(safe-area-inset-left)));min-height:66px;padding:10px 12px 9px;border-left-width:2px}html.mobile-ux .objective-panel .panel-kicker,html.mobile-ux .objective-panel>small{display:none}html.mobile-ux .objective-panel h2{margin:0 0 3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.mobile-ux .objective-panel p{min-height:0;margin:0 0 7px;font-size:8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.mobile-ux .mage-vitals{left:50%;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 121px);transform:translate(-50%);width:154px;height:42px;border-radius:6px}html.mobile-ux .portrait-medallion,html.mobile-ux .grimoire-button{display:none}html.mobile-ux .vital-stack{width:100%;padding:7px 10px 4px}html.mobile-ux .vital-line,html.mobile-ux .vital-line b{font-size:6px}html.mobile-ux .bar{height:3px;margin:3px 0 4px}html.mobile-ux .mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}html.mobile-ux .mobile-controls button{-webkit-tap-highlight-color:transparent}html.mobile-ux .mobile-utility-rail{position:absolute;top:calc(max(6px,env(safe-area-inset-top)) + 59px);right:max(8px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:5px;pointer-events:auto}html.mobile-ux .mobile-utility{position:relative;width:54px;height:48px;padding:4px 2px;border:1px solid rgba(216,182,109,.2);border-radius:7px;background:linear-gradient(145deg,#11221cf0,#050c0af0);box-shadow:0 7px 20px #00000047;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:manipulation}html.mobile-ux .mobile-utility i{color:var(--gold);font: 17px Cinzel,serif}html.mobile-ux .mobile-utility i.atlas-icon{width:26px;height:26px}html.mobile-ux .mobile-utility span{color:#aaa18e;font-size:6px;letter-spacing:.08em;text-transform:uppercase}html.mobile-ux .mobile-utility em{position:absolute;top:3px;right:5px;color:var(--cyan);font-size:7px;font-style:normal}html.mobile-ux .mobile-utility.active{border-color:#f4d58aad;background:linear-gradient(145deg,#6f4222f5,#25140df5);box-shadow:0 0 20px #d8b66d2e}html.mobile-ux .mobile-movement{position:absolute;left:max(15px,env(safe-area-inset-left));bottom:max(13px,env(safe-area-inset-bottom));width:108px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}html.mobile-ux .mobile-movement>small{color:#d7cfbe8c;font-size:7px;letter-spacing:.16em;text-transform:uppercase}html.mobile-ux .mobile-move-stick{position:relative;width:104px;height:104px;border:1px solid rgba(85,217,210,.3);border-radius:50%;background:radial-gradient(circle,#1b423a66 0,#1b423a66 31%,#07120fb8 32%,#07120fb8 63%,#040b0975 64%);box-shadow:inset 0 0 22px #55d9d214,0 12px 30px #00000047;touch-action:none}html.mobile-ux .mobile-stick-rune{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed rgba(216,182,109,.15);border-radius:50%;transform:rotate(18deg)}html.mobile-ux .mobile-stick-rune:before,html.mobile-ux .mobile-stick-rune:after{content:"";position:absolute;inset:50% 8px auto;height:1px;background:#55d9d21f}html.mobile-ux .mobile-stick-rune:after{transform:rotate(90deg)}html.mobile-ux .mobile-move-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border:1px solid rgba(85,217,210,.58);border-radius:50%;background:radial-gradient(circle at 40% 35%,#284d47,#0b1b17 70%);box-shadow:0 0 18px #55d9d229,inset 0 1px #ffffff14;display:grid;place-items:center;color:var(--cyan);font-size:14px;transition:transform .08s ease-out;pointer-events:none}html.mobile-ux .mobile-move-stick.active .mobile-move-knob{transition:none;box-shadow:0 0 25px #55d9d24d,inset 0 1px #ffffff1f}html.mobile-ux .mobile-spells{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:8px;pointer-events:auto}html.mobile-ux .mobile-ability{position:relative;overflow:hidden;border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle at 38% 30%,#2e3f39fa,#050c0af5 72%);box-shadow:0 10px 28px #00000059,inset 0 0 18px #ffffff09;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation}html.mobile-ux .mobile-ability i{font-style:normal;line-height:1}html.mobile-ux .mobile-ability i.atlas-icon{width:28px;height:28px}html.mobile-ux .mobile-ability span{margin-top:2px;color:#e7ddc7;font:600 7px Cinzel,serif;text-transform:uppercase;letter-spacing:.05em}html.mobile-ux .mobile-ability small{color:#948b7b;font-size:6px;text-transform:uppercase}html.mobile-ux .mobile-blink,html.mobile-ux .mobile-nova{width:55px;height:55px}html.mobile-ux .mobile-blink{color:#aa8ce9;margin-bottom:52px}html.mobile-ux .mobile-nova{color:#7dd8e7;margin-left:-63px}html.mobile-ux .mobile-primary{width:88px;height:88px;color:#ef873d;background:radial-gradient(circle at 38% 30%,#8f4622eb,#28120afa 70%);box-shadow:0 0 24px #ef873d24,0 12px 30px #0000006b,inset 0 0 22px #ffa8531f}html.mobile-ux .mobile-primary i{font-size:27px;text-shadow:0 0 14px currentColor}html.mobile-ux .mobile-primary i.atlas-icon{width:40px;height:40px}html.mobile-ux .mobile-primary span{font-size:9px}html.mobile-ux .mobile-primary.pressed{transform:scale(.94);filter:brightness(1.3)}html.mobile-ux .mobile-ability.cooling{opacity:.52;filter:saturate(.5)}html.mobile-ux .mobile-world-tip{position:absolute;left:50%;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 169px);transform:translate(-50%);width:max-content;max-width:calc(100% - 150px);padding:5px 9px;border-radius:20px;background:#040b09ab;color:#cdc4b0bf;font-size:7px;letter-spacing:.04em;text-align:center;pointer-events:none;animation:mobile-tip 8s both}html.mobile-ux .mobile-controls.building .mobile-world-tip{max-width:calc(100% - 24px);color:var(--gold-bright);border:1px solid rgba(216,182,109,.28);animation:none;opacity:1}html.mobile-ux .mobile-controls.building .mobile-spells,html.mobile-ux .crosshair{display:none}html.mobile-ux .context-action{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 174px);min-width:0;width:min(360px,calc(100% - 82px));min-height:48px;padding:7px 9px;grid-template-columns:1fr auto;border-radius:7px}html.mobile-ux .context-action>kbd{display:none}html.mobile-ux .context-action b{font-size:8px}html.mobile-ux .context-action small,html.mobile-ux .context-action em{font-size:7px}html.mobile-ux .build-tray{z-index:42;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)));max-height:min(242px,calc(100dvh - max(10px,env(safe-area-inset-top)) - 150px));padding:10px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#0c1914fb,#040a08fb)}html.mobile-ux .build-tray header{padding-bottom:8px}html.mobile-ux .build-tray h3{font-size:12px}html.mobile-ux .build-tray header .panel-kicker{display:none}html.mobile-ux .build-tabs{display:flex;gap:4px;margin-bottom:6px;overflow-x:auto;scrollbar-width:none}html.mobile-ux .build-tabs::-webkit-scrollbar{display:none}html.mobile-ux .build-tab{flex:0 0 auto;min-width:76px;min-height:31px;padding:4px 6px;grid-template-columns:17px 1fr auto;gap:3px}html.mobile-ux .build-tab i{width:17px;height:17px;font-size:13px}html.mobile-ux .build-tab span{font-size:6px}html.mobile-ux .build-tab small{min-width:15px;height:15px;font-size:6px}html.mobile-ux .build-list{max-height:108px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}html.mobile-ux .build-card{height:70px;padding:7px}html.mobile-ux .build-card>kbd{display:none}html.mobile-ux .build-card>i{top:4px;right:5px;width:31px;height:31px;font-size:21px}html.mobile-ux .build-card b{font-size:8px}html.mobile-ux .build-card span{display:none}html.mobile-ux .build-card small{font-size:6px}html.mobile-ux .build-tray footer>span{display:none}html.mobile-ux .build-tray footer{justify-content:center;padding-top:8px}html.mobile-ux .build-tray footer strong{display:block;color:#a89e88;font-size:7px;font-weight:500;letter-spacing:.04em}html.mobile-ux .build-hint{z-index:43;top:calc(max(6px,env(safe-area-inset-top)) + 132px);bottom:auto;width:min(270px,calc(100% - 88px));border-radius:4px}html.mobile-ux .modal-backdrop{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:end}html.mobile-ux .school-modal,html.mobile-ux .grimoire-modal,html.mobile-ux .result-card,html.mobile-ux .multiplayer-modal{width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));padding:22px 18px max(20px,env(safe-area-inset-bottom));border-radius:15px 15px 6px 6px;overflow-y:auto}html.mobile-ux .school-modal h2,html.mobile-ux .grimoire-modal h2,html.mobile-ux .result-card h2,html.mobile-ux .multiplayer-modal h2{font-size:24px}html.mobile-ux .school-modal>p,html.mobile-ux .grimoire-modal>p,html.mobile-ux .result-card>p,html.mobile-ux .multiplayer-modal>p{font-size:10px}html.mobile-ux .school-grid{grid-template-columns:1fr;gap:7px;margin-top:16px;max-height:none;overflow:visible}html.mobile-ux .school-card{min-height:112px;padding:13px 14px;display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center}html.mobile-ux .school-card>i{grid-row:1 / 4;width:42px;height:42px;margin:0;font-size:19px}html.mobile-ux .school-card span b{font-size:18px}html.mobile-ux .school-card p{min-height:0;margin:4px 0;font-size:9px}html.mobile-ux .school-card em{font-size:7px}html.mobile-ux .research-layout{grid-template-columns:1fr;margin-top:15px}html.mobile-ux .research-sigil{display:none}html.mobile-ux .research-item{min-height:64px;padding:10px}html.mobile-ux .research-item{grid-template-columns:34px 1fr auto}html.mobile-ux .research-item .research-art{width:34px;height:34px}html.mobile-ux .join-room{grid-template-columns:1fr 110px}html.mobile-ux .multiplayer-setup input,html.mobile-ux .join-room input{font-size:16px}html.mobile-ux .lobby-roster{grid-template-columns:1fr}html.mobile-ux .toast{top:calc(max(6px,env(safe-area-inset-top)) + 132px);width:max-content;max-width:calc(100% - 24px);padding:8px 12px;text-align:center;font-size:8px}html.mobile-ux .pause-screen{padding:24px;font-size:27px;pointer-events:auto}html.mobile-ux .pause-screen small{display:none}html.mobile-ux .pause-screen button{display:block}@keyframes mobile-tip{0%,55%{opacity:1}to{opacity:0}}@media(orientation:landscape)and (max-height:560px){.loading-screen{padding:10px}.loading-card{width:min(560px,calc(100vw - 20px));padding:0 26px 18px}.loading-banner{height:92px;margin:0 -26px 28px}.loading-banner-crest{width:48px;height:48px;bottom:-21px}.loading-card h1{margin:4px 0 10px;font-size:27px}.loading-card>p{margin-bottom:8px}.loading-meta{min-height:22px;margin-top:6px}.loading-screen>small{display:none}html.mobile-ux .title-screen{align-items:center;padding:max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}html.mobile-ux .title-copy{width:min(55%,470px)}html.mobile-ux .title-copy h1 span{font-size:clamp(42px,8vw,68px)}html.mobile-ux .title-copy h1 small{font-size:clamp(14px,2.7vw,21px)}html.mobile-ux .title-deck{font-size:11px;line-height:1.4}html.mobile-ux .title-actions{flex-direction:row;margin-top:13px}html.mobile-ux .title-actions .primary-cta,html.mobile-ux .title-actions .secondary-cta{min-height:45px;padding-block:10px}html.mobile-ux .mobile-title-meta{margin-top:10px;font-size:7px}html.mobile-ux .objective-panel{min-height:52px;padding-block:7px}html.mobile-ux .objective-panel p{-webkit-line-clamp:1;margin-bottom:5px}html.mobile-ux .toast{top:calc(max(6px,env(safe-area-inset-top)) + 116px)}html.mobile-ux .mobile-movement{width:92px}html.mobile-ux .mobile-move-stick{width:88px;height:88px}html.mobile-ux .mobile-move-knob{width:42px;height:42px;margin:-21px}html.mobile-ux .mobile-blink,html.mobile-ux .mobile-nova{width:48px;height:48px}html.mobile-ux .mobile-blink{margin-bottom:44px}html.mobile-ux .mobile-nova{margin-left:-56px}html.mobile-ux .mobile-primary{width:76px;height:76px}html.mobile-ux .mage-vitals{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 96px)}html.mobile-ux .mobile-world-tip,html.mobile-ux .context-action{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 142px)}html.mobile-ux .build-tray{bottom:max(6px,env(safe-area-inset-bottom));max-height:160px;padding-block:7px}html.mobile-ux .build-tray header{display:none}html.mobile-ux .build-tabs{margin-bottom:4px}html.mobile-ux .build-list{max-height:68px}html.mobile-ux .build-tray footer{display:none}html.mobile-ux .build-list{grid-template-columns:repeat(6,minmax(0,1fr))}html.mobile-ux .build-card{height:62px}html.mobile-ux .school-modal,html.mobile-ux .grimoire-modal,html.mobile-ux .result-card,html.mobile-ux .multiplayer-modal{max-width:min(740px,calc(100% - 20px));padding-block:16px}html.mobile-ux .school-grid{grid-template-columns:repeat(3,1fr)}html.mobile-ux .school-card{min-height:160px;display:block;padding:13px}html.mobile-ux .school-card>i{width:36px;height:36px;margin-bottom:7px}html.mobile-ux .school-card span b{font-size:16px}}