:root{--night:#0b0e1a;--ink:#f3ebdd;--ink-2:#d9cfe6;--muted:#b9afc9;--faint:#9d93b3;--gold:#e8c872;--gold-hi:#f6e7bf;--verdigris:#5fd3b5;--ember:#ff7a4d;--ember-ink:#ffd2bf;--violet:#c9a0ff;--sky:#8fd8ff;--moss:#b8d98a;--deep:#4fd1d9;--root:#f0b26a;--heart:#f08a8a;--glass:#0e0c20c2;--glass-line:#f3ebdd1f;--display:"IM Fell English SC", "Iowan Old Style", serif;--serif:"IM Fell English", "Iowan Old Style", serif;--sans:"Alegreya Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}body{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--gold)}a:hover{color:#fff1c4}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#world{display:none}.boot{z-index:50;background:radial-gradient(ellipse at 50% 40%, #1c1440, var(--night) 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .8s;display:flex;position:fixed;inset:0}.boot.gone{opacity:0;pointer-events:none}.boot-word{font-family:var(--display);letter-spacing:.12em;color:var(--gold-hi);margin:0;font-size:44px}.boot-step{font-family:var(--serif);color:var(--muted);margin:0;font-style:italic}#app{position:fixed;inset:0}.screen{position:absolute;inset:0;overflow:hidden}.screen.scrolls{overflow-y:auto}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.hud{z-index:2;pointer-events:none;flex-direction:column;gap:12px;height:100%;padding:12px clamp(12px,2vw,24px);display:flex;position:relative}.hud>*{pointer-events:auto}.hud .through{pointer-events:none}.hud .through>*{pointer-events:auto}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--glass-line);border-radius:18px}.cols{flex-wrap:wrap;flex:1 1 0;justify-content:space-between;align-items:flex-start;gap:12px;min-height:0;display:flex;overflow:hidden}.col-l{flex-direction:column;flex:0 310px;gap:10px;min-width:260px;max-height:100%;display:flex}.col-r{scrollbar-width:thin;scrollbar-color:#e8c87259 transparent;flex-direction:column;flex:0 370px;gap:12px;min-width:280px;max-height:100%;display:flex;overflow:auto}.scroll-y{scrollbar-width:thin;scrollbar-color:#e8c87259 transparent;min-height:0;overflow-y:auto}.eyebrow{font:500 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--verdigris);margin:0}.label{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.display{font-family:var(--display);color:var(--gold-hi);margin:0;font-weight:400;line-height:1.05}.italic{font-family:var(--serif);color:var(--muted);font-style:italic}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.faint{color:var(--faint)}h2.display{font-size:22px}p{line-height:1.5}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px 8px 14px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;min-height:44px;text-decoration:none;display:flex}.brand b{font-family:var(--display);letter-spacing:.1em;font-size:22px;font-weight:400}.brand small{font:400 11px var(--mono);color:var(--muted);display:block}.nav{flex-wrap:wrap;gap:2px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;align-items:center;min-height:40px;padding:0 11px;font-size:15px;text-decoration:none;display:inline-flex}.nav a:hover{color:#fff6dc;background:#e8c8721f}.nav a.on{color:var(--gold-hi);background:#e8c87229}.link-dot{background:var(--faint);border-radius:50%;width:8px;height:8px;display:inline-block}.link-dot.live{background:var(--verdigris);box-shadow:0 0 10px var(--verdigris)}.link-dot.down{background:var(--ember)}.meters{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.meter{border:1px solid;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-width:96px;padding:6px 12px;display:flex}.meter .k{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;gap:10px;display:flex}.meter .k span:last-child{letter-spacing:0;color:var(--ink-2)}.meter .v{font-family:var(--display);font-size:22px;line-height:1.1}.meter .v small{font:400 12px var(--sans);color:var(--muted)}.bar{background:#ffffff14;border-radius:99px;height:7px;display:block;overflow:hidden}.bar>i{border-radius:99px;height:100%;transition:width .4s;display:block}.m-alpha{background:#e8c87214;border-color:#e8c87240}.m-alpha .k{color:var(--gold)}.m-root{background:#f0b26a12;border-color:#f0b26a40}.m-root .k{color:var(--root)}.m-root.risk{background:#ff7a4d24;border-color:#ff7a4d99}.m-mana{background:#8fd8ff12;border-color:#8fd8ff40;min-width:170px}.m-mana .k{color:var(--sky)}.m-breath{background:#5fd3b512;border-color:#5fd3b540;min-width:130px}.m-breath .k{color:var(--verdigris)}.m-ward{background:#c9a0ff14;border-color:#c9a0ff40}.m-ward .k{color:var(--violet)}.btn{min-height:44px;color:var(--ink);font:500 16px var(--sans);background:#ffffff0a;border:1px solid #f3ebdd38;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:transform .15s,box-shadow .2s,background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:#e8c87299;transform:translateY(-1px)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#1a1024;font-weight:700}.btn.ember{background:var(--ember);border-color:var(--ember);color:#1a0c10;font-weight:700}.btn.ember:hover:not(:disabled){box-shadow:0 8px 30px #ff7a4d66}.btn.ghost{background:0 0}.btn.small{min-height:36px;padding:0 12px;font-size:14px}.btn.block{width:100%}.btn .cost{font:400 11px var(--mono);color:var(--verdigris)}.btn.gold .cost,.btn.ember .cost{color:#0009}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:1px solid #f3ebdd38;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:8px;display:flex}.rites{border-radius:22px;flex-wrap:wrap;justify-content:center;align-self:center;gap:8px;max-width:100%;padding:10px;display:flex}.rite{min-width:112px;min-height:64px;color:var(--ink);background:#ffffff08;border:1px solid #f3ebdd29;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 14px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:flex}.rite:hover:not(:disabled){background:#e8c8721f;border-color:#e8c872b3;transform:translateY(-2px)}.rite b{font-family:var(--display);font-size:19px;font-weight:400}.rite small{font:400 11px var(--mono);color:var(--muted)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:34px;color:var(--ink);font:500 13px var(--sans);background:0 0;border:1px solid #f3ebdd2e;border-radius:999px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.chip.on{border-color:var(--gold);background:#e8c8721a}.chip .n{color:var(--faint)}.gem{border-radius:2px;flex:none;width:9px;height:9px;display:inline-block;transform:rotate(45deg)}.list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.item{width:100%;min-height:48px;color:var(--ink);text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;transition:background .15s;display:flex}.item:hover:not(:disabled){background:#f3ebdd12}.item.on{background:#e8c8721a;border-color:#e8c872b3}.item.mark{background:#ff7a4d1f;border-color:#ff7a4dcc}.item .nm{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;display:block;overflow:hidden}.item .sub{color:var(--faint);font-size:12px;display:block}.item .l{align-items:center;gap:10px;min-width:0;display:flex}.hearts{font:400 13px var(--mono);color:var(--heart);letter-spacing:1px;white-space:nowrap}.empty{font-family:var(--serif);color:var(--muted);margin:0;font-size:17px;font-style:italic}dl.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:12px 0 0;font-size:14px;display:grid}dl.facts dt{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}dl.facts dd{overflow-wrap:anywhere;margin:2px 0 0}.chant{flex-direction:column;gap:4px;display:flex}.chant .top{justify-content:space-between;gap:8px;font-size:14px;display:flex}.chant .bar>i{animation:1.2s infinite pulse}.chron li{gap:10px;font-size:14px;line-height:1.35;display:flex}.chron .when{font:400 11px var(--mono);color:var(--faint);flex:none;min-width:56px;padding-top:2px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.veil{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06061099;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scroll{background:linear-gradient(#1c1634fa,#0e0c1efa);border:1px solid #e8c87273;border-radius:22px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:28px;animation:.35s both rise;overflow:auto;box-shadow:0 30px 120px #0009}.scroll.wide{max-width:900px}.scroll h2{font-family:var(--display);color:var(--gold-hi);margin:0;font-size:32px;font-weight:400}.scroll p{color:var(--ink-2)}.field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.field label{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.field input,.field textarea,.field select{min-height:44px;color:var(--ink);background:#00000047;border:1px solid #f3ebdd33;border-radius:12px;padding:10px 12px;font-size:16px}.field textarea{min-height:96px;font-family:var(--mono);resize:vertical;font-size:14px}.choice{width:100%;min-height:60px;color:var(--ink);text-align:left;background:#ffffff08;border:1px solid #f3ebdd33;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:17px;display:flex}.choice:hover:not(:disabled){border-color:var(--gold);background:#e8c87214}.choice.on{border-color:var(--gold);background:#e8c8721a}.choice small{color:var(--muted);font-size:14px;display:block}.words{font:400 14px var(--mono);background:#0000004d;border:1px dashed #e8c87259;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding:12px;display:grid}.words span i{color:var(--faint);margin-right:6px;font-style:normal}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.card-btn{color:var(--ink);text-align:left;background:#ffffff08;border:1px solid #f3ebdd24;border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;padding:12px 14px;display:flex}.card-btn:hover:not(:disabled){background:#e8c87214;border-color:#e8c872b3}.card-btn b{font-family:var(--display);color:var(--gold-hi);font-size:20px;font-weight:400}.card-btn .why{color:#ffbfa6;font-size:12.5px}#heralds{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(560px,100% - 32px);display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%)}.herald{pointer-events:auto;color:var(--ink);opacity:0;background:#141028f0;border:1px solid #e8c87280;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:15px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(-8px)}.herald.on{opacity:1;transform:none}.herald.enemy{color:var(--ember-ink);background:#280e14f0;border-color:#ff7a4db3}.herald.warn{border-color:#f0b26ab3}.herald.player{border-color:#5fd3b5b3}.herald button{color:var(--gold);background:0 0;border:0;min-height:32px;font-weight:700}.gate-main{z-index:2;max-width:640px;padding-right:16px;position:absolute;top:50%;left:clamp(16px,6vw,96px);transform:translateY(-50%)}.gate-title{font-family:var(--display);color:var(--gold-hi);text-shadow:0 0 60px #e8c87259;margin:0;font-size:clamp(64px,11vw,148px);font-weight:400;line-height:.9}.gate-shade{z-index:1;pointer-events:none;background:radial-gradient(at 22%,#080816c7 0%,#08081659 38%,#08081600 62%);position:absolute;inset:0}.marquee{width:100%;overflow:hidden}.marquee>div{white-space:nowrap;width:max-content;font-family:var(--serif);color:var(--ink-2);gap:34px;font-size:18px;animation:120s linear infinite drift;display:flex}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.gate-foot{z-index:2;background:linear-gradient(#08081400,#080814d9);padding:14px 0 18px;position:absolute;bottom:0;left:0;right:0}.codex{max-width:1180px;margin:0 auto;padding:32px clamp(16px,3vw,40px) 80px}.table-box{background:#ffffff05;border:1px solid #f3ebdd1a;border-radius:16px;margin-top:16px;overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:16px}table.t th{text-align:left;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-bottom:1px solid #e8c87259;padding:10px 14px}table.t td{vertical-align:top;border-bottom:1px solid #f3ebdd14;padding:10px 14px}table.t td.f{font-family:var(--serif);color:var(--gold-hi);white-space:nowrap;font-size:18px}table.t td.code{font:500 13px var(--mono);color:var(--verdigris);white-space:nowrap}@media (max-width:720px){body{overflow:auto}#app{min-height:100%;position:absolute}.screen{min-height:100vh;position:relative}.hud{height:auto;min-height:100%}.cols{overflow:visible}.col-l,.col-r{flex-basis:100%;max-height:none}.meter{flex:40%;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.path{z-index:35;border-color:#e8c87266;border-radius:20px;gap:12px;width:min(360px,100vw - 32px);padding:12px 14px 14px 12px;animation:.8s backwards rise;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 18px 60px #00000073,0 0 0 1px #e8c87214}.path.min{align-items:center;width:auto;padding:6px 8px 6px 6px}.path.min .path-portrait,.path.min .path-owl{width:44px;height:44px}.path.min .path-name{display:none}.path-portrait{flex-direction:column;flex:none;align-items:center;width:76px;height:92px;display:flex;position:relative}.path-owl{background:radial-gradient(circle at 50% 40%,#e8c87238,#140e28e6 70%);border-radius:50%;width:76px;height:76px;box-shadow:inset 0 0 0 1px #e8c87259}.path-name{font-family:var(--display);color:var(--gold-hi);letter-spacing:.06em;margin-top:2px;font-size:14px}.path-body{flex:1;min-width:0}.path-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.path-say{font-family:var(--serif);color:var(--ink);min-height:66px;margin:8px 0 0;font-size:15.5px;font-style:italic;line-height:1.45}.path-steps{gap:3px;margin-top:8px;display:flex}.path-steps i{background:#f3ebdd1f;border-radius:4px;flex:1;height:4px}.path-steps i.on{background:var(--gold);box-shadow:0 0 8px #e8c872b3}.path-steps i.cur{background:#e8c87273;animation:1.4s infinite pulse}.path-pill{min-height:40px;color:var(--gold-hi);font:500 14px var(--sans);background:0 0;border:1px solid #e8c87266;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.path-burst{pointer-events:none;position:absolute;top:46px;left:50px}.path-burst i{background:#ffe7a0;border-radius:50%;width:6px;height:6px;animation:1.3s cubic-bezier(.15,.8,.3,1) forwards burst;position:absolute;box-shadow:0 0 10px #ffd27a}@keyframes burst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@keyframes tutglow{0%,to{box-shadow:0 0 #e8c87200,0 0 18px #e8c87259}50%{box-shadow:0 0 0 8px #e8c8722e,0 0 36px #e8c872b3}}.prologue{z-index:70;cursor:pointer;background:radial-gradient(at 50% 55%,#06061240,#060612d1 75%);outline:none;justify-content:center;align-items:center;padding:24px;transition:opacity .9s;display:flex;position:fixed;inset:0}.prologue.gone{opacity:0;pointer-events:none}.prologue.asking{cursor:default}.pro-center{text-align:center;max-width:880px}.pro-line{font-family:var(--serif);color:var(--gold-hi);text-shadow:0 0 40px #e8c87259,0 2px 18px #000c;margin:0;font-size:clamp(28px,4.4vw,54px);line-height:1.2}.pro-small{min-height:1.4em;font-family:var(--serif);color:var(--ink-2);text-shadow:0 2px 14px #000c;margin:18px 0 0;font-size:clamp(18px,2vw,24px);font-style:italic}.beat-in .pro-line{animation:1.6s cubic-bezier(.2,.7,.2,1) both proIn}.beat-in .pro-small{animation:1.6s cubic-bezier(.2,.7,.2,1) .9s both proIn}@keyframes proIn{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.pro-choice{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.pro-choice:empty{display:none}.pro-dots{gap:8px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.pro-dots i{background:#f3ebdd40;border-radius:50%;width:7px;height:7px;transition:background .6s}.pro-dots i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.pro-skip{position:absolute;top:20px;right:20px}@media (max-width:720px){.path{width:auto;bottom:8px;left:8px;right:8px}}.gate-main,.gate-foot,.topbar,.path{transition:opacity 1.2s}body.in-prologue .gate-main,body.in-prologue .gate-foot,body.in-prologue .topbar,body.in-prologue .path,body.in-prologue .gate-shade{opacity:0;pointer-events:none}@media (min-width:721px){body.has-path .hud>.rites{align-self:flex-end}body.has-path .col-l{min-height:170px}}.proclaim{z-index:80;opacity:0;pointer-events:none;text-align:center;background:radial-gradient(at 50% 40%,#281a0aeb,#0c0814e6);border:1px solid #e8c8728c;border-radius:24px;max-width:calc(100vw - 32px);padding:26px 48px;transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1);position:fixed;top:22%;left:50%;transform:translate(-50%,12px)scale(.98);box-shadow:0 30px 120px #0009,0 0 80px #e8c87240}.proclaim.on{opacity:1;transform:translate(-50%)scale(1)}.proclaim.ember{background:radial-gradient(at 50% 40%,#3c120ef0,#0e0812eb);border-color:#ff7a4d99;box-shadow:0 30px 120px #0009,0 0 80px #ff7a4d40}.proclaim-title{font-family:var(--display);color:var(--gold-hi);text-shadow:0 0 40px #e8c87273;margin:0;font-size:clamp(40px,6vw,72px)}.proclaim.ember .proclaim-title{color:#ffd2bf;text-shadow:0 0 40px #ff7a4d73}.proclaim-line{font-family:var(--serif);color:var(--ink);margin:10px 0 0;font-size:clamp(17px,2vw,22px);font-style:italic}.gate-hud{height:auto;min-height:0;position:absolute;inset:0 0 auto}@media (max-width:720px){.gate-hud{position:relative}.gate-main{max-width:none;padding:18px 16px 24px;position:relative;top:auto;left:auto;transform:none}.gate-shade{background:linear-gradient(#0808168c,#08081640 50%,#080816b3)}.gate-foot{padding-bottom:80px;position:relative}.cols{flex:none}.col-l,.col-r{min-width:0}.rites{align-self:stretch}.rite{flex:30%;min-width:0}.topbar{gap:6px}.nav a{padding:0 9px;font-size:14px}.path:not(.min){max-height:46vh;overflow-y:auto}}:root{--gilt:#e8c87242;--gilt-hi:#f6e7bf80;--corner-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none' stroke='%23e8c872' stroke-linecap='round'%3E%3Cg transform='rotate%280 15 15%29'%3E%3Cpath d='M3.5 23 V10 Q3.5 3.5 10 3.5 H23' stroke-width='1.3' opacity='.85'/%3E%3Cpath d='M7.5 17 V11.5 Q7.5 7.5 11.5 7.5 H17' stroke-width='.9' opacity='.45'/%3E%3Cpath d='M3.5 26.5 l0 .01 M26.5 3.5 l.01 0' stroke-width='2.4'/%3E%3Crect x='2.3' y='2.3' width='2.4' height='2.4' transform='rotate%2845 3.5 3.5%29' fill='%23e8c872' stroke='none' opacity='.9'/%3E%3C/g%3E%3C/svg%3E");--corner-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none' stroke='%23e8c872' stroke-linecap='round'%3E%3Cg transform='rotate%2890 15 15%29'%3E%3Cpath d='M3.5 23 V10 Q3.5 3.5 10 3.5 H23' stroke-width='1.3' opacity='.85'/%3E%3Cpath d='M7.5 17 V11.5 Q7.5 7.5 11.5 7.5 H17' stroke-width='.9' opacity='.45'/%3E%3Cpath d='M3.5 26.5 l0 .01 M26.5 3.5 l.01 0' stroke-width='2.4'/%3E%3Crect x='2.3' y='2.3' width='2.4' height='2.4' transform='rotate%2845 3.5 3.5%29' fill='%23e8c872' stroke='none' opacity='.9'/%3E%3C/g%3E%3C/svg%3E");--corner-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none' stroke='%23e8c872' stroke-linecap='round'%3E%3Cg transform='rotate%28180 15 15%29'%3E%3Cpath d='M3.5 23 V10 Q3.5 3.5 10 3.5 H23' stroke-width='1.3' opacity='.85'/%3E%3Cpath d='M7.5 17 V11.5 Q7.5 7.5 11.5 7.5 H17' stroke-width='.9' opacity='.45'/%3E%3Cpath d='M3.5 26.5 l0 .01 M26.5 3.5 l.01 0' stroke-width='2.4'/%3E%3Crect x='2.3' y='2.3' width='2.4' height='2.4' transform='rotate%2845 3.5 3.5%29' fill='%23e8c872' stroke='none' opacity='.9'/%3E%3C/g%3E%3C/svg%3E");--corner-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none' stroke='%23e8c872' stroke-linecap='round'%3E%3Cg transform='rotate%28270 15 15%29'%3E%3Cpath d='M3.5 23 V10 Q3.5 3.5 10 3.5 H23' stroke-width='1.3' opacity='.85'/%3E%3Cpath d='M7.5 17 V11.5 Q7.5 7.5 11.5 7.5 H17' stroke-width='.9' opacity='.45'/%3E%3Cpath d='M3.5 26.5 l0 .01 M26.5 3.5 l.01 0' stroke-width='2.4'/%3E%3Crect x='2.3' y='2.3' width='2.4' height='2.4' transform='rotate%2845 3.5 3.5%29' fill='%23e8c872' stroke='none' opacity='.9'/%3E%3C/g%3E%3C/svg%3E");--rule:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10' viewBox='0 0 120 10' fill='none' stroke='%23e8c872'%3E%3Cpath d='M2 5 H50 M70 5 H118' stroke-width='.8' opacity='.6'/%3E%3Cpath d='M60 1 L64 5 L60 9 L56 5 Z' fill='%23e8c872' stroke='none'/%3E%3Cpath d='M50 5 l3 -2 l0 4 z M70 5 l-3 -2 l0 4 z' fill='%23e8c872' stroke='none' opacity='.8'/%3E%3C/svg%3E")}.glass{border-color:var(--gilt);background:var(--corner-tl) left 4px top 4px / 30px 30px no-repeat, var(--corner-tr) right 4px top 4px / 30px 30px no-repeat, var(--corner-br) right 4px bottom 4px / 30px 30px no-repeat, var(--corner-bl) left 4px bottom 4px / 30px 30px no-repeat, radial-gradient(120% 60% at 50% 0%, #e8c87212, transparent 60%), linear-gradient(180deg, #1e183ad1, #0d0b1ccc 55%, #0a0916db);border-radius:14px;box-shadow:inset 0 1px #fff0c817,inset 0 -1px #00000059,0 20px 60px #03020a73}.topbar.glass,.rites.glass{border-radius:18px}.panel{padding:16px 18px}h2.display{letter-spacing:.02em}.panel>h2.display:first-child,.panel>.row:first-child h2.display{background:var(--rule) left bottom / 120px 10px no-repeat;padding-bottom:10px}.brand svg{filter:drop-shadow(0 0 8px #e8c8728c)}.brand b{background:linear-gradient(#fff3cf,#e8c872 70%,#b88a3a);color:#0000;-webkit-background-clip:text;background-clip:text}.nav a{letter-spacing:.01em;position:relative}.nav a.on{background:linear-gradient(#e8c87233,#e8c87214);box-shadow:inset 0 0 0 1px #e8c87259}.nav a.on:after{content:"";background:var(--gold);width:5px;height:5px;box-shadow:0 0 8px var(--gold);margin-left:-2.5px;position:absolute;bottom:3px;left:50%;transform:rotate(45deg)}.btn{background:linear-gradient(#ffffff12,#ffffff04);border-color:#e8c8724d;box-shadow:inset 0 1px #ffffff0f}.btn:hover:not(:disabled){border-color:#e8c872bf;box-shadow:inset 0 1px #ffffff14,0 0 22px #e8c8722e}.btn.gold{color:#22140a;text-shadow:0 1px #fff4d28c;background:linear-gradient(#fff0c2 0%,#ecc96f 42%,#c9963f 100%);border-color:#f6dc94;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #6e461459,0 8px 26px #e8c87247}.btn.gold:hover:not(:disabled){box-shadow:inset 0 1px #fffc,inset 0 -2px #6e46144d,0 0 0 1px #f6dc94,0 12px 40px #e8c87273}.btn.ember{color:#22090a;background:linear-gradient(#ffc2a0 0%,#ff8a5a 45%,#d8552e 100%);border-color:#ffb08a;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #6e1e0a59,0 8px 26px #ff7a4d4d}.icon-btn{background:radial-gradient(circle at 50% 30%,#e8c8721f,#0000 70%);border-color:#e8c8724d}.chip{border-color:#e8c87238}.chip.on{background:linear-gradient(#e8c87233,#e8c8720f)}.rites{gap:10px;padding:12px}.rite{background:linear-gradient(#ffffff0b,#ffffff03);border-color:#e8c87229;border-radius:12px;gap:3px;min-width:118px;min-height:84px;padding:10px 14px 9px;position:relative;box-shadow:inset 0 1px #ffffff0d}.rite-mark{filter:drop-shadow(0 0 6px);background:radial-gradient(circle,#ffffff12,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .25s,filter .25s;display:inline-flex}.rite:hover:not(:disabled){background:linear-gradient(#e8c87229,#e8c8720a)}.rite:hover:not(:disabled) .rite-mark{filter:drop-shadow(0 0 10px);transform:translateY(-1px)scale(1.08)}.rite b{letter-spacing:.02em;font-size:18px}.meter{border-radius:12px;box-shadow:inset 0 1px #ffffff0d}.meter .k>span:first-child{align-items:center;gap:5px;display:inline-flex}.meter .k .glyph{filter:drop-shadow(0 0 4px);flex:none}.meter .v{text-shadow:0 0 18px #e8c87240}.bar{background:#00000059;height:6px;box-shadow:inset 0 0 0 1px #ffffff0f}.bar>i{box-shadow:0 0 8px #ffffff2e;background-image:linear-gradient(#ffffff59,#0000 60%)!important}.item{border-radius:10px}.item.on{box-shadow:inset 2px 0 0 var(--gold);background:linear-gradient(90deg,#e8c87229,#e8c8720a);border-color:#e8c87273}.gem{box-shadow:0 0 8px}.scroll{background:var(--corner-tl) left 6px top 6px / 34px 34px no-repeat, var(--corner-tr) right 6px top 6px / 34px 34px no-repeat, var(--corner-br) right 6px bottom 6px / 34px 34px no-repeat, var(--corner-bl) left 6px bottom 6px / 34px 34px no-repeat, radial-gradient(100% 50% at 50% 0%, #e8c8721a, transparent 60%), linear-gradient(180deg, #1e1838fb, #0c0a1afb);border-color:#e8c87266;border-radius:18px}.scroll h2{background:var(--rule) left bottom / 120px 10px no-repeat;padding-bottom:12px}.herald{background:linear-gradient(#1e1834f5,#100d20f5);border-radius:12px;box-shadow:0 12px 40px #00000073,inset 0 1px #fff0c814}.herald:before{content:"";width:7px;height:7px;color:var(--gold);box-shadow:0 0 8px var(--gold);background:currentColor;flex:none;transform:rotate(45deg)}.herald.enemy:before{background:var(--ember);box-shadow:0 0 8px var(--ember)}.herald.player:before{background:var(--verdigris);box-shadow:0 0 8px var(--verdigris)}.path-owl{background:radial-gradient(circle at 50% 38%,#f6e7bf4d,#3c2e648c 48%,#0e0a1ef2 72%);box-shadow:inset 0 0 0 1px #e8c87280,0 0 0 3px #0b0e1ae6,0 0 0 4px #e8c87240,0 0 24px #e8c87240}.path-steps i.on{background:linear-gradient(90deg,#f6e7bf,#e8c872)}.boot{background:radial-gradient(ellipse at 50% 42%, #251a52, #0e0c22 55%, var(--night) 80%)}.boot svg{filter:drop-shadow(0 0 14px #e8c87299)}.boot svg path{stroke-dasharray:140;stroke-dashoffset:140px;animation:1.4s cubic-bezier(.6,.1,.3,1) forwards sigilDraw}.boot svg path:nth-child(2){animation-delay:.25s}.boot svg path:nth-child(3){fill-opacity:0;animation:1.2s cubic-bezier(.6,.1,.3,1) .5s forwards sigilDraw,.8s 1.3s forwards sigilFill}.boot-word{background:linear-gradient(#fff3cf,#e8c872 70%,#b88a3a);color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.1s cubic-bezier(.2,.7,.2,1) .3s both rise}@keyframes sigilDraw{to{stroke-dashoffset:0}}@keyframes sigilFill{to{fill-opacity:1}}.gate-title{background:linear-gradient(#fff6da 0%,#f6e7bf 38%,#e8c872 72%,#b8873a 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 0 28px #e8c87259)drop-shadow(0 4px 10px #0009);-webkit-background-clip:text;background-clip:text}.gate-main .eyebrow{align-items:center;gap:12px;display:inline-flex}.gate-main .eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--verdigris));width:40px;height:1px}.prologue{background:radial-gradient(at 50% 55%,#0606122e,#060612c7 75%)}.prologue:before,.prologue:after{content:"";pointer-events:none;background:#050510;height:9vh;position:absolute;left:0;right:0}.prologue:before{top:0}.prologue:after{bottom:0}.pro-line{background:linear-gradient(#fff6da,#e8c872);color:#0000;text-shadow:none;filter:drop-shadow(0 2px 16px #000c)drop-shadow(0 0 30px #e8c8724d);-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){.boot svg path{stroke-dashoffset:0;fill-opacity:1}}.pro-dots,.pro-skip{z-index:2}.pro-center{z-index:1;position:relative}.codex-page{background:radial-gradient(1100px 560px at 75% -8%,#e8c8721a,#0000 62%),radial-gradient(900px 700px at -5% 30%,#5f50b41f,#0000 60%),#0d0b18!important}.codex-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.codex-wyrm{background:radial-gradient(circle at 50% 45%,#e8c87233,#281e508c 52%,#0d0b18e6 72%);border-radius:50%;width:280px;height:280px;box-shadow:inset 0 0 0 1px #e8c87266,0 0 0 6px #0d0b18,0 0 0 7px #e8c87240,0 0 60px #e8c8721f}.codex h2.display{background:var(--rule) left bottom / 120px 10px no-repeat;padding-bottom:14px}.codex .tale-first:first-letter{float:left;font-family:var(--display);background:linear-gradient(#fff3cf,#e8c872 60%,#b8873a);color:#0000;-webkit-background-clip:text;background-clip:text;padding:10px 14px 0 0;font-size:96px;line-height:.78}.codex .card-btn{background:var(--corner-tl) left 3px top 3px / 22px 22px no-repeat, var(--corner-br) right 3px bottom 3px / 22px 22px no-repeat, linear-gradient(180deg, #ffffff0b, #ffffff03);border-color:#e8c8722e}.table-box{background:linear-gradient(#1e183880,#0d0b1866);border-color:#e8c8722e}@media (max-width:720px){.codex-hero{grid-template-columns:1fr}.codex-wyrm{order:-1;justify-self:center;width:200px;height:200px}}.glass.row,.path.min,.glass[style*="999px"]{background:radial-gradient(120% 60% at 50% 0,#e8c87212,#0000 60%),linear-gradient(#1e183ad1,#0d0b1ccc 55%,#0a0916db)}@media (max-width:720px){.gate-main .eyebrow:before{display:none}}.gate-title{white-space:nowrap;padding-right:.06em;display:inline-block}.pro-line{padding:0 .1em}@media (max-width:720px){.gate-title{font-size:clamp(40px,14.5vw,64px)}}:root{--faint:#aaa1c2}.label{font-size:11.5px}.btn:disabled,.btn.gold:disabled,.btn.ember:disabled,.rite:disabled{opacity:1;color:var(--faint);box-shadow:none;text-shadow:none;filter:saturate(.25);cursor:not-allowed;background:#ffffff0a;border:1px solid #f3ebdd2e}.btn:disabled .cost,.btn.gold:disabled .cost,.btn.ember:disabled .cost{color:var(--faint)}button.item,button.card-btn,button.choice{cursor:pointer;position:relative}button.item:not(:disabled),button.choice:not(:disabled):not([role=radio]){padding-right:28px}button.item:not(:disabled):after,button.choice:not(:disabled):not([role=radio]):after{content:"›";font:400 20px/1 var(--sans);color:var(--faint);transition:transform .15s,color .15s;position:absolute;top:50%;right:10px;transform:translateY(-52%)}button.item:not(:disabled):hover:after,button.choice:not(:disabled):not([role=radio]):hover:after{color:var(--gold);transform:translate(3px,-52%)}button.item:not(:disabled):hover{border-color:#e8c87273}button.card-btn{transition:transform .15s,box-shadow .2s,border-color .15s,background .15s}button.card-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000059,0 0 0 1px #e8c87259}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.meter .v{font-family:var(--sans);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em;font-weight:700}.stage{background:radial-gradient(120% 70% at 50% 108%,#ffb07252,#0000 62%),linear-gradient(#070b24 0%,#18245a 36%,#5a4a8a 64%,#b07a92 82%,#3a3266 100%)}.stage canvas{opacity:0;transition:opacity .9s}.stage canvas.awake{opacity:1}.stage:after{content:"Waking the isle…";font:italic 400 20px var(--serif);letter-spacing:.03em;color:#f3ebddcc;text-shadow:0 2px 18px #00000080;pointer-events:none;transition:opacity .6s;animation:2.4s ease-in-out infinite wake-pulse;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.stage:has(canvas.awake):after{opacity:0;animation:none}@keyframes wake-pulse{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.stage canvas{transition:none}.stage:after{animation:none}}.screen.scrolls{background-color:#0a0b1e;background-attachment:scroll,scroll,local;background-image:radial-gradient(70% 40% at 50% 0,#5a4a8a47,#0000 70%),radial-gradient(60% 35% at 85% 100%,#f09a7a14,#0000 70%),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22260%22%3E%3Ccircle%20cx%3D%2284.2%22%20cy%3D%2239.2%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.21%22%2F%3E%3Ccircle%20cx%3D%22139.3%22%20cy%3D%2295.1%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.56%22%2F%3E%3Ccircle%20cx%3D%2255.8%22%20cy%3D%2222.3%22%20r%3D%220.9%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.21%22%2F%3E%3Ccircle%20cx%3D%2223.6%22%20cy%3D%22110.4%22%20r%3D%221.1%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.23%22%2F%3E%3Ccircle%20cx%3D%2258.0%22%20cy%3D%22163.1%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.42%22%2F%3E%3Ccircle%20cx%3D%22103.1%22%20cy%3D%22253.8%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%2234.6%22%20cy%3D%22109.0%22%20r%3D%221.1%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.23%22%2F%3E%3Ccircle%20cx%3D%2280.2%22%20cy%3D%22212.2%22%20r%3D%220.6%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.22%22%2F%3E%3Ccircle%20cx%3D%22148.5%22%20cy%3D%2248.8%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%2216.3%22%20cy%3D%2215.5%22%20r%3D%220.6%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.39%22%2F%3E%3Ccircle%20cx%3D%22138.2%22%20cy%3D%22202.1%22%20r%3D%220.9%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.43%22%2F%3E%3Ccircle%20cx%3D%22117.8%22%20cy%3D%2277.9%22%20r%3D%220.6%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2263.5%22%20cy%3D%22149.4%22%20r%3D%221.1%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.39%22%2F%3E%3Ccircle%20cx%3D%2289.3%22%20cy%3D%22116.7%22%20r%3D%221.1%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.59%22%2F%3E%3Ccircle%20cx%3D%2230.7%22%20cy%3D%22108.7%22%20r%3D%220.7%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.24%22%2F%3E%3Ccircle%20cx%3D%22127.1%22%20cy%3D%2210.2%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.50%22%2F%3E%3Ccircle%20cx%3D%22149.0%22%20cy%3D%22227.6%22%20r%3D%220.7%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.32%22%2F%3E%3Ccircle%20cx%3D%2291.0%22%20cy%3D%22129.1%22%20r%3D%220.9%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.21%22%2F%3E%3Ccircle%20cx%3D%2224.3%22%20cy%3D%2270.2%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.21%22%2F%3E%3Ccircle%20cx%3D%22182.4%22%20cy%3D%22168.3%22%20r%3D%220.9%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.30%22%2F%3E%3Ccircle%20cx%3D%22100.3%22%20cy%3D%22173.8%22%20r%3D%220.5%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%2292.4%22%20cy%3D%22158.8%22%20r%3D%220.9%22%20fill%3D%22%23f3ebdd%22%20fill-opacity%3D%220.20%22%2F%3E%3C%2Fsvg%3E)!important}.stepper{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto 8px;padding:5px 6px;list-style:none;display:flex}.stepper li{color:var(--faint);font:500 14px var(--sans);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 5px;display:flex}.stepper li+li:before{content:"›";color:#f3ebdd4d;margin:0 6px 0 -4px;font-size:16px}.stepper .n{width:22px;height:22px;font:700 12px var(--sans);font-variant-numeric:lining-nums;border:1px solid #f3ebdd4d;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.stepper li.done{color:var(--verdigris)}.stepper li.done .n{border-color:var(--verdigris);background:#5fd3b52e}.stepper li.now{color:var(--gold-hi);background:#e8c8721f;border-color:#e8c87280}.stepper li.now .n{background:var(--gold);border-color:var(--gold);color:#22140a}.stepper li.run{color:var(--ember-ink)}.stepper li.run .n{border-color:var(--ember);animation:1.6s ease-in-out infinite step-run}@keyframes step-run{0%,to{box-shadow:0 0 #ff7a4d80}50%{box-shadow:0 0 0 6px #ff7a4d00}}@media (max-width:720px){.stepper li:not(.now):not(.run) .t{display:none}.stepper li{padding-right:5px}}@media (prefers-reduced-motion:reduce){.stepper li.run .n{animation:none}}.herald-n{font:700 12px var(--sans);font-variant-numeric:lining-nums tabular-nums;color:var(--ink);background:#f3ebdd1f;border-radius:999px;flex:none;margin-right:2px;padding:1px 7px}.oath-steps{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000002e;margin:14px 0 4px}.oath-steps li{padding:3px 10px 3px 4px;font-size:13px}.oath-steps .n{width:20px;height:20px;font-size:11px}@media (max-width:520px){.oath-steps li:not(.now):not(.run) .t{display:none}}.field .rule{color:var(--faint);min-height:18px;margin:0;font-size:13px}.field .rule.bad{color:var(--ember-ink)}.field .rule.ok{color:var(--verdigris)}.field .row input{flex:1;min-width:0}.check{cursor:pointer;color:var(--ink);background:#e8c8720f;border:1px solid #e8c87259;border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin:0}.warn-line{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:14px;display:flex;color:var(--ember-ink)!important}.warn-line svg{flex:none}.linkish{color:var(--gold-hi);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.choice .rec{font:600 11px var(--sans);letter-spacing:.04em;color:var(--verdigris);background:#5fd3b51a;border:1px solid #5fd3b573;border-radius:999px;flex:none;padding:3px 9px}.sworn{justify-content:center;margin:18px 0 6px;display:flex}.sworn svg{filter:drop-shadow(0 0 14px #e8c872b3);animation:2.4s ease-in-out infinite sworn-glow}@keyframes sworn-glow{50%{filter:drop-shadow(0 0 26px #e8c872f2);transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.sworn svg{animation:none}}details.more{border-top:1px solid #f3ebdd1f;margin-top:18px;padding-top:12px}details.more summary{cursor:pointer;color:var(--muted);font-size:14px}.btn.nag{color:var(--ember-ink);background:#ff7a4d1a;border-color:#ff8a5ab3}.btn.nag[hidden]{display:none}@media (max-width:720px){.btn.nag .t{display:none}.btn.nag{padding:0 10px}}[hidden]{display:none!important}.path-say{min-height:0;font-size:15px}.path-do{color:var(--ink);background:#e8c87214;border:1px solid #e8c87240;border-radius:10px;align-items:baseline;gap:8px;margin:8px 0 0;padding:8px 10px;font-size:14.5px;line-height:1.4;display:flex}.path-do .k{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);flex:none}button.meter{font:inherit;color:inherit;text-align:left;cursor:help;transition:border-color .15s,transform .15s}button.meter:hover{border-color:#f3ebdd80;transform:translateY(-1px)}.gloss{z-index:60;background:#140f26f7;border:1px solid #e8c87273;border-radius:14px;width:min(300px,100vw - 16px);padding:12px 14px;animation:.18s ease-out rise;position:fixed;box-shadow:0 16px 50px #00000080}.gloss b{font-family:var(--display);color:var(--gold-hi);font-size:17px;font-weight:400}.gloss p{color:var(--ink);margin:6px 0 0;font-size:14px;line-height:1.45}.gloss p.more{color:var(--verdigris)}@media (min-width:721px){body[data-route=gate] .path{bottom:120px;left:auto;right:16px}}.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:560px;margin:42px 0 0;padding:0;list-style:none;display:grid}.how li{color:#cfc5dd;border-top:1px solid #e8c87266;flex-direction:column;gap:3px;padding-top:10px;font-size:14.5px;line-height:1.4;display:flex}.how .n{font:500 11px var(--mono);letter-spacing:.16em;color:var(--verdigris)}.how b{font-family:var(--display);color:var(--gold-hi);font-size:22px;font-weight:400}@media (max-width:720px){.topbar .brand{order:0}.topbar .bar-actions{order:1;margin-left:auto}.topbar .meters{flex-basis:100%;order:2}.topbar .nav{scrollbar-width:none;flex-wrap:nowrap;flex-basis:100%;order:3;margin:0 -4px;overflow-x:auto}.topbar .nav::-webkit-scrollbar{display:none}.topbar .nav a{flex:none}.brand b{font-size:18px}.brand svg{width:28px;height:28px}.gate-shade{background:linear-gradient(#080816b8,#08081699 55%,#080816d1)}.how{grid-template-columns:1fr;gap:10px;margin-top:30px}.how li{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;display:grid}.how li .n{grid-row:span 2}.topbar .bar-actions .btn.small{padding:0 10px;font-size:13.5px}.topbar .bar-actions .btn.small>svg:first-child{display:none}.topbar .bar-actions .btn.nag>svg{display:inline}}.warn-line{flex-wrap:nowrap;align-items:flex-start}.warn-line svg{margin-top:2px}@media (max-width:520px){.scroll{padding:22px 18px}.scroll h2{font-size:25px}}.nav{align-items:center}.nav-sep{background:linear-gradient(#0000,#e8c87273,#0000);flex:none;width:1px;height:20px;margin:0 6px}.nav a.on{color:var(--gold-hi);background:#e8c87233;position:relative;box-shadow:inset 0 0 0 1px #e8c8728c}.isle-window{display:none}@media (max-width:720px){.screen>.stage{height:100vh;height:100dvh;position:fixed;inset:0}.isle-window{flex:none;height:44vh;display:block;pointer-events:none!important}.topbar .meters{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.topbar .meter{gap:3px;min-width:0;padding:5px 7px}.topbar .meter .k{letter-spacing:0;justify-content:flex-start;gap:4px;font-size:0}.topbar .meter .k>span:nth-child(2){font:700 12px var(--sans);color:var(--ink);text-transform:uppercase}.topbar .m-mana .long{display:none}.topbar .m-mana .short{display:inline}.topbar .meter .v{font-size:16px}.topbar .meter .v small{display:none}.topbar .m-alpha .v small.alpha-glyph{font-size:12px;display:inline}}.seg{background:#0003;border:1px solid #f3ebdd29;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.seg .k{font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:0 8px 0 10px}.seg button{min-height:34px;color:var(--ink-2);font:500 13.5px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px}.seg button:hover{color:var(--gold-hi)}.seg button.on{color:var(--gold-hi);background:#e8c8722e;box-shadow:inset 0 0 0 1px #e8c87273}.why-line{color:var(--muted);margin:8px 0 0;font-size:13.5px}.strike-row>.stack:not(:has(>:not([hidden]))){display:none}@media (min-width:1100px){body[data-route=skirmish] .strike-row{flex-wrap:nowrap;padding-left:330px}body.has-path[data-route=skirmish] .strike-row{padding-left:380px}}@media (min-width:721px) and (max-width:1059px){#heralds{top:calc(var(--bar-bottom,72px) + 10px)}}@media (min-width:1060px){#heralds{width:min(420px,100% - 760px);top:max(270px,31vh)}}.pro-choice.later>*{opacity:0;animation:.7s ease-out 1.3s forwards rise}.pro-choice.later>:nth-child(2){animation-delay:1.5s}.pro-hint{font:400 13px var(--sans);letter-spacing:.04em;color:#f3ebdd80;white-space:nowrap;margin:0;transition:opacity 1s;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.prologue.hinted .pro-hint,.prologue.asking .pro-hint{opacity:0}.screen.scrolls{padding-bottom:96px}.summon-group{margin:14px 2px 8px}.summon-group:first-child{margin-top:2px}.card-btn.rec{border-color:#e8c872bf;box-shadow:0 0 0 1px #e8c87259,0 0 26px #e8c8722e}.rec-tag{font:700 11px var(--sans);letter-spacing:.04em;color:#22140a;background:linear-gradient(#fff0c2,#e8c872);border-radius:999px;padding:2px 9px}.meter .k,dl.facts dt,.seg .k,.path-do .k{font-size:11px}.tour{z-index:39;position:fixed;inset:0}.tour-hole{pointer-events:none;border-radius:18px;transition:all .35s cubic-bezier(.2,.8,.3,1);position:fixed;box-shadow:0 0 0 9999px #050510a8,0 0 0 2px #e8c872cc,0 0 40px #e8c87273}.tour-card{background:#140f26f7;border:1px solid #e8c8728c;border-radius:16px;padding:16px 18px;transition:left .35s,top .35s;position:fixed;box-shadow:0 20px 60px #0000008c}.tour-card h3{color:var(--gold-hi);margin:4px 0 0;font-size:24px}.tour-n{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--verdigris);margin:0}.tour-text{color:var(--ink);margin:8px 0 0;font-size:15px;line-height:1.45}@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}}.path-steps i.wait{background:#5fd3b573}.path-wait{color:var(--muted);align-items:baseline;gap:8px;margin:6px 0 0;font-size:13px;display:flex}.path-wait .k{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--verdigris);flex:none}@media (min-width:721px){.topbar.with-meters{grid-template-columns:auto 1fr;grid-template-areas:"brand meters""nav actions";align-items:center;gap:6px 16px;display:grid}.topbar.with-meters .brand{grid-area:brand}.topbar.with-meters .meters{grid-area:meters;justify-self:end}.topbar.with-meters .nav{grid-area:nav}.topbar.with-meters .bar-actions{grid-area:actions;justify-self:end}}.sworn{position:relative}.sworn-burst{pointer-events:none}.help-btn{font:700 17px var(--display);color:var(--gold-hi)}.help-loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.help-loop li{background:#ffffff08;border:1px solid #e8c8724d;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.help-loop .n{font:500 11px var(--mono);letter-spacing:.16em;color:var(--verdigris)}.help-loop b{font-family:var(--display);color:var(--gold-hi);font-size:22px;font-weight:400}.help-loop p{flex:1;margin:0;font-size:14.5px;line-height:1.45}.help-loop .btn{align-self:flex-start}.help-words{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:8px 0 0;display:grid}.help-words dt{font-family:var(--display);color:var(--gold-hi);font-size:17px}.help-words dd{color:var(--ink-2);margin:2px 0 0;font-size:14px;line-height:1.45}@media (max-width:720px){.help-loop,.help-words{grid-template-columns:1fr}}@media (max-width:440px){.topbar .brand>span{display:none}.topbar .bar-actions{margin-left:auto}}@media (max-width:720px){.beast-cols>[aria-label=Bestiary\ index]{order:2;max-height:none}}.cursor-tip{z-index:45;pointer-events:none;white-space:nowrap;background:#100c20eb;border:1px solid #e8c87280;border-radius:10px;flex-direction:column;gap:1px;padding:6px 10px;display:flex;position:fixed;box-shadow:0 8px 24px #0006}.cursor-tip b{font:400 16px var(--display);color:var(--gold-hi)}.cursor-tip span{color:var(--muted);font-size:12.5px}@media (min-width:721px){body.has-pill .cols>.col-l{max-height:calc(100% - 66px)}}@media (max-width:720px){.cols>[aria-label=Wardens]{order:2;max-height:60vh}.cols>[aria-label=Wardens]>ul,.cols>[aria-label=Wardens]>ol{min-height:0;overflow-y:auto}}@media (max-width:560px){.proclaim{width:calc(100vw - 32px);padding:20px 18px}.proclaim-title{font-size:34px;line-height:1.1}.proclaim-line{font-size:16px}}.codex-jumps{gap:6px 14px;margin-top:18px;font-size:15px}.codex-jumps .label{margin-right:2px}@media (min-width:721px){body.has-pill .hud>.rites{align-self:flex-end}}.inline-err{color:var(--ember-ink);background:#3c14108c;border:1px solid #ff7a4d80;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:6px 8px;margin:10px 0 0;padding:8px 10px;font-size:14px;line-height:1.4;display:flex}.inline-err svg{flex:none;margin-top:2px}.inline-err span{flex:1;min-width:0}.meter.lit-up{box-shadow:0 0 0 1px #7dffb099,0 0 22px #7dffb059}.meter.lit-down{box-shadow:0 0 0 1px #ff7a4db3,0 0 22px #ff7a4d59}.meter-delta{z-index:61;pointer-events:none;font:700 13px var(--sans);font-variant-numeric:lining-nums;white-space:nowrap;border-radius:999px;padding:2px 9px;animation:1.6s ease-out forwards delta-float;position:fixed;transform:translate(-50%)}.meter-delta.up{color:#10261c;background:linear-gradient(#b9ffd6,#7dffb0);box-shadow:0 0 16px #7dffb080}.meter-delta.down{color:#2a0d08;background:linear-gradient(#ffc2a0,#ff8a5a);box-shadow:0 0 16px #ff7a4d80}@keyframes delta-float{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,22px)}}@media (prefers-reduced-motion:reduce){.meter-delta{animation:none}}@media (min-width:721px) and (max-width:1100px){body.has-pill .hud{padding-bottom:76px}}@media (min-width:721px) and (max-width:1000px){.topbar.with-meters{grid-template-areas:"brand actions""meters meters""nav nav"}.topbar.with-meters .meters{grid-template-columns:repeat(5,minmax(0,1fr));justify-self:stretch;display:grid}.topbar.with-meters .meter{min-width:0}}@media (max-width:720px){.topbar .bar-actions .btn.nag>svg:first-child{display:inline}}.gate-welcome{color:#cfc5dd;margin:16px 0 0;font-size:16px}.gate-welcome:empty{display:none}.gate-welcome b{color:var(--gold-hi);margin-right:4px;font-weight:600}.omens-more{color:var(--ink-2);font:500 13px var(--sans);cursor:pointer;background:#0e0a1eb3;border:1px solid #f3ebdd33;border-radius:999px;align-self:center;padding:3px 12px}.omens-more:hover{color:var(--gold-hi);border-color:#e8c87280}.display.num{font-family:var(--sans);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;font-weight:700}.unit-tags{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.unit-tag{font:500 12.5px var(--sans);color:var(--ink);white-space:nowrap;will-change:transform;background:#0e0a1ea8;border:1px solid #e8c8724d;border-radius:999px;padding:2px 9px;transition:opacity .3s,border-color .2s,color .2s;position:absolute;top:0;left:0}.unit-tag.on{color:var(--gold-hi);background:#1e1634d9;border-color:#e8c872d9}.stage:not(:has(canvas.awake)) .unit-tags{display:none}.unit-tag.theirs{border-color:#ff7a4d66}.unit-tag.theirs.on{color:#ffd2bf;border-color:#ff7a4de6}.stage.no-world canvas{display:none}.stage.no-world:after{content:"This browser could not draw the sky (no WebGL). Everything else still works.";opacity:.85;text-align:center;max-width:80%;font-size:17px;animation:none}.prologue .btn:not(.gold){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a1cb8;border-color:#e8c87280;box-shadow:0 6px 24px #0006}.prologue .btn:not(.gold):hover{background:#1c1634d9;border-color:#e8c872cc}@media (min-width:1101px){body.has-path .ley-main{padding-left:max(32px,1048px - 50vw)!important}}.m-mana .short{display:none}@media (min-width:721px) and (max-height:880px){body[data-route=skirmish] .sk-chron{display:none}}@media (max-width:720px){.topbar .nav{padding-right:36px;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}}body.touring .hold-omens,body.touring .col-r .empty{visibility:hidden}@media (max-width:720px){body.has-pill .hud{padding-bottom:76px}}@media (min-width:721px) and (max-height:560px){.gate-hud{position:relative}.gate-main{max-width:720px;padding:18px clamp(16px,6vw,96px) 24px;position:relative;top:auto;left:auto;transform:none}.gate-foot{padding-bottom:80px;position:relative}body[data-route=hold] .hud,body[data-route=skirmish] .hud,body[data-route=atlas] .hud,body[data-route=bestiary] .hud{overflow-y:auto}body[data-route=hold] .cols,body[data-route=skirmish] .cols,body[data-route=atlas] .cols,body[data-route=bestiary] .cols{flex:none;min-height:300px}}