:root{--bg:#0b0d10;--gold:#f2c35b;--gold-deep:#8a6420;--ink:#000;--dim:#b9b0a0;--standing-friendly:#19ff19;--standing-hostile:#ff1919;--standing-contested:#ffb200;--standing-sanctuary:#68ccef;--reaction-hostile:#ff2020;--reaction-unfriendly:#ff8000;--reaction-neutral:#ff0;--reaction-friendly:#0f0;--difficulty-impossible:#ff1919;--difficulty-hard:#ff8040;--difficulty-even:#ffd100;--difficulty-easy:#40bf40;--difficulty-trivial:gray;--power-mana:#00f;--power-rage:red;--power-energy:#ff0;--error-tone:#ff1a1a;--xp:#9b49d6;--minimap-arrow:#ffd34d;--minimap-arrow-edge:#1a1206;--ui-second:1s;--hud-gap:max(12px, env(safe-area-inset-left));font-family:Segoe UI,system-ui,sans-serif}@media (prefers-reduced-motion:reduce){:root{--ui-second:0s}}:root[data-reduced-motion]{--ui-second:0s}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ifn-text,#f1ead8);margin:0;overflow:hidden}#world{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.loading{background:radial-gradient(60% 50% at 50% 60%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 70%), var(--bg);transition:opacity calc(var(--ui-second) * .6);z-index:10;place-items:center;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-card{text-align:center;gap:12px;width:min(420px,100vw - 32px);display:grid}.loading-title{letter-spacing:.04em;color:var(--gold);text-shadow:0 1px 2px var(--ink), 0 0 18px color-mix(in srgb, var(--gold) 30%, transparent);font-size:28px;font-weight:700}.loading-bar{background:#0c0e12b8;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffecc429}.loading-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));width:0;height:100%;transition:width calc(var(--ui-second) * .2)}.loading-text{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px}.hud{pointer-events:none;font-family:var(--ifn-font);color:var(--ifn-text);z-index:2;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud>.ifn-oh-host{pointer-events:none}.hud--no-names>.ifn-oh-host,.hud--no-coords .minimap-coords{display:none}.hud-cards{top:max(var(--ifn-space-3), env(safe-area-inset-top));left:var(--hud-gap);align-items:flex-start;gap:var(--ifn-space-3);max-width:calc(100vw - 2 * var(--hud-gap) - 200px);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.hud-cards>*{pointer-events:auto}.hud-cards>[hidden]{display:none}.minimap{top:max(var(--ifn-space-3), env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));justify-items:center;gap:var(--ifn-space-1);width:clamp(132px,15vw,188px);display:grid;position:absolute}.minimap-zone{max-width:100%;font-size:var(--ifn-text-sm);font-weight:var(--ifn-weight-heavy);text-align:center;text-wrap:balance;overflow-wrap:anywhere;color:var(--tone);text-shadow:0 1px 2px var(--ink)}[data-standing=friendly]{--tone:var(--standing-friendly)}[data-standing=hostile]{--tone:var(--standing-hostile)}[data-standing=contested]{--tone:var(--standing-contested)}[data-standing=sanctuary]{--tone:var(--standing-sanctuary)}.minimap-well{aspect-ratio:1;isolation:isolate;background:color-mix(in srgb, var(--ifn-bg) 75%, var(--ink));width:100%;box-shadow:0 6px 24px -10px var(--ifn-shadow), inset 0 0 18px color-mix(in srgb, var(--ifn-bg) 60%, var(--ink));border-radius:50%;position:relative;overflow:hidden}.minimap-well:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--gold) 55%, var(--ifn-line)), inset 0 0 0 4px color-mix(in srgb, var(--ink) 60%, transparent), inset 0 2px 0 4px #ffffff0f;position:absolute;inset:0}.minimap-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.minimap-north{z-index:3;font-size:var(--ifn-text-xs);font-weight:var(--ifn-weight-heavy);color:var(--gold);text-shadow:0 1px 2px var(--ink);position:absolute;top:6px;left:50%;transform:translate(-50%)}.minimap-zoom{gap:2px;display:grid;position:absolute;top:calc(1.6em + 4px);right:-6px}.minimap-btn{min-width:32px;min-height:32px;font-weight:var(--ifn-weight-heavy)}.ifn-touch .minimap-btn,[data-device=touch] .minimap-btn{min-width:var(--ifn-tap);min-height:var(--ifn-tap)}.minimap-foot{gap:var(--ifn-space-2);font-size:var(--ifn-text-xs);color:var(--ifn-text-2);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px var(--ink);display:flex}.minimap-foot span+span:before{content:"·";margin-right:var(--ifn-space-2);color:var(--ifn-text-3)}.chat{left:max(var(--hud-gap), calc(32 * var(--ui-unit,1px)));bottom:max(var(--ifn-space-3), calc(95 * var(--ui-unit,1px)));width:min(calc(430 * var(--ui-unit,1px)), calc(100vw - 2 * var(--hud-gap)));gap:var(--ifn-space-1);pointer-events:none;display:grid;position:absolute}.chat-log{overscroll-behavior:contain;scrollbar-width:thin;max-height:11.5em;padding:var(--ifn-space-2);border-radius:var(--ifn-radius-md);font-size:var(--ifn-text-sm);background:linear-gradient(0deg, color-mix(in srgb, var(--ifn-bg) 45%, transparent), transparent);pointer-events:auto;line-height:1.35;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 2.5em);mask-image:linear-gradient(#0000,#000 2.5em)}.chat-line{color:var(--line-tone);overflow-wrap:anywhere;text-shadow:0 1px 2px var(--ink)}.chat-edit{align-items:center;gap:var(--ifn-space-2);padding:0 var(--ifn-space-3);min-height:var(--ifn-tap);border-radius:var(--ifn-radius-md);background:color-mix(in srgb, var(--ifn-surface) 90%, transparent);box-shadow:inset 0 0 0 1px var(--ifn-line-2);pointer-events:auto;display:flex}.chat-edit[hidden]{display:none}.chat-header{font-size:var(--ifn-text-sm);font-weight:var(--ifn-weight-heavy);color:var(--ifn-text-2);white-space:nowrap}.chat-field{min-width:0;color:var(--ifn-text);font:inherit;font-size:var(--ifn-text-sm);background:0 0;border:0;outline:none;flex:1}.screen-zone,.screen-error{text-align:center;text-wrap:balance;overflow-wrap:anywhere;pointer-events:none;opacity:0;max-width:calc(100vw - 32px);transition:opacity calc(var(--ui-second) * 1.4) ease-in;position:absolute;left:50%;transform:translate(-50%)}.screen-text--on{opacity:1;transition:opacity calc(var(--ui-second) * .4) ease-out}.screen-zone{gap:var(--ifn-space-1);display:grid;top:18vh}.screen-zone-main{letter-spacing:.02em;color:var(--tone);text-shadow:0 2px 3px var(--ink), 0 0 24px color-mix(in srgb, var(--tone) 35%, transparent);font-size:clamp(28px,4.2vw,52px);font-weight:800}.screen-zone-sub{color:color-mix(in srgb, var(--tone) 75%, white);text-shadow:0 1px 2px var(--ink);font-size:clamp(16px,2vw,24px);font-weight:700}.screen-zone-sub:empty{display:none}.screen-error{font-size:var(--ifn-text-md);font-weight:var(--ifn-weight-heavy);color:var(--error-tone);text-shadow:0 1px 2px var(--ink);top:12vh}.game-menu{gap:var(--ifn-space-2);min-width:min(320px,100vw - 64px);display:grid}.hud:has(.mainbar--compact) .chat{width:min(420px, calc(100vw - 2 * var(--hud-gap)));bottom:calc(max(8px, env(safe-area-inset-bottom)) + 136px)}@media (width<=720px){.minimap{width:112px}.chat-log{max-height:6em}.hud-cards{max-width:calc(100vw - 2 * var(--hud-gap) - 128px)}}@media (height<=480px){.chat-log{max-height:4em}.screen-zone{top:10vh}}@font-face{font-family:Friz Quadrata;src:url(/ui/fonts/frizqt__.ttf)format("truetype");font-display:swap}@font-face{font-family:Arial Narrow;src:url(/ui/fonts/arialn.ttf)format("truetype");font-display:swap}:root[data-ui-skin=native]{--friz:"Friz Quadrata", "Palatino Linotype", Georgia, serif;--narrow:"Arial Narrow", "Roboto Condensed", Arial, sans-serif;--native-gold:#ffd100;--native-rim:#c9a961;--native-rim-dark:#4e3d1d;--native-panel:#0d0d0f;--native-panel-2:#17171a;--native-ink:#000;--native-button-top:#8f1d10;--native-button-bottom:#470a05;--native-button-hover-top:#b02a17;--native-hotkey:#999;--native-white:#fff;--native-shade:#0009;--native-shade-strong:#000000bf;--native-shade-soft:#00000080;--native-sheen:#ffffff1f;--native-outline:1px 1px 0 var(--native-ink), -1px -1px 0 var(--native-ink), 1px -1px 0 var(--native-ink), -1px 1px 0 var(--native-ink);--unit-name:var(--native-gold);--health:#0f0;--xp:#94008c;--statusbar:url(/ui/art/ui-statusbar.png)}[data-ui-skin=native] .hud-cards{gap:18px}[data-ui-skin=native] .hud-cards .ifn-uf--card{--uf-w:236px;--uf-h:78px;--uf-ps:66px;box-shadow:none;font-family:var(--friz);background:0 0;border:0;gap:8px;padding:0}[data-ui-skin=native] .hud-card-target{flex-direction:row-reverse}[data-ui-skin=native] .hud-cards .ifn-uf-portrait{background:radial-gradient(circle at 50% 35%, var(--native-panel-2), var(--native-panel) 72%);box-shadow:0 0 0 2px var(--native-rim), 0 0 0 4px var(--native-rim-dark), 0 0 0 5px var(--native-ink), 0 4px 14px var(--native-shade), inset 0 0 10px var(--native-ink);border-radius:50%}[data-ui-skin=native] .hud-cards .ifn-uf-lv{min-width:24px;height:24px;font-family:var(--friz);color:var(--native-gold);background:radial-gradient(circle, var(--native-panel-2), var(--native-panel));box-shadow:0 0 0 1.5px var(--native-rim), 0 0 0 3px var(--native-ink);text-shadow:var(--native-outline);border:0;font-size:12px;font-weight:400;bottom:-4px;left:-4px}[data-ui-skin=native] .hud-cards .ifn-uf-body{align-content:center;row-gap:3px}[data-ui-skin=native] .hud-cards .ifn-uf-top{border-radius:2px;padding:1px 6px}[data-ui-skin=native] .hud-card-target .ifn-uf-top{background:linear-gradient(90deg, color-mix(in srgb, var(--uf-accent) 55%, var(--native-ink)), color-mix(in srgb, var(--uf-accent) 25%, transparent))}[data-ui-skin=native] .hud-cards .ifn-uf-name{text-shadow:var(--native-outline);font-size:13px;font-weight:400}[data-ui-skin=native] .hud-cards .ifn-uf-sub{color:var(--ifn-text-2);min-height:0;padding:0 6px;font-size:11px;font-weight:400}[data-ui-skin=native] .hud-cards .ifn-uf-sub:empty{display:none}[data-ui-skin=native] .hud-cards .ifn-uf-bars{background:var(--native-shade-strong);box-shadow:inset 0 0 0 1px var(--native-rim-dark), 0 0 0 1px var(--native-ink);border-radius:3px;row-gap:2px;padding:3px}[data-ui-skin=native] .hud-cards .ifn-uf-bar{background:var(--native-shade);border-radius:1px;height:16px}[data-ui-skin=native] .hud-cards .ifn-uf-bar--res{height:9px}[data-ui-skin=native] .ifn-uf-fill{background-color:var(--uf-fill,var(--uf-hp));background-image:var(--statusbar);background-blend-mode:multiply;background-size:100% 100%}[data-ui-skin=native] .ifn-uf--target{box-shadow:none}[data-ui-skin=native] .ifn-uf--plate{box-shadow:none;font-family:var(--friz);background:0 0;border:0;padding:0}[data-ui-skin=native] .ifn-uf--plate .ifn-uf-name{text-shadow:var(--native-outline);font-size:12px;font-weight:400}[data-ui-skin=native] .ifn-uf--plate.ifn-uf--target .ifn-uf-name{font-size:14px}.mainbar{width:calc(1024 * var(--u));height:calc(53 * var(--u));font-family:var(--narrow);pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mainbar>*{pointer-events:auto}.mb-abs{left:calc(var(--x) * var(--u));bottom:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));background-color:#0000;border:0;margin:0;padding:0;position:absolute}.mb-art{background-repeat:no-repeat;background-size:calc(var(--bw) * var(--u)) calc(var(--bh) * var(--u));background-position:calc(var(--bx) * var(--u)) calc(var(--by) * var(--u))}.mb-flip{transform:scaleX(-1)}.mb-piece,.mb-cap{pointer-events:none}.mb-cap{z-index:3}.mb-xp{z-index:1;background:var(--native-shade-soft);outline:none}.mb-xp-fill{transform-origin:0;background-color:var(--xp);background-image:var(--statusbar);background-blend-mode:multiply;background-size:100% 100%;position:absolute;inset:0;transform:scaleX(0)}.mb-xp-text{z-index:2;font-size:max(11px, calc(14 * var(--u)));color:var(--native-white);text-shadow:var(--native-outline);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.mb-xp:hover .mb-xp-text,.mb-xp:focus-visible .mb-xp-text{opacity:1}.mb-slot,.mb-micro,.mb-bag,.mb-arrow{z-index:2;cursor:pointer;overflow:visible}.mb-slot[hidden]{display:none}.mb-slot-icon{color:var(--native-white);font-size:max(11px, calc(12 * var(--u)));place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.mb-slot-icon canvas{width:100%;height:100%;display:block}.mb-slot-frame{z-index:1;pointer-events:none}.mb-slot-key{z-index:2;top:calc(2 * var(--u));right:calc(2 * var(--u));font-size:max(11px, calc(12 * var(--u)));color:var(--native-hotkey);text-shadow:var(--native-outline);pointer-events:none;line-height:1;position:absolute}.mb-slot-glow{z-index:2;opacity:0;pointer-events:none;mix-blend-mode:screen;background:url(/ui/art/buttonhilight-square.png) 50%/100% 100%;position:absolute;inset:0}@media (hover:hover){.mb-slot:hover .mb-slot-glow{opacity:1}}.mb-slot:active .mb-slot-icon,.mb-slot--pressed .mb-slot-icon{filter:brightness(.75)}.mb-slot:active:after,.mb-slot--pressed:after{content:"";z-index:2;pointer-events:none;background:url(/ui/art/ui-quickslot-depress.png) 50%/100% 100%;position:absolute;inset:0}.mb-slot--pressed:after{animation:mb-press calc(var(--ui-second) * .25) steps(1, end) forwards}@keyframes mb-press{to{opacity:0}}.mb-micro:active,.mb-arrow:active{background-image:var(--down)!important}.mb-micro--off{background-image:var(--off)!important}.mb-micro:after,.mb-arrow:after,.mb-bag:after{content:"";z-index:3;opacity:0;pointer-events:none;mix-blend-mode:screen;background:url(/ui/art/ui-microbutton-hilight.png) 50%/100% 100%;position:absolute;inset:0}.mb-arrow:after{background-image:var(--glow)}.mb-bag:after{background-image:url(/ui/art/buttonhilight-square.png)}@media (hover:hover){.mb-micro:hover:after,.mb-arrow:hover:after,.mb-bag:hover:after{opacity:1}}.mb-micro--off:after{display:none}.mb-micro-face{left:calc(5 * var(--u));bottom:calc(5 * var(--u));width:calc(18 * var(--u));height:calc(25 * var(--u));background-image:url(/ui/art/ui-charactercreate-classes.png);background-repeat:no-repeat;background-size:calc(18 * var(--u) / .6 * 4) calc(25 * var(--u) / .8334 * 4);background-position:calc(-.2 * 18 * var(--u) / .6) calc(-.0666 * 25 * var(--u) / .8334);pointer-events:none;position:absolute}.mb-bag-icon{position:absolute;inset:0}.mb-pagenum{font-family:var(--friz);font-size:max(11px, calc(10 * var(--u)));color:var(--native-gold);text-shadow:1px 1px 0 var(--native-ink);pointer-events:none;place-items:center;display:grid}.mainbar--compact{left:50%;bottom:max(8px, env(safe-area-inset-bottom));background:var(--native-shade-soft);width:auto;height:auto;box-shadow:inset 0 0 0 1px var(--native-rim-dark);border-radius:4px;grid-template-columns:repeat(6,44px);gap:6px;padding:6px;display:grid}.mainbar--compact>.mb-piece,.mainbar--compact>.mb-cap,.mainbar--compact>.mb-micro,.mainbar--compact>.mb-bag,.mainbar--compact>.mb-arrow,.mainbar--compact>.mb-pagenum{display:none}.mainbar--compact>.mb-xp{grid-column:1/-1;width:auto;height:12px;position:relative;bottom:auto;left:auto}.mainbar--compact>.mb-xp>.mb-abs{display:none}.mainbar--compact .mb-xp-text{opacity:1;font-size:11px}.mainbar--compact>.mb-slot{background:var(--native-shade);width:44px;height:44px;position:relative;bottom:auto;left:auto}.mainbar--compact>.mb-slot[hidden]{pointer-events:none;display:block}.mainbar--compact>.mb-slot[hidden]>:not(.mb-slot-frame):not(.mb-slot-key){display:none}@media (width<=420px){.mainbar--compact{grid-template-columns:repeat(6,44px);gap:4px}}[data-ui-skin=native] .minimap-zone{font-family:var(--friz);text-shadow:var(--native-outline);font-size:13px;font-weight:400}[data-ui-skin=native] .minimap-well:after{box-shadow:inset 0 0 0 3px var(--native-rim), inset 0 0 0 5px var(--native-rim-dark), inset 0 0 0 6px var(--native-ink), inset 0 0 14px var(--native-shade)}[data-ui-skin=native] .minimap-north{color:var(--native-gold);font-family:var(--friz);text-shadow:var(--native-outline)}[data-ui-skin=native] .minimap-foot{font-family:var(--narrow);color:var(--native-white);text-shadow:var(--native-outline);font-size:13px}[data-ui-skin=native] .minimap-btn{border:1px solid var(--native-rim);background:radial-gradient(circle, var(--native-panel-2), var(--native-panel));min-width:26px;min-height:26px;color:var(--native-gold);font-family:var(--friz);border-radius:50%}[data-ui-skin=native] .chat-log{font-family:var(--narrow);background:0 0;font-size:15px;-webkit-mask-image:none;mask-image:none}[data-ui-skin=native] .chat-line{text-shadow:1px 1px 0 var(--native-ink)}[data-ui-skin=native] .chat-edit{background:var(--native-shade-strong);box-shadow:inset 0 0 0 1px var(--native-rim-dark);border-radius:2px}[data-ui-skin=native] .chat-header,[data-ui-skin=native] .chat-field{font-family:var(--narrow);font-size:15px}[data-ui-skin=native] .screen-zone-main{font-family:var(--friz);text-shadow:2px 2px 0 var(--native-ink), var(--native-outline);font-weight:400}[data-ui-skin=native] .screen-zone-sub{font-family:var(--friz);color:var(--tone);text-shadow:var(--native-outline);font-weight:400}[data-ui-skin=native] .screen-error{font-family:var(--friz);text-shadow:1px 1px 0 var(--native-ink);font-size:16px;font-weight:400}[data-ui-skin=native] .ifn-modal-card{border:1px solid var(--native-rim-dark);background:linear-gradient(180deg, var(--native-panel-2), var(--native-panel) 120px);box-shadow:0 0 0 1px var(--native-ink), inset 0 0 0 1px color-mix(in srgb, var(--native-rim) 35%, transparent), 0 16px 48px var(--native-shade-strong);border-radius:4px}[data-ui-skin=native] .ifn-modal-title{font-family:var(--friz);text-align:center;color:var(--native-gold);text-shadow:1px 1px 0 var(--native-ink);font-size:18px;font-weight:400}[data-ui-skin=native] .ifn-btn{border:1px solid var(--native-rim);background:linear-gradient(180deg, var(--native-button-top), var(--native-button-bottom));color:var(--native-gold);font-family:var(--friz);text-shadow:1px 1px 0 var(--native-ink);box-shadow:inset 0 1px 0 var(--native-sheen), 0 0 0 1px var(--native-ink);border-radius:3px;font-weight:400}@media (hover:hover){[data-ui-skin=native] .ifn-btn:hover{background:linear-gradient(180deg, var(--native-button-hover-top), var(--native-button-bottom));color:var(--native-white)}}[data-ui-skin=native] .ifn-btn:active{transform:translateY(1px)}