: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}.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}.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}.mark-rune{width:35px;height:35px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(85,217,210,.45);transform:rotate(45deg);font-family:Cinzel,serif;font-weight:700}.mark-rune:first-letter{transform:rotate(-45deg)}.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;font-size:20px;color:var(--gold);text-align:center;filter:drop-shadow(0 0 8px rgba(216,182,109,.3))}.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>span{grid-row:1 / 3;color:var(--cyan);font-size:22px}.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:6px;left:7px}.spell-orb{width:35px;height:35px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:17px;margin-left:8px}.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:5px;left:6px}.hammer{color:var(--gold);font-size:26px;margin-left:8px}.build-tray{position:absolute;left:50%;bottom:118px;transform:translate(-50%);width:min(790px,calc(100vw - 36px));padding:14px;pointer-events:auto;animation:tray-in .22s both}.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-list{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.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;filter:grayscale(.5)}.build-card>i{position:absolute;right:8px;top:7px;color:var(--gold);font-size:27px;font-style:normal;opacity:.8}.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:232px;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}.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 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-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:1fr auto;gap:10px;align-items:center;padding:12px 14px;cursor:pointer;text-align:left}.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)}.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(max-width:760px){.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-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 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}}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 .mark-rune{width:25px;height:25px;font-size:10px}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{font-size:12px;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 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 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 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(232px,calc(100dvh - max(10px,env(safe-area-inset-top)) - 150px));padding:10px;overflow-y:auto;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-list{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:6px;right:7px;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 .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){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:132px}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}}