@font-face{font-family:Vazirmatn;font-style:normal;font-weight:100 900;font-display:swap;src:local("Vazirmatn"),local("Vazirmatn Regular")}@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:local("Cinzel"),local("Cinzel Regular")}.aoc-ui{--bg-0: #0b0908;--bg-1: #14100e;--bg-2: #1d1713;--bg-3: #2a211a;--line: #4a3a2a;--line-soft: #33281e;--tx: #efe4d0;--tx-dim: #b3a58f;--tx-mute: #85775f;--gold: #d9a948;--gold-hi: #f4d58a;--gold-lo: #8a6a28;--ember: #e0652a;--ember-hi: #ff9a4d;--ember-lo: #8e3412;--blood: #b6342c;--blood-hi: #e65a4f;--c-health: #c9382f;--c-health-hi: #ef6a5a;--c-mana: #3a78d6;--c-mana-hi: #6fa8f5;--c-stamina: #4fa84f;--c-stamina-hi: #86d17f;--c-xp: #b48ad8;--c-xp-hi: #d9b8f3;--c-boss: #9a1e1e;--c-boss-hi: #e04848;--rar-common: #a7a9ac;--rar-uncommon: #62c46c;--rar-rare: #4b93e6;--rar-epic: #a964e8;--rar-legendary: #f2a33a;--good: #7ed07a;--bad: #ff7a6b;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--tap: 48px;--gap: 12px;--pad: 16px;--ease: cubic-bezier(.2, .8, .2, 1);--shadow-1: 0 2px 6px rgb(0 0 0 / .5);--shadow-2: 0 10px 30px rgb(0 0 0 / .6);--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--font-display: "Cinzel", "Trajan Pro", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;--font-body: "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;--font-story: Georgia, "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;--text-scale: 1;--hud-scale: 1;--ctl-scale: 1;--ctl-opacity: .85;--k: 1;--cs: calc(var(--ctl-scale) * var(--k));--node-cell: 88px}.aoc-ui[data-text=small]{--text-scale: .9}.aoc-ui[data-text=large]{--text-scale: 1.15}.aoc-ui[data-hud=small]{--hud-scale: .85}.aoc-ui[data-hud=large]{--hud-scale: 1.2}.aoc-ui[data-lang=fa]{--font-display: "Vazirmatn", "Noto Naskh Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "DejaVu Sans", sans-serif;--font-body: "Vazirmatn", "Noto Sans Arabic", "Noto Naskh Arabic", "Segoe UI", Tahoma, "DejaVu Sans", sans-serif;--font-story: "Vazirmatn", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "DejaVu Sans", serif}@media(max-height:460px){.aoc-ui{--pad: 10px;--gap: 8px;--node-cell: 76px}}@media(max-width:400px){.aoc-ui{--k: .8}}@media(min-width:401px)and (max-width:480px){.aoc-ui{--k: .9}}.aoc-ui{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;font-family:var(--font-body);font-size:calc(16px * var(--text-scale));line-height:1.45;color:var(--tx);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;text-rendering:optimizeLegibility;font-kerning:normal}.aoc-ui *,.aoc-ui *:before,.aoc-ui *:after{box-sizing:border-box}.aoc-ui [hidden]{display:none!important}.aoc-ui h1,.aoc-ui h2,.aoc-ui h3,.aoc-ui p,.aoc-ui ul,.aoc-ui dl,.aoc-ui dd{margin:0;padding:0}.aoc-ui ul{list-style:none}.aoc-ui button{font:inherit;color:inherit}.aoc-ui[data-lang=fa] *,.aoc-ui[data-lang=fa] *:before,.aoc-ui[data-lang=fa] *:after{letter-spacing:0!important;text-transform:none!important;font-style:normal}.aoc-ui[data-lang=fa]{line-height:1.7}.aoc-ui :focus{outline:none}.aoc-ui :focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.aoc-ui .muted{color:var(--tx-dim)}.aoc-ui .small{font-size:.85em}.aoc-ui .text-bad{color:var(--bad)}.aoc-ui .text-good{color:var(--good)}.aoc-ui .story-text{font-family:var(--font-story)}.aoc-ui .row{display:flex;gap:var(--gap);align-items:center;flex-wrap:wrap}.aoc-ui .row--center{justify-content:center}.aoc-ui .inline{display:inline-flex;align-items:center;gap:.3em}.aoc-ui .chips{display:flex;flex-wrap:wrap;gap:6px}.aoc-ui .ico{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:middle}.aoc-ui .ico--gold{color:var(--gold)}[dir=rtl] .aoc-ui .flip-rtl,.aoc-ui[dir=rtl] .flip-rtl{transform:scaleX(-1)}.aoc-ui .glyph-img{width:100%;height:100%;object-fit:contain;image-rendering:auto;pointer-events:none}.aoc-ui .screens,.aoc-ui .overlays{position:absolute;inset:0;pointer-events:none}.aoc-ui .screen{position:absolute;inset:0;pointer-events:auto;display:flex;align-items:stretch;justify-content:center;padding:max(var(--pad),var(--sa-t)) max(var(--pad),var(--sa-r)) max(var(--pad),var(--sa-b)) max(var(--pad),var(--sa-l));background:radial-gradient(ellipse at 50% 30%,#140e0ad1,#050403f0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .22s var(--ease),transform .22s var(--ease);overscroll-behavior:contain}.aoc-ui .screen.is-entering{opacity:0;transform:translateY(14px) scale(.985)}.aoc-ui .screen.is-leaving{opacity:0;transform:translateY(8px);pointer-events:none}.aoc-ui .screen[data-covered=true],.aoc-ui .screen[hidden]{display:none!important;pointer-events:none!important;visibility:hidden!important}.aoc-ui .screen[data-screen=mainMenu],.aoc-ui .screen[data-screen=gameOver],.aoc-ui .screen[data-screen=ending],.aoc-ui .screen[data-screen=dialogue]{padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}.aoc-ui .screen[data-screen=dialogue]{background:none;pointer-events:auto}.aoc-ui [data-scroll],.aoc-ui .split__scroll{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.aoc-ui.reduce-motion *,.aoc-ui.reduce-motion *:before,.aoc-ui.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){.aoc-ui *,.aoc-ui *:before,.aoc-ui *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.aoc-ui .panel{position:relative;background:linear-gradient(180deg,rgb(255 235 200 / .045),transparent 40%),linear-gradient(160deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px #0009,inset 0 1px #ffe6b414,var(--shadow-1)}.aoc-ui .panel--big{border-radius:var(--r-lg);border-color:var(--gold-lo)}.aoc-ui .panel--big:before,.aoc-ui .panel--big:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;border:2px solid var(--gold);opacity:.8}.aoc-ui .panel--big:before{inset-block-start:6px;inset-inline-start:6px;border-inline-end:0;border-block-end:0;border-start-start-radius:8px}.aoc-ui .panel--big:after{inset-block-end:6px;inset-inline-end:6px;border-inline-start:0;border-block-start:0;border-end-end-radius:8px}.aoc-ui .panel--inset{background:linear-gradient(180deg,#00000047,#0000001f);box-shadow:inset 0 1px 6px #00000080;border-color:var(--line-soft);padding:var(--pad)}.aoc-ui .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:var(--tap);min-width:var(--tap);padding:.5em 1.1em;border-radius:var(--r-md);border:1px solid var(--gold-lo);background:linear-gradient(180deg,var(--bg-3),var(--bg-1));color:var(--tx);font-family:var(--font-display);font-weight:600;letter-spacing:.04em;line-height:1.2;cursor:pointer;box-shadow:inset 0 1px #ffe6b424,0 2px 4px #00000080;transition:transform .12s var(--ease),filter .15s,box-shadow .15s,background .15s;touch-action:manipulation}.aoc-ui .btn:active:not(:disabled){transform:translateY(1px) scale(.975);filter:brightness(1.15)}@media(hover:hover){.aoc-ui .btn:hover:not(:disabled){filter:brightness(1.18);border-color:var(--gold)}}.aoc-ui .btn:disabled,.aoc-ui .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.aoc-ui .btn--primary{background:linear-gradient(180deg,var(--ember-hi),var(--ember) 45%,var(--ember-lo));border-color:var(--gold-hi);color:#fff6e8;text-shadow:0 1px 2px rgb(0 0 0 / .7);box-shadow:inset 0 1px #ffffff4d,0 0 14px #e0652a59,0 2px 5px #0009}.aoc-ui .btn--danger{background:linear-gradient(180deg,var(--blood-hi),var(--blood) 50%,#6a1a15);border-color:#e2897f;color:#fff1ee;text-shadow:0 1px 2px rgb(0 0 0 / .7)}.aoc-ui .btn--ghost{background:transparent;border-color:transparent;box-shadow:none}.aoc-ui .btn--block{width:100%}.aoc-ui .btn--big{min-height:58px;font-size:1.12em;padding-inline:1.4em}.aoc-ui .btn--icon{padding:.4em}.aoc-ui .btn__text{display:flex;flex-direction:column;align-items:center;min-width:0}.aoc-ui .btn__sub{font-family:var(--font-body);font-weight:400;font-size:.72em;opacity:.85;letter-spacing:0}.aoc-ui .btn__label{overflow-wrap:anywhere}.aoc-ui .chip{display:inline-flex;align-items:center;gap:.35em;padding:.2em .65em;border-radius:999px;font-size:.85em;background:#00000059;border:1px solid var(--line);color:var(--tx-dim)}.aoc-ui .chip--gold{color:var(--gold-hi);border-color:var(--gold-lo);background:#8a6a282e;font-weight:600}.aoc-ui .chip--points{color:var(--ember-hi);border-color:var(--ember-lo)}.aoc-ui .chip--cleared{color:var(--good);border-color:#3c7a3a}.aoc-ui .chip--locked{color:var(--tx-mute)}.aoc-ui .bar{position:relative;height:1.15em;min-width:0;flex:1;border-radius:999px;overflow:hidden;background:#0a0706;border:1px solid #000;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px var(--line-soft)}.aoc-ui .bar__fill,.aoc-ui .bar__trail{position:absolute;inset:0;transform-origin:left center;transition:transform .25s var(--ease)}.aoc-ui[dir=rtl] .bar__fill,.aoc-ui[dir=rtl] .bar__trail{transform-origin:right center}.aoc-ui .bar__trail{background:#ffffff80;transition:transform .9s .25s var(--ease)}.aoc-ui .bar__text{position:absolute;inset:0;display:grid;place-items:center;direction:ltr;font-size:.72em;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;line-height:1}.aoc-ui .bar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255 / .28),transparent 50%,rgb(0 0 0 / .25));pointer-events:none}.aoc-ui .bar--health .bar__fill{background:linear-gradient(90deg,var(--c-health),var(--c-health-hi))}.aoc-ui .bar--mana .bar__fill{background:linear-gradient(90deg,var(--c-mana),var(--c-mana-hi))}.aoc-ui .bar--stamina .bar__fill{background:linear-gradient(90deg,var(--c-stamina),var(--c-stamina-hi))}.aoc-ui .bar--xp .bar__fill{background:linear-gradient(90deg,var(--c-xp),var(--c-xp-hi))}.aoc-ui .bar--boss .bar__fill{background:linear-gradient(90deg,var(--c-boss),var(--c-boss-hi))}.aoc-ui .bar--health .bar__trail{background:#ffc8be8c}.aoc-ui .bar--health.is-low .bar__fill{animation:aoc-lowhp 1s ease-in-out infinite alternate}@keyframes aoc-lowhp{to{filter:brightness(1.5) saturate(1.2)}}.aoc-ui .slot{--rar: var(--line);position:relative;display:block;width:100%;aspect-ratio:1;min-width:48px;padding:0;border-radius:var(--r-sm);background:radial-gradient(circle at 50% 35%,var(--bg-3),#0d0a08);border:2px solid var(--rar);box-shadow:inset 0 0 10px #000000b3,0 1px 2px #0009;color:var(--tx);cursor:default}.aoc-ui button.slot{cursor:pointer;transition:transform .12s var(--ease),box-shadow .15s}.aoc-ui button.slot:active{transform:scale(.94)}.aoc-ui .slot.is-empty{border-style:dashed;border-color:var(--line-soft);opacity:.75}.aoc-ui .slot__art{position:absolute;inset:14%;display:grid;place-items:center}.aoc-ui .slot__art>.ico{width:100%;height:100%}.aoc-ui .slot__ghost{opacity:.22}.aoc-ui .slot.is-selected{box-shadow:inset 0 0 10px #000000b3,0 0 0 2px var(--gold-hi),0 0 14px #f4d58a80}.aoc-ui .slot.is-disabled{opacity:.45}.aoc-ui .slot__qty{position:absolute;inset-block-end:2px;inset-inline-end:4px;font-size:.78em;font-weight:700;direction:ltr;text-shadow:0 1px 2px #000,0 0 3px #000}.aoc-ui .slot__tag{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:1.1em;height:1.1em;display:grid;place-items:center;background:var(--gold);color:#1a1208;border-radius:4px}.aoc-ui .slot__tag .ico{width:.85em;height:.85em;stroke-width:3}.aoc-ui .rar-common{--rar: var(--rar-common)}.aoc-ui .rar-uncommon{--rar: var(--rar-uncommon)}.aoc-ui .rar-rare{--rar: var(--rar-rare)}.aoc-ui .rar-epic{--rar: var(--rar-epic)}.aoc-ui .rar-legendary{--rar: var(--rar-legendary)}.aoc-ui .slot.has-item .slot__art{color:color-mix(in srgb,var(--rar) 70%,white)}.aoc-ui .slot.rar-uncommon.has-item{box-shadow:inset 0 0 12px color-mix(in srgb,var(--rar) 25%,transparent),0 1px 2px #0009}.aoc-ui .slot.rar-rare.has-item{box-shadow:inset 0 0 14px color-mix(in srgb,var(--rar) 35%,transparent),0 0 6px color-mix(in srgb,var(--rar) 35%,transparent)}.aoc-ui .slot.rar-epic.has-item{box-shadow:inset 0 0 16px color-mix(in srgb,var(--rar) 45%,transparent),0 0 9px color-mix(in srgb,var(--rar) 45%,transparent)}.aoc-ui .slot.rar-legendary.has-item{box-shadow:inset 0 0 0 2px #1a1208,inset 0 0 0 3px var(--rar),inset 0 0 18px color-mix(in srgb,var(--rar) 55%,transparent),0 0 12px color-mix(in srgb,var(--rar) 55%,transparent);animation:aoc-shimmer 2.8s ease-in-out infinite alternate}@keyframes aoc-shimmer{to{filter:brightness(1.25)}}.aoc-ui .slot.is-selected.has-item{outline:2px solid var(--gold-hi);outline-offset:1px}.aoc-ui .rarity{display:inline-flex;align-items:center;gap:.4em;font-size:.85em;font-weight:700;color:var(--rar)}.aoc-ui .rarity__gem{width:.6em;height:.6em;background:var(--rar);transform:rotate(45deg);box-shadow:0 0 6px var(--rar)}.aoc-ui .rar-uncommon .rarity__gem{border-radius:50%}.aoc-ui .rar-rare .rarity__gem{border-radius:2px}.aoc-ui .rar-legendary .rarity__gem{clip-path:polygon(50% 0,62% 38%,100% 38%,69% 60%,81% 100%,50% 75%,19% 100%,31% 60%,0 38%,38% 38%);transform:none;width:.85em;height:.85em}.aoc-ui .stat-lines{display:flex;flex-direction:column;gap:4px;margin-block:6px}.aoc-ui .stat-line{display:flex;align-items:center;gap:.5em;font-size:.92em}.aoc-ui .stat-line__name{flex:1;color:var(--tx-dim)}.aoc-ui .stat-line__val{font-weight:700;font-variant-numeric:tabular-nums}.aoc-ui .stat-line.is-up .stat-line__val{color:var(--good)}.aoc-ui .stat-line.is-down .stat-line__val{color:var(--bad)}.aoc-ui .facts{display:flex;flex-direction:column;gap:6px;margin-block:8px}.aoc-ui .facts__row{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);border-block-end:1px dashed var(--line-soft);padding-block-end:4px}.aoc-ui .facts dt{color:var(--tx-dim)}.aoc-ui .facts dd{font-weight:600}.aoc-ui .section-title{display:flex;align-items:center;gap:.5em;margin-block:14px 8px;font-family:var(--font-display);font-size:.95em;font-weight:700;color:var(--gold);letter-spacing:.06em;padding-block-end:4px;border-block-end:1px solid var(--gold-lo)}.aoc-ui .segmented{display:inline-flex;background:#0a0706;border:1px solid var(--line);border-radius:var(--r-md);padding:3px;gap:3px;max-width:100%}.aoc-ui .segmented__opt{min-height:42px;padding:.35em 1em;border:0;border-radius:calc(var(--r-md) - 3px);background:transparent;color:var(--tx-dim);cursor:pointer;font-weight:600;flex:1}.aoc-ui .segmented__opt.is-on{background:linear-gradient(180deg,var(--ember),var(--ember-lo));color:#fff6e8;box-shadow:0 1px 4px #0009}.aoc-ui .row-setting{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);min-height:var(--tap);padding-block:4px;flex-wrap:wrap}.aoc-ui .row-setting__text{display:flex;flex-direction:column;flex:1;min-width:0}.aoc-ui .row-setting__label{flex:1 1 8em;min-width:0}.aoc-ui .row-setting--range{flex-wrap:nowrap}.aoc-ui .row-setting--range .range{flex:2 1 0;min-width:90px}.aoc-ui .range-row__val{flex:none;min-width:3.4em;text-align:end;color:var(--gold-hi);font-variant-numeric:tabular-nums;direction:ltr}.aoc-ui .toggle{cursor:pointer;position:relative;flex-wrap:nowrap}.aoc-ui .toggle__input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.aoc-ui .toggle__track{flex:none;width:54px;height:30px;border-radius:999px;background:#0a0706;border:1px solid var(--line);position:relative;transition:background .2s;box-shadow:inset 0 1px 4px #000}.aoc-ui .toggle__thumb{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:24px;height:24px;border-radius:50%;background:var(--tx-dim);transition:inset-inline-start .2s var(--ease),background .2s;box-shadow:0 1px 3px #000}.aoc-ui .toggle__input:checked~.toggle__track{background:linear-gradient(180deg,var(--ember-lo),var(--ember));border-color:var(--gold)}.aoc-ui .toggle__input:checked~.toggle__track .toggle__thumb{inset-inline-start:26px;background:#fff6e8}.aoc-ui .toggle__input:focus-visible~.toggle__track{outline:2px solid var(--gold-hi);outline-offset:2px}.aoc-ui .range{-webkit-appearance:none;appearance:none;height:34px;background:transparent;cursor:pointer;margin:0;direction:ltr}.aoc-ui .range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--ember-lo),var(--line));box-shadow:inset 0 1px 2px #000}.aoc-ui .range::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--ember-lo),var(--line))}.aoc-ui .range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold-lo));border:2px solid #1a1208;box-shadow:0 1px 4px #000}.aoc-ui .range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold-lo));border:2px solid #1a1208}.aoc-ui .state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px 16px;color:var(--tx-dim);min-height:160px;flex:1}.aoc-ui .state-box__icon{width:44px;height:44px;opacity:.55}.aoc-ui .state-box--error{color:var(--bad)}.aoc-ui .spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-block-start-color:var(--ember-hi);animation:aoc-spin .8s linear infinite}@keyframes aoc-spin{to{transform:rotate(360deg)}}.aoc-ui .toasts{position:absolute;inset-inline:0;inset-block-end:max(88px,calc(var(--sa-b) + 20px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding-inline:12px}.aoc-ui .toast{display:flex;align-items:center;gap:.6em;max-width:min(92vw,460px);padding:.6em 1em;background:linear-gradient(180deg,var(--bg-3),var(--bg-1));border:1px solid var(--gold-lo);border-radius:var(--r-md);box-shadow:var(--shadow-2);animation:aoc-toast-in .28s var(--ease);transition:opacity .25s,transform .25s}.aoc-ui .toast.is-leaving{opacity:0;transform:translateY(8px)}.aoc-ui .toast--success{border-color:#4f9a4b}.aoc-ui .toast--success .toast__icon{color:var(--good)}.aoc-ui .toast--error{border-color:var(--blood)}.aoc-ui .toast--error .toast__icon{color:var(--bad)}.aoc-ui .toast--warning{border-color:var(--gold)}@keyframes aoc-toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}.aoc-ui .banners{position:absolute;inset-inline:0;inset-block-start:22%;display:flex;justify-content:center;pointer-events:none}.aoc-ui .banner{text-align:center;padding:14px 48px;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .75) 20%,rgb(0 0 0 / .75) 80%,transparent);animation:aoc-banner-in .5s var(--ease);transition:opacity .5s}.aoc-ui .banner.is-leaving{opacity:0}.aoc-ui .banner__icon{width:34px;height:34px;color:var(--gold-hi)}.aoc-ui .banner__title{font-family:var(--font-display);font-size:1.9em;font-weight:800;color:var(--gold-hi);text-shadow:0 0 18px rgb(244 213 138 / .6),0 2px 4px #000;letter-spacing:.08em}.aoc-ui .banner__sub{color:var(--tx);opacity:.9}.aoc-ui .banner__rule{height:2px;margin-block-start:8px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}@keyframes aoc-banner-in{0%{opacity:0;transform:scale(1.15);letter-spacing:.3em}}.aoc-ui .modal-layer{position:absolute;inset:0;pointer-events:none}.aoc-ui .modal-layer.is-open{pointer-events:auto}.aoc-ui .modal-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:max(16px,var(--sa-t)) max(16px,var(--sa-r)) max(16px,var(--sa-b)) max(16px,var(--sa-l));animation:aoc-fade .18s var(--ease)}.aoc-ui .modal-wrap.is-leaving{opacity:0;transition:opacity .18s}.aoc-ui .modal-backdrop{position:absolute;inset:0;background:#000000b3}.aoc-ui .modal{position:relative;width:min(92vw,420px);max-height:100%;overflow:auto;padding:22px 20px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;border-color:var(--gold-lo);box-shadow:var(--shadow-2);animation:aoc-pop .22s var(--ease)}.aoc-ui .modal__icon{width:36px;height:36px;color:var(--gold)}.aoc-ui .modal__title{font-family:var(--font-display);font-size:1.25em;color:var(--gold-hi)}.aoc-ui .modal__body{color:var(--tx-dim)}.aoc-ui .modal__actions{width:100%;margin-block-start:6px}.aoc-ui .modal__actions .btn{flex:1 1 7em}.aoc-ui .qty{display:flex;align-items:center;gap:18px}.aoc-ui .qty__value{min-width:2.5em;font-size:1.8em;font-weight:800;font-family:var(--font-display);direction:ltr}.aoc-ui .qty__total{display:inline-flex;align-items:center;gap:.3em;color:var(--gold-hi);font-weight:700;direction:ltr}.aoc-ui .modal .range{width:100%}@keyframes aoc-fade{0%{opacity:0}}@keyframes aoc-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}}.aoc-ui .frame{width:min(1120px,100%);height:100%;display:flex;flex-direction:column;overflow:hidden;margin-inline:auto}.aoc-ui .frame__head{display:flex;align-items:center;gap:8px;padding:8px var(--pad);border-block-end:1px solid var(--line);background:linear-gradient(180deg,rgb(255 230 180 / .05),transparent);flex:none}.aoc-ui .frame__title{flex:1;min-width:0;font-family:var(--font-display);font-size:1.3em;line-height:1.25;color:var(--gold-hi);letter-spacing:.06em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.aoc-ui .frame__tools{display:flex;align-items:center;gap:8px;flex:none}.aoc-ui .frame__body{flex:1;min-height:0;padding:var(--pad);display:flex;flex-direction:column}.aoc-ui .frame__body>.state-box{flex:1}.aoc-ui .merchant{display:inline-flex;align-items:center;gap:.4em;flex:none}.aoc-ui .tabs{display:flex;gap:4px;padding:6px var(--pad) 0;overflow-x:auto;flex:none;border-block-end:1px solid var(--line);scrollbar-width:none}.aoc-ui .tabs::-webkit-scrollbar{display:none}.aoc-ui .tab{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:.4em .9em;border:1px solid transparent;border-block-end:0;border-radius:var(--r-sm) var(--r-sm) 0 0;background:transparent;color:var(--tx-dim);cursor:pointer;white-space:nowrap;font-weight:600;flex:none}.aoc-ui .tab.is-active{background:var(--bg-1);color:var(--gold-hi);border-color:var(--line);box-shadow:inset 0 2px 0 var(--ember)}@media(hover:hover){.aoc-ui .tab:hover:not(.is-active){color:var(--tx)}}.aoc-ui .split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:var(--gap)}.aoc-ui .split__list{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.aoc-ui .split__scroll{flex:1;min-height:0}.aoc-ui .split__detail{min-width:0;min-height:0;overflow:auto}.aoc-ui .split__detail>.state-box{min-height:120px}@media(max-width:720px)and (orientation:portrait),(max-width:560px){.aoc-ui .split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.aoc-ui .split__detail{max-height:46dvh;max-height:46vh}.aoc-ui .split__detail>.state-box{min-height:64px;padding:10px}.aoc-ui .tab:not(.is-active) .tab__label{display:none}.aoc-ui .tabs{padding-inline:6px;gap:2px}.aoc-ui .tab{padding-inline:.6em}.aoc-ui .tab:not(.is-active){min-width:42px;justify-content:center}}@media(max-height:460px){.aoc-ui .frame__head{padding-block:4px}.aoc-ui .frame__title{font-size:1.1em}.aoc-ui .tab{min-height:40px}.aoc-ui .btn--big{min-height:50px}}.aoc-ui .filters{display:flex;gap:6px;align-items:center;overflow-x:auto;flex:none;padding-block-end:2px;scrollbar-width:none}.aoc-ui .filters::-webkit-scrollbar{display:none}.aoc-ui .filter{display:inline-flex;align-items:center;gap:.4em;min-height:42px;padding:.3em .8em;flex:none;border-radius:999px;border:1px solid var(--line);background:#0000004d;color:var(--tx-dim);cursor:pointer;font-weight:600}.aoc-ui .filter.is-on{background:linear-gradient(180deg,var(--ember),var(--ember-lo));color:#fff6e8;border-color:var(--gold)}.aoc-ui .filters__cap{margin-inline-start:auto;padding-inline:8px;flex:none;direction:ltr}@media(max-width:560px){.aoc-ui .filter:not(.is-on) .filter__label:not(.filter__label--always){display:none}}.aoc-ui .grid-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;align-content:start;padding:8px 6px}.aoc-ui .grid-slots--small{grid-template-columns:repeat(auto-fill,minmax(52px,64px));margin-block-start:8px}.aoc-ui .detail{display:flex;flex-direction:column;gap:8px}.aoc-ui .detail__desc{color:var(--tx-dim)}.aoc-ui .detail__actions{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:6px;position:sticky;inset-block-end:calc(-1 * var(--pad));padding-block:8px var(--pad);margin-block-end:calc(-1 * var(--pad));background:linear-gradient(0deg,#14100e 75%,transparent);z-index:2}.aoc-ui .detail__actions .btn{flex:1 1 6em}.aoc-ui .detail__emptyslot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;text-align:center}.aoc-ui .detail-head{display:flex;align-items:center;gap:12px}.aoc-ui .detail-head__art{width:64px;flex:none}.aoc-ui .detail-head__text{min-width:0;display:flex;flex-direction:column;gap:4px}.aoc-ui .detail-head__name{font-family:var(--font-display);font-size:1.15em;color:var(--rar, var(--gold-hi));overflow-wrap:anywhere}.aoc-ui .detail-head__meta{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}.aoc-ui .pick-list{display:flex;flex-direction:column;gap:8px}.aoc-ui .pick{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:#00000040;text-align:start;width:100%}.aoc-ui .pick .slot{width:52px;flex:none}.aoc-ui .pick__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.aoc-ui .pick__name{font-weight:700;color:var(--rar, var(--tx));overflow-wrap:anywhere}.aoc-ui .pick--button{cursor:pointer;font:inherit;color:inherit;min-height:64px}.aoc-ui .pick--button.is-selected{border-color:var(--gold-hi);box-shadow:0 0 0 1px var(--gold-hi),0 0 12px #f4d58a40;background:#8a6a2826}.aoc-ui .pick--button.is-disabled{opacity:.5}.aoc-ui .pick--button.is-unknown{opacity:.6}.aoc-ui .pick--button.is-ready .pick__ready,.aoc-ui .pick__ready{color:var(--good)}.aoc-ui .price{display:inline-flex;align-items:center;gap:.3em;font-weight:700;color:var(--gold-hi);direction:ltr;flex:none}.aoc-ui .price.is-unaffordable{color:var(--bad)}.aoc-ui .menu{position:absolute;inset:0;overflow:hidden;background:var(--bg-0);display:flex;align-items:center;justify-content:center}.aoc-ui .menu__bg{position:absolute;inset:0}.aoc-ui .menu__sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 85%,#7a2f12,#3a1608 28%,#150b07 58%,#070504)}.aoc-ui .menu__ridge{position:absolute;inset-inline:0;bottom:0;background:#0a0706}.aoc-ui .menu__ridge--far{height:38%;opacity:.75;background:linear-gradient(#1b0f09,#0d0705);clip-path:polygon(0 62%,8% 40%,16% 55%,26% 22%,36% 52%,46% 30%,58% 58%,70% 18%,80% 48%,90% 30%,100% 55%,100% 100%,0 100%)}.aoc-ui .menu__ridge--near{height:24%;clip-path:polygon(0 55%,10% 38%,22% 60%,34% 35%,48% 62%,62% 32%,75% 58%,88% 36%,100% 60%,100% 100%,0 100%)}.aoc-ui .menu__embers{position:absolute;inset:0}.aoc-ui .ember{position:absolute;left:var(--x);bottom:-2%;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#ffd08a,#ff7a2a 55%,transparent 70%);opacity:0;animation:aoc-ember var(--d) linear var(--delay) infinite}@keyframes aoc-ember{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.9}to{transform:translate(40px,-105vh) scale(.3);opacity:0}}.aoc-ui .menu__content{position:relative;z-index:1;width:min(100%,440px);padding:max(20px,var(--sa-t)) 20px max(20px,var(--sa-b));display:flex;flex-direction:column;gap:28px;align-items:stretch;max-height:100%;overflow:auto}.aoc-ui .menu__title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.aoc-ui .menu__crest{width:54px;height:54px;color:var(--gold);filter:drop-shadow(0 0 12px rgb(217 169 72 / .6))}.aoc-ui .logo{font-family:var(--font-display);font-size:clamp(1.9rem,9vw,3rem);line-height:1.1;font-weight:900;letter-spacing:.1em;background:linear-gradient(180deg,#fff1c7,var(--gold) 55%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 6px rgb(0 0 0 / .8));text-transform:uppercase}.aoc-ui .menu__subtitle{color:var(--tx-dim);font-family:var(--font-story);font-style:italic}.aoc-ui .menu__buttons{display:flex;flex-direction:column;gap:12px}.aoc-ui .menu__corner{position:absolute;z-index:2;inset-block-end:max(10px,var(--sa-b));display:flex;gap:6px;align-items:center}.aoc-ui .menu__corner--end{inset-inline-end:max(10px,var(--sa-r))}.aoc-ui .menu__corner--start{inset-inline-start:max(12px,var(--sa-l))}@media(orientation:landscape)and (max-height:540px){.aoc-ui .menu__content{width:min(100%,900px);flex-direction:row;align-items:center;gap:36px}.aoc-ui .menu__title{flex:1}.aoc-ui .menu__buttons{flex:1;gap:8px}.aoc-ui .menu__buttons .btn--big{min-height:50px}.aoc-ui .menu__crest{width:40px;height:40px}}.aoc-ui .newgame{display:flex;flex-direction:column;gap:var(--gap);flex:1;min-height:0}.aoc-ui .newgame__story{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.aoc-ui .newgame__crest{width:32px;height:32px;color:var(--gold)}.aoc-ui .newgame__slots{display:flex;flex-direction:column;gap:8px}.aoc-ui .newgame__go{position:sticky;inset-block-end:0;padding-block:10px 2px;margin-block-start:auto;background:linear-gradient(0deg,var(--bg-1) 60%,transparent)}.aoc-ui .slots{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;padding:2px}.aoc-ui .slot-card{display:flex;align-items:stretch;padding:0;overflow:hidden}.aoc-ui .slot-card__main{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:12px 14px;min-height:76px;background:transparent;border:0;text-align:start;color:inherit;cursor:pointer}.aoc-ui .slot-card__main:disabled{cursor:default}.aoc-ui .slot-card__num{font-family:var(--font-display);font-weight:800;color:var(--gold);min-width:3.4em;font-size:1.05em}.aoc-ui .slot-card__info{display:flex;flex-direction:column;gap:4px;min-width:0}.aoc-ui .slot-card__name{font-weight:700;font-size:1.1em;overflow:hidden;text-overflow:ellipsis}.aoc-ui .slot-card__meta{display:flex;flex-wrap:wrap;gap:6px}.aoc-ui .slot-card__empty{display:flex;align-items:center;gap:.5em;color:var(--tx-mute)}.aoc-ui .slot-card__actions{display:flex;align-items:center;padding-inline:8px;border-inline-start:1px solid var(--line-soft)}.aoc-ui .slot-card.is-selected{border-color:var(--gold-hi);box-shadow:0 0 0 1px var(--gold-hi),0 0 14px #f4d58a40}.aoc-ui .slot-card.is-disabled{opacity:.55}@media(hover:hover){.aoc-ui .slot-card:not(.is-disabled) .slot-card__main:hover{background:#ffe6b40d}}.aoc-ui .settings{display:flex;flex-direction:column;gap:var(--gap);flex:1;min-height:0;padding:2px}.aoc-ui .settings__group .section-title:first-child{margin-block-start:0}.aoc-ui .settings__footer{padding-block:6px}.aoc-ui .pause{flex:1;display:grid;place-items:center;min-height:0}.aoc-ui .pause__panel{width:min(92vw,400px);max-height:100%;overflow:auto;padding:24px 20px;display:flex;flex-direction:column;gap:16px}.aoc-ui .pause__head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.aoc-ui .pause__crest{width:38px;height:38px;color:var(--gold)}.aoc-ui .pause__title{font-family:var(--font-display);font-size:1.7em;color:var(--gold-hi);letter-spacing:.12em}.aoc-ui .pause__buttons{display:flex;flex-direction:column;gap:10px}@media(max-height:520px){.aoc-ui .pause__panel{width:min(94vw,640px);padding:14px 18px;gap:10px}.aoc-ui .pause__head{flex-direction:row;justify-content:center;gap:10px}.aoc-ui .pause__buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}}.aoc-ui .char{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-content:start;flex:1;min-height:0;padding:2px}.aoc-ui .char__id{grid-column:1 / -1;display:flex;gap:16px;align-items:center}.aoc-ui .char__portrait{width:84px;height:84px;flex:none;display:grid;place-items:center;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle,var(--bg-3),#0a0706);color:var(--gold-hi)}.aoc-ui .char__portrait .ico{width:56px;height:56px}.aoc-ui .char__who{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.aoc-ui .char__name{font-family:var(--font-display);font-size:1.5em;color:var(--gold-hi);overflow-wrap:anywhere}.aoc-ui .char__level{display:inline-flex;align-items:center;gap:.4em;color:var(--ember-hi);font-weight:700}.aoc-ui .char__more{grid-column:1 / -1}.aoc-ui .vital{display:flex;flex-direction:column;gap:3px;margin-block-end:8px}.aoc-ui .vital__label{display:flex;align-items:center;gap:.4em;color:var(--tx-dim);font-size:.9em}.aoc-ui .vital .bar{height:1.4em;flex:none}.aoc-ui .attr-list{display:grid;grid-template-columns:1fr;gap:6px}.aoc-ui .attr{display:flex;align-items:center;gap:.6em;padding:6px 8px;border-radius:var(--r-sm);background:#00000040}.aoc-ui .attr__name{flex:1;color:var(--tx-dim)}.aoc-ui .attr__val{font-weight:800;font-family:var(--font-display);color:var(--tx);font-variant-numeric:tabular-nums}@media(max-width:640px){.aoc-ui .char{grid-template-columns:minmax(0,1fr)}}.aoc-ui .doll{display:grid;grid-template-columns:1fr minmax(48px,1.1fr) 1fr;gap:8px;align-items:center;justify-items:center;padding:6px;flex:1;min-height:0;max-height:100%}.aoc-ui .doll__col{display:flex;flex-direction:column;gap:8px;width:100%;max-width:92px}.aoc-ui .doll__cell{display:flex;flex-direction:column;align-items:center;gap:2px}.aoc-ui .doll__cell .slot{width:100%;max-width:76px}.aoc-ui .doll__label{font-size:.72em;color:var(--tx-mute);text-align:center}.aoc-ui .doll__hero{color:var(--line);display:grid;place-items:center;opacity:.55}.aoc-ui .doll__hero .ico{width:min(120px,90%);height:auto;stroke-width:1}.aoc-ui .equip-totals{flex:none}@media(max-height:520px){.aoc-ui .doll__label{display:none}.aoc-ui .doll{overflow:auto;align-items:start}}.aoc-ui .tree{background:radial-gradient(circle at 30% 30%,rgb(255 230 180 / .04),transparent 60%),#00000040;border-radius:var(--r-md);border:1px solid var(--line-soft)}.aoc-ui .tree__inner{position:relative;display:inline-block;padding:12px;min-width:100%}.aoc-ui .tree__links{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.aoc-ui .tree__grid{position:relative;display:grid;z-index:1;width:max-content;margin-inline:auto}.aoc-ui .link{fill:none;stroke:var(--line);stroke-width:3;stroke-linecap:round}.aoc-ui .link.is-on{stroke:var(--gold);filter:drop-shadow(0 0 4px rgb(217 169 72 / .6))}.aoc-ui .node{position:relative;place-self:center;width:calc(var(--node-cell) - 18px);aspect-ratio:1;border-radius:50%;border:3px solid var(--line);background:radial-gradient(circle at 40% 30%,var(--bg-3),#0b0806);color:var(--tx-mute);cursor:pointer;padding:0;display:grid;place-items:center;box-shadow:inset 0 0 10px #000,0 2px 4px #000;transition:transform .12s var(--ease)}.aoc-ui .node:active{transform:scale(.93)}.aoc-ui .node--active{border-radius:14px}.aoc-ui .node__art{width:54%;height:54%;display:grid;place-items:center}.aoc-ui .node__art .ico{width:100%;height:100%}.aoc-ui .node__rank{position:absolute;inset-block-end:-8px;inset-inline:0;margin-inline:auto;width:max-content;min-width:2.4em;padding:0 .5em;text-align:center;font-size:.72em;font-weight:800;border-radius:999px;background:#0b0806;border:1px solid var(--line);color:var(--tx-dim);direction:ltr;display:inline-flex;align-items:center;justify-content:center;line-height:1.5}.aoc-ui .node__rank .ico{width:.95em;height:.95em}.aoc-ui .node--available{border-color:var(--ember-hi);color:var(--ember-hi);box-shadow:inset 0 0 10px #000,0 0 12px #e0652a8c;animation:aoc-shimmer 1.6s ease-in-out infinite alternate}.aoc-ui .node--learned{border-color:var(--gold);color:var(--gold-hi)}.aoc-ui .node--max{border-color:var(--gold-hi);color:#fff1c7;box-shadow:inset 0 0 10px #000,0 0 14px #f4d58a99}.aoc-ui .node--locked{opacity:.6}.aoc-ui .node.is-selected{outline:3px solid var(--gold-hi);outline-offset:3px}.aoc-ui .req-list{display:flex;flex-direction:column;gap:4px}.aoc-ui .req-list li{display:flex;align-items:center;gap:.5em}.aoc-ui .req-list .is-met{color:var(--good)}.aoc-ui .req-list .is-unmet{color:var(--bad)}.aoc-ui .hotbar-pick{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:6px}.aoc-ui .hotbar-pick .btn{flex:1 1 5em}.aoc-ui .quest-list{display:flex;flex-direction:column;gap:8px}.aoc-ui .quest-row{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:#00000040;text-align:start;cursor:pointer;border-inline-start:4px solid var(--line)}.aoc-ui .quest-row--main{border-inline-start-color:var(--gold)}.aoc-ui .quest-row--bounty{border-inline-start-color:var(--blood)}.aoc-ui .quest-row.is-selected{border-color:var(--gold-hi);background:#8a6a2826}.aoc-ui .quest-row__icon{width:1.6em;height:1.6em;color:var(--gold)}.aoc-ui .quest-row__text{flex:1;min-width:0;display:flex;flex-direction:column}.aoc-ui .quest-row__title{font-weight:700;overflow-wrap:anywhere}.aoc-ui .quest-row__pin{color:var(--ember-hi)}.aoc-ui .objectives{display:flex;flex-direction:column;gap:8px}.aoc-ui .objective{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.aoc-ui .objective__mark{color:var(--tx-mute)}.aoc-ui .objective.is-done{color:var(--tx-dim)}.aoc-ui .objective.is-done .objective__mark{color:var(--good)}.aoc-ui .objective.is-done .objective__text{text-decoration:line-through}.aoc-ui .objective__count{font-weight:700;font-size:.9em}.aoc-ui .objective__bar{grid-column:1 / -1;height:5px;border-radius:99px;background:#0a0706;overflow:hidden}.aoc-ui .objective__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ember),var(--gold))}.aoc-ui .parchment{position:relative;flex:1;min-height:240px;direction:ltr;overflow:hidden;border-radius:var(--r-md);border:2px solid var(--gold-lo);background:radial-gradient(ellipse at 50% 45%,#d6b985,#b9955c 55%,#7a5a30);box-shadow:inset 0 0 50px #3c1e05cc,var(--shadow-1)}.aoc-ui .parchment:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 20% 30%,rgb(90 50 10 / .06) 0 2px,transparent 2px 9px);pointer-events:none}.aoc-ui .parchment__path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.aoc-ui .road{stroke:#5a3a14;stroke-width:3;stroke-dasharray:2 8;stroke-linecap:round;opacity:.85}.aoc-ui .road.is-locked{opacity:.35}.aoc-ui .pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:0;cursor:pointer;min-width:56px;z-index:1}.aoc-ui .pin__disc{position:relative;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff1c7;background:radial-gradient(circle at 35% 30%,var(--ember-hi),var(--ember-lo));border:3px solid #3a2208;box-shadow:0 3px 6px #0009;transition:transform .15s var(--ease)}.aoc-ui .pin__disc .ico{width:26px;height:26px}.aoc-ui .pin--edge-l{transform:translate(-25px,-50%);align-items:flex-start}.aoc-ui .pin--edge-r{transform:translate(calc(-100% + 25px),-50%);align-items:flex-end}.aoc-ui .pin:active .pin__disc{transform:scale(.92)}.aoc-ui .pin--locked .pin__disc{background:radial-gradient(circle at 35% 30%,#6d6558,#3b362e);color:#b4ab99}.aoc-ui .pin--cleared .pin__disc{background:radial-gradient(circle at 35% 30%,#7fc277,#2f6a2c)}.aoc-ui .pin.is-selected .pin__disc{outline:3px solid #fff;outline-offset:2px}.aoc-ui .pin__here{position:absolute;inset-block-start:-6px;width:14px;height:14px;background:var(--gold-hi);border:2px solid #3a2208;border-radius:50%;animation:aoc-ping 1.4s ease-out infinite}@keyframes aoc-ping{0%{box-shadow:0 0 #fff1c7cc}to{box-shadow:0 0 0 14px #fff1c700}}.aoc-ui .pin__label{padding:1px 8px;border-radius:6px;background:#1e1206d1;color:#f6e6c4;font-size:.78em;font-weight:700;white-space:nowrap;border:1px solid rgb(0 0 0 / .4)}.aoc-ui[dir=rtl] .pin__label{direction:rtl}.aoc-ui .ingredients{display:flex;flex-direction:column;gap:8px}.aoc-ui .ingredient{display:flex;align-items:center;gap:10px}.aoc-ui .ingredient .slot{width:46px;flex:none}.aoc-ui .ingredient__name{flex:1;min-width:0;overflow-wrap:anywhere}.aoc-ui .ingredient__count{font-weight:800;font-variant-numeric:tabular-nums}.aoc-ui .ingredient.is-met .ingredient__count{color:var(--good)}.aoc-ui .ingredient.is-unmet .ingredient__count{color:var(--bad)}.aoc-ui .dlg{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:max(10px,var(--sa-t)) max(12px,var(--sa-r)) max(12px,var(--sa-b)) max(12px,var(--sa-l));cursor:pointer}.aoc-ui .dlg__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0 / .78),rgb(0 0 0 / .25) 55%,transparent);pointer-events:none}.aoc-ui .dlg__stage{position:relative;width:min(100%,860px);display:flex;justify-content:flex-start;min-height:0}.aoc-ui .dlg__portrait{width:96px;height:96px;display:grid;place-items:center;color:var(--gold-hi);border-color:var(--gold-lo);border-radius:var(--r-lg)}.aoc-ui .dlg__portrait .ico{width:64px;height:64px}.aoc-ui .dlg__box{position:relative;width:min(100%,860px);max-height:64dvh;max-height:64vh;overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px;cursor:default}.aoc-ui .dlg__name{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-weight:800;color:var(--gold-hi);font-size:1.1em}.aoc-ui .dlg__text{font-size:1.1em;line-height:1.7;min-height:3.4em;white-space:pre-wrap;overflow-wrap:anywhere}.aoc-ui .dlg__choices{display:flex;flex-direction:column;gap:8px;margin-block-start:6px}.aoc-ui .dlg__choice-wrap{display:flex;flex-direction:column;gap:2px}.aoc-ui .dlg__choices .btn{justify-content:flex-start;text-align:start;font-family:var(--font-body);font-weight:600;letter-spacing:0}.aoc-ui .dlg__hint{display:flex;align-items:center;gap:.5em;justify-content:flex-end;color:var(--tx-dim);font-size:.85em;min-height:1.5em}.aoc-ui .pulse{animation:aoc-pulse 1s ease-in-out infinite alternate}@keyframes aoc-pulse{0%{opacity:.35}to{opacity:1}}@media(max-height:460px){.aoc-ui .dlg__portrait{width:64px;height:64px}.aoc-ui .dlg__portrait .ico{width:40px;height:40px}.aoc-ui .dlg__box{padding:10px 14px}}.aoc-ui .over{position:absolute;inset:0;display:grid;place-items:center;background:#050202;overflow:auto}.aoc-ui .over__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#6e140f8c,#050202f7 70%);pointer-events:none}.aoc-ui .over__content{position:relative;width:min(92vw,420px);padding:max(20px,var(--sa-t)) 16px max(20px,var(--sa-b));text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:aoc-pop .8s var(--ease)}.aoc-ui .over__skull{width:72px;height:72px;color:var(--blood-hi);filter:drop-shadow(0 0 16px rgb(230 90 79 / .6))}.aoc-ui .over__title{font-family:var(--font-display);font-size:clamp(1.8rem,8vw,2.8rem);color:var(--blood-hi);letter-spacing:.1em;text-shadow:0 0 24px rgb(182 52 44 / .7)}.aoc-ui .over__sub{color:var(--tx-dim)}.aoc-ui .over__buttons{width:100%;display:flex;flex-direction:column;gap:10px;margin-block-start:10px}.aoc-ui .ending{position:absolute;inset:0;display:grid;place-items:center;overflow:auto;background:#050403;cursor:pointer;--e1: #5a3a14;--e2: #1a0f06}.aoc-ui .ending--true_king{--e1: #8a6a20;--e2: #1b1405}.aoc-ui .ending--tyrant{--e1: #7a1d1a;--e2: #1a0505}.aoc-ui .ending--wanderer{--e1: #2d5a6a;--e2: #07141a}.aoc-ui .ending--hidden_truth{--e1: #4a2f7a;--e2: #0d0718}.aoc-ui .ending--fallen_hero{--e1: #4a4a4a;--e2: #080808}.aoc-ui .ending__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,var(--e1),var(--e2) 70%);opacity:.9;pointer-events:none}.aoc-ui .ending__beat{position:relative;width:min(92vw,720px);padding:24px 12px;text-align:center;display:flex;flex-direction:column;gap:28px;align-items:center;animation:aoc-fade 1.1s var(--ease)}.aoc-ui .ending__text{font-size:clamp(1.15rem,4.2vw,1.7rem);line-height:1.9;text-shadow:0 2px 8px #000}.aoc-ui .ending__dots{display:flex;gap:8px}.aoc-ui .ending__dots i{width:9px;height:9px;border-radius:50%;border:1px solid var(--gold-lo)}.aoc-ui .ending__dots i.is-on{background:var(--gold-hi)}.aoc-ui .ending__dots i.is-past{background:var(--gold-lo)}.aoc-ui .ending__card{position:relative;width:min(92vw,560px);max-height:94%;overflow:auto;padding:28px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default;animation:aoc-pop .8s var(--ease)}.aoc-ui .ending__icon{width:64px;height:64px;color:var(--gold-hi);filter:drop-shadow(0 0 14px rgb(244 213 138 / .6))}.aoc-ui .ending__label{color:var(--tx-mute);font-size:.85em;letter-spacing:.3em;text-transform:uppercase}.aoc-ui .ending__title{font-family:var(--font-display);font-size:clamp(1.7rem,7vw,2.5rem);color:var(--gold-hi);letter-spacing:.08em;text-shadow:0 0 20px rgb(244 213 138 / .5)}.aoc-ui .ending__tag{color:var(--tx-dim);font-size:1.1em}.aoc-ui .ending__stats{width:100%;text-align:start}.aoc-ui .ending__theend{font-family:var(--font-display);letter-spacing:.4em;color:var(--tx-mute);margin-block:6px}.aoc-ui .hud{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:max(8px,var(--sa-t)) max(10px,var(--sa-r)) 0 max(10px,var(--sa-l));font-size:calc(1em * var(--hud-scale));pointer-events:none}.aoc-ui .hud__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.aoc-ui .hud__vitals{pointer-events:none;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"id bars" "xp xp";gap:4px 10px;align-items:center;padding:8px 10px;width:min(58vw,300px);background:linear-gradient(180deg,#140e0ad1,#0a0705c7)}.aoc-ui .hud__id{grid-area:id;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.2em;padding:4px 8px;border-radius:var(--r-sm);border:1px solid var(--gold-lo);background:#0006}.aoc-ui .hud__level{font-family:var(--font-display);font-weight:800;color:var(--gold-hi);line-height:1.1;font-size:.95em;text-align:center;white-space:nowrap}.aoc-ui .hud__name{font-size:.7em;color:var(--tx-dim);max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aoc-ui .hud__name:empty{display:none}.aoc-ui .hud__bars{grid-area:bars;display:flex;flex-direction:column;gap:4px;min-width:0}.aoc-ui .hud__bar-row{display:flex;align-items:center;gap:6px}.aoc-ui .hud__bar-row .bar{height:1.1em}.aoc-ui .hud__bar-row--thin .bar{height:.6em}.aoc-ui .hud__ico{width:1em;height:1em}.aoc-ui .hud__ico--hp{color:var(--c-health-hi)}.aoc-ui .hud__ico--mp{color:var(--c-mana-hi)}.aoc-ui .hud__ico--sp{color:var(--c-stamina-hi)}.aoc-ui .hud__xp{grid-area:xp}.aoc-ui .hud__xp .bar{height:.5em}.aoc-ui .hud__corner{display:flex;align-items:center;gap:8px;flex:none}.aoc-ui .hud__gold{background:#0a0705cc;padding:.35em .8em;font-size:1em}.aoc-ui .hud__pause{pointer-events:auto;background:#0a0705cc}.aoc-ui .hud__boss{align-self:center;width:min(560px,92%);display:flex;flex-direction:column;gap:3px;pointer-events:none}.aoc-ui .hud__boss-name{display:flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-display);font-weight:800;color:#ffd7d0;text-shadow:0 2px 4px #000,0 0 10px rgb(224 72 72 / .6);letter-spacing:.1em}.aoc-ui .hud__boss .bar{height:1em;border-color:#3a0c0c;flex:none}.aoc-ui .hud__boss-phase{font-size:.8em;padding:0 .6em;border-radius:999px;border:1px solid #7a2a2a;background:#3c0a0ab3;letter-spacing:0}.aoc-ui .hud__objectives{align-self:flex-start;width:min(54vw,250px);padding:8px 10px;border-radius:var(--r-md);background:#0a070599;border:1px solid var(--line-soft);pointer-events:none;display:flex;flex-direction:column;gap:4px}.aoc-ui .hud__objectives{max-height:30vh;overflow:hidden}.aoc-ui .hud__obj-head{display:flex;align-items:center;gap:.4em;color:var(--gold);font-family:var(--font-display);font-size:.8em;font-weight:700}.aoc-ui .hud__obj-title{font-weight:700;font-size:.9em;line-height:1.3}.aoc-ui .hud__obj-text{font-size:.78em;color:var(--tx-dim);line-height:1.35}@media(max-height:640px){.aoc-ui .hud__obj-text{display:none}.aoc-ui .hud__obj:nth-of-type(n+4){display:none}}@media(max-height:430px){.aoc-ui .hud__obj-text,.aoc-ui .hud__obj-head{display:none}.aoc-ui .hud__obj:nth-of-type(n+3){display:none}.aoc-ui .hud__objectives,.aoc-ui .hud__vitals{padding:5px 8px}}.aoc-ui .hud__skills{position:absolute;inset-inline:0;inset-block-end:max(10px,var(--sa-b));display:flex;justify-content:center;gap:8px;pointer-events:none}.aoc-ui.touch-on .hud__skills{display:none}.aoc-ui .hud-skill{position:relative;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:var(--tx);background:radial-gradient(circle at 50% 30%,var(--bg-3),#0b0806);border:2px solid var(--gold-lo);box-shadow:var(--shadow-1)}.aoc-ui .hud-skill>.ico,.aoc-ui .hud-skill>.glyph-img{width:60%;height:60%}.aoc-ui .hud-skill.is-empty{opacity:.45;border-style:dashed}.aoc-ui .hud-skill.is-nomana{filter:grayscale(.8) brightness(.7);border-color:var(--c-mana)}.aoc-ui .hud-skill__key{position:absolute;inset-block-end:1px;inset-inline-end:4px;font-size:.7em;font-weight:800;color:var(--tx-dim);direction:ltr}.aoc-ui .touch{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(14px,var(--sa-r)) max(14px,var(--sa-b)) max(14px,var(--sa-l));pointer-events:none;opacity:var(--ctl-opacity);direction:ltr}.aoc-ui.left-handed .touch{flex-direction:row-reverse}.aoc-ui .touch__left,.aoc-ui .touch__right{pointer-events:none}.aoc-ui .stick{pointer-events:auto;touch-action:none;position:relative;width:calc(150px * var(--cs));height:calc(150px * var(--cs));display:grid;place-items:center;border-radius:50%}.aoc-ui .stick__ring{position:absolute;inset:6%;border-radius:50%;border:3px solid rgb(244 213 138 / .55);background:radial-gradient(circle,#140e0a59,#140e0a99);box-shadow:inset 0 0 18px #0009}.aoc-ui .stick__knob{position:relative;width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold-lo));border:3px solid #2a1c08;box-shadow:0 3px 8px #000;transition:transform .06s linear;will-change:transform}.aoc-ui .stick.is-active .stick__ring{border-color:var(--gold-hi)}.aoc-ui .touch__right{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:calc(10px * var(--cs))}.aoc-ui .touch__skills{display:flex;gap:calc(8px * var(--cs))}.aoc-ui .touch__cluster{position:relative;width:calc(214px * var(--cs));height:calc(190px * var(--cs))}.aoc-ui .abtn{pointer-events:auto;touch-action:none;position:absolute;display:grid;place-items:center;border-radius:50%;color:var(--tx);background:radial-gradient(circle at 35% 28%,#4a3a2a,#1a1109 75%);border:3px solid var(--gold-lo);box-shadow:0 4px 10px #000000b3,inset 0 1px #ffe6b440;transition:transform .06s,filter .06s;-webkit-user-select:none;user-select:none}.aoc-ui .abtn .ico{width:46%;height:46%}.aoc-ui .abtn.is-down{transform:scale(.9);filter:brightness(1.45);border-color:var(--gold-hi)}.aoc-ui .abtn--attack{width:calc(96px * var(--cs));height:calc(96px * var(--cs));inset-inline-end:0;inset-block-end:0;background:radial-gradient(circle at 35% 28%,var(--ember-hi),var(--ember-lo) 80%);border-color:var(--gold-hi)}.aoc-ui .abtn--jump{width:calc(70px * var(--cs));height:calc(70px * var(--cs));inset-inline-end:calc(24px * var(--cs));inset-block-end:calc(108px * var(--cs))}.aoc-ui .abtn--dodge{width:calc(68px * var(--cs));height:calc(68px * var(--cs));inset-inline-end:calc(108px * var(--cs));inset-block-end:calc(10px * var(--cs))}.aoc-ui .abtn--interact{width:calc(58px * var(--cs));height:calc(58px * var(--cs));inset-inline-end:calc(120px * var(--cs));inset-block-end:calc(92px * var(--cs))}.aoc-ui .abtn--skill{position:relative;width:calc(58px * var(--cs));height:calc(58px * var(--cs));border-radius:16px}.aoc-ui .abtn--skill.is-empty{opacity:.4;border-style:dashed}.aoc-ui .abtn--skill.is-nomana{filter:grayscale(.8) brightness(.7)}.aoc-ui .abtn--skill .glyph-img{width:64%;height:64%}.aoc-ui .abtn__txt{position:absolute;inset-block-start:2px;inset-inline-end:6px;font-size:.7em;font-weight:800;color:var(--tx-dim)}@media(max-height:420px){.aoc-ui .touch__right{flex-direction:row;align-items:flex-end;gap:calc(10px * var(--cs))}.aoc-ui .touch__skills{flex-direction:column}}@media(max-height:420px){.aoc-ui .stick{width:calc(124px * var(--cs));height:calc(124px * var(--cs))}.aoc-ui .touch__cluster{width:calc(190px * var(--cs));height:calc(160px * var(--cs))}.aoc-ui .abtn--attack{width:calc(82px * var(--cs));height:calc(82px * var(--cs))}.aoc-ui .abtn--jump{inset-block-end:calc(90px * var(--cs));inset-inline-end:calc(18px * var(--cs));width:calc(60px * var(--cs));height:calc(60px * var(--cs))}.aoc-ui .abtn--dodge{inset-inline-end:calc(94px * var(--cs));width:calc(60px * var(--cs));height:calc(60px * var(--cs))}.aoc-ui .abtn--interact{inset-inline-end:calc(104px * var(--cs));inset-block-end:calc(74px * var(--cs));width:calc(50px * var(--cs));height:calc(50px * var(--cs))}.aoc-ui .abtn--skill{width:calc(48px * var(--cs));height:calc(48px * var(--cs))}}.aoc-ui .touch__extras{display:flex;align-self:flex-end;gap:calc(8px * var(--cs))}.aoc-ui .abtn--heavy,.aoc-ui .abtn--block{position:relative;width:calc(54px * var(--cs));height:calc(54px * var(--cs));border-radius:16px}.aoc-ui .abtn--heavy{border-color:var(--ember-hi)}.aoc-ui .abtn--block{border-color:#87a9b5}@media(max-height:420px){.aoc-ui .touch__extras{flex-direction:column}.aoc-ui .abtn--heavy,.aoc-ui .abtn--block{width:calc(48px * var(--cs));height:calc(48px * var(--cs))}}:root,html,body,#app,#game-root{width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden}#app,#game-root{position:fixed;inset:0;background:#100d0d}#game-root{display:grid;place-items:center}#game-root canvas{display:block;width:min(100vw,177.7778dvh)!important;height:min(56.25vw,100dvh)!important;max-width:100vw;max-height:100dvh;touch-action:none}.aoc-ui{position:fixed;inset:50% auto auto 50%;width:min(100vw,177.7778dvh);height:min(56.25vw,100dvh);transform:translate(-50%,-50%);overflow:hidden;contain:layout paint}html.aoc-portrait-mode .aoc-ui{visibility:hidden}.aoc-ui .menu__content{width:min(100%,900px);max-height:100%;flex-direction:row;align-items:center;justify-content:center;gap:clamp(18px,4vw,52px);padding:18px clamp(18px,3vw,42px)}.aoc-ui .menu__title,.aoc-ui .menu__buttons{flex:1 1 0;min-width:0}.aoc-ui .menu__buttons{gap:clamp(6px,1.4vh,12px)}.aoc-ui .menu__buttons .btn--big{min-height:clamp(46px,10vh,64px)}.aoc-ui .menu__corner{z-index:5}.aoc-ui .hud{gap:clamp(4px,1vh,8px);padding:max(8px,var(--sa-t)) max(10px,var(--sa-r)) 0 max(10px,var(--sa-l))}.aoc-ui .hud__vitals{width:min(34vw,300px)}.aoc-ui .hud__boss{width:min(48vw,620px)}.aoc-ui .hud__objectives{width:min(30vw,250px)}.aoc-ui .touch{padding:0 max(12px,var(--sa-r)) max(10px,var(--sa-b)) max(12px,var(--sa-l))}.aoc-ui .stick{width:clamp(88px,21vh,132px);height:clamp(88px,21vh,132px)}.aoc-ui .touch__right{gap:clamp(4px,1vh,9px)}.aoc-ui .touch__cluster{width:clamp(150px,34vh,205px);height:clamp(132px,31vh,184px)}.aoc-ui .abtn--attack{width:clamp(68px,17vh,94px);height:clamp(68px,17vh,94px)}.aoc-ui .abtn--jump{width:clamp(48px,12vh,66px);height:clamp(48px,12vh,66px);inset-block-end:clamp(78px,20vh,106px)}.aoc-ui .abtn--dodge{width:clamp(48px,12vh,64px);height:clamp(48px,12vh,64px);inset-inline-end:clamp(78px,20vh,106px)}.aoc-ui .abtn--interact{width:clamp(42px,10vh,56px);height:clamp(42px,10vh,56px);inset-inline-end:clamp(86px,22vh,116px);inset-block-end:clamp(66px,17vh,90px)}.aoc-ui .abtn--skill,.aoc-ui .abtn--heavy,.aoc-ui .abtn--block{width:clamp(42px,10vh,54px);height:clamp(42px,10vh,54px)}.aoc-ui .touch__skills{gap:clamp(4px,1vh,8px)}.aoc-ui .aoc-utility-controls{top:auto;right:auto;left:max(12px,var(--sa-l));bottom:clamp(132px,29vh,178px);gap:6px}.aoc-ui .aoc-utility-controls .aoc-extra-control{min-width:58px;min-height:34px;padding-inline:9px;font-size:10px}@media(max-height:430px){.aoc-ui .hud__obj-text,.aoc-ui .hud__obj-head{display:none}.aoc-ui .hud__objectives{padding:4px 7px;max-height:18vh}.aoc-ui .hud__vitals{padding:5px 7px}.aoc-ui .menu__content{gap:14px;padding-block:8px}.aoc-ui .menu__crest{width:34px;height:34px}.aoc-ui .logo{font-size:clamp(1.35rem,5vh,2rem)}}@media(orientation:portrait){#game-root canvas,.aoc-ui{visibility:hidden}}.aoc-ui{--bg-0: #09090c;--bg-1: #111116;--bg-2: #1a191d;--bg-3: #28242a;--line: #514238;--line-soft: #382e2b;--gold: #cda66a;--gold-hi: #f1d6a0;--gold-lo: #795a36;--ember: #b95a32;--ember-hi: #f08b50;--ember-lo: #642b22;--shadow-1: 0 3px 9px rgb(0 0 0 / .62), inset 0 1px 0 rgb(255 239 210 / .045);--shadow-2: 0 14px 38px rgb(0 0 0 / .72), 0 0 28px rgb(173 105 63 / .08)}.aoc-ui .screen{isolation:isolate;background:radial-gradient(ellipse at 50% 18%,rgb(101 68 57 / .22),transparent 54%),radial-gradient(ellipse at 50% 100%,rgb(156 83 45 / .12),transparent 52%),linear-gradient(145deg,#110f12f7,#05060afb)}.aoc-ui .screen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24;background:repeating-linear-gradient(0deg,transparent 0 5px,rgb(231 207 169 / .018) 6px),radial-gradient(ellipse at 50% 50%,transparent 38%,rgb(0 0 0 / .52) 100%)}.aoc-ui .panel{border-color:#9d79529e;background:linear-gradient(135deg,rgb(255 230 190 / .055),transparent 24% 76%,rgb(255 190 120 / .025)),repeating-linear-gradient(135deg,rgb(255 255 255 / .012) 0 1px,transparent 1px 5px),linear-gradient(155deg,#282127,#151318 68%,#100e12);box-shadow:inset 0 0 0 1px #000000bf,inset 0 1px #ffedcc1f,0 12px 32px #0000006b}.aoc-ui .panel--big{border-color:#9d784d;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffe8bf29,0 0 0 1px #d9a9691f,0 15px 40px #00000094}.aoc-ui .panel--big:before,.aoc-ui .panel--big:after{width:24px;height:24px;border-color:#d4ad73;filter:drop-shadow(0 0 4px rgb(218 171 111 / .3))}.aoc-ui .btn{border-color:#80613e;background:linear-gradient(180deg,#393039,#211c22 48%,#151217);box-shadow:inset 0 1px #fff1d724,inset 0 -3px #00000052,0 3px 8px #0000007a;text-shadow:0 1px 3px #000}.aoc-ui .btn--primary{background:linear-gradient(180deg,#e39a5c,#a94f30 48%,#59251e);border-color:#e1bd83;box-shadow:inset 0 1px #ffefd261,inset 0 -3px #36130f7a,0 0 18px #cc5e3133,0 4px 9px #00000080}.aoc-ui .slot,.aoc-ui .hud-skill{background:radial-gradient(circle at 50% 30%,rgb(104 79 77 / .42),transparent 62%),linear-gradient(145deg,#28232b,#0c0b10);box-shadow:inset 0 1px #ffefd324,inset 0 0 12px #000c,0 3px 8px #00000085}.aoc-ui .hud__vitals,.aoc-ui .hud__objectives,.aoc-ui .hud__gold,.aoc-ui .hud__pause{border:1px solid rgb(151 117 78 / .56);border-radius:9px;box-shadow:inset 0 1px #ffebcd14,0 4px 14px #00000070;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.aoc-ui .hud__vitals{background:linear-gradient(145deg,#20191be0,#09080cdb)}.aoc-ui .hud__objectives{background:linear-gradient(145deg,#1c171bdb,#09080cd1)}.aoc-ui .hud-skill{border-color:#a98250;border-radius:10px}.aoc-ui .hud__boss .bar{box-shadow:0 0 16px #ab23273d,inset 0 1px 4px #000}.aoc-ui .frame__head{background:linear-gradient(180deg,rgb(255 230 190 / .075),transparent);border-color:#aa855866}.aoc-ui .tab.is-active{background:linear-gradient(180deg,#30252a,#171318);border-color:#755738;box-shadow:inset 0 2px #d09a59,0 -3px 12px #0000003d}.aoc-ui .filter.is-on{background:linear-gradient(180deg,#b86a3e,#58291f);border-color:#d6ae77}.aoc-ui .chip{border-color:#97754e70;background:#08070a85}.aoc-ui .bar{border-color:#08070a;box-shadow:inset 0 2px 4px #000,0 0 0 1px #b78f5e38}.aoc-ui .bar__fill{filter:saturate(.9) contrast(1.05)}.aoc-ui .touch__cluster .abtn,.aoc-ui .stick{background-color:#110e12b8;border-color:#c49e6c9e;box-shadow:inset 0 1px #ffebcd26,0 5px 14px #00000080}@media(max-height:430px){.aoc-ui .panel--big:before,.aoc-ui .panel--big:after{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){.aoc-ui .panel,.aoc-ui .btn,.aoc-ui .slot{transition:none!important}}.aoc-ui .dlg__box{position:relative}.aoc-ui .dlg__exit{position:absolute;inset-block-start:10px;inset-inline-end:12px;z-index:5;min-height:34px;padding:6px 12px;border:1px solid rgba(210,174,124,.55);border-radius:999px;background:#140f0ee0;color:#e8d4b8;font:inherit;font-size:12px;cursor:pointer}.aoc-ui .dlg__exit:focus-visible{outline:2px solid #e5b46f;outline-offset:3px}.aoc-ui[dir=rtl] .dlg__exit{letter-spacing:0}.aoc-ui .dlg__box{padding-block-start:54px}.aoc-ui .dlg__exit{min-height:36px;padding:7px 13px}@media(max-height:460px){.aoc-ui .dlg__box{padding-block-start:46px}.aoc-ui .dlg__exit{min-height:32px;padding:5px 10px}}.aoc-ui .screen,.aoc-ui .panel,.aoc-ui .hud__vitals,.aoc-ui .hud__objectives,.aoc-ui .hud__gold,.aoc-ui .hud__pause{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.aoc-ui .screen:before{opacity:.07;background:radial-gradient(ellipse at 50% 50%,transparent 42%,rgb(0 0 0 / .32) 100%)}.aoc-ui .hud__vitals{background:linear-gradient(145deg,#1d1718f5,#09080cf0)}.aoc-ui .hud__objectives{background:linear-gradient(145deg,#1a1619f2,#09080ceb)}.aoc-ui .hud__gold,.aoc-ui .hud__pause{background:#0c0a0cf0}.aoc-ui .panel--big:before,.aoc-ui .panel--big:after{filter:none}.aoc-ui .aoc-utility-controls{z-index:18}.aoc-ui .screen[data-screen=dialogue]{z-index:40}.aoc-ui .dlg__exit{z-index:50;pointer-events:auto}@keyframes aoc-screen-arrive{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aoc-dialogue-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes aoc-hud-arrive{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.aoc-ui .screen.is-entering{animation:aoc-screen-arrive .2s ease-out both}.aoc-ui .dlg__box{animation:aoc-dialogue-arrive .24s cubic-bezier(.2,.75,.25,1) both}.aoc-ui .dlg__portrait{animation:aoc-dialogue-arrive .28s ease-out both}.aoc-ui .hud__vitals,.aoc-ui .hud__corner,.aoc-ui .hud__objectives{animation:aoc-hud-arrive .28s ease-out both}.aoc-ui .btn{transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.aoc-ui .btn:active,.aoc-ui .aoc-extra-control:active{transform:translateY(2px) scale(.985)}.aoc-ui .aoc-utility-controls{position:absolute;z-index:18;display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.aoc-ui .aoc-utility-controls .aoc-extra-control{border:1px solid #9a7950;border-radius:9px;color:#f2dfc0;background:linear-gradient(180deg,#393039,#171318);box-shadow:inset 0 1px #ffefd224,0 2px 5px #0000006b;font:700 10px/1.2 var(--font-body);letter-spacing:.02em;cursor:pointer;touch-action:manipulation}.aoc-ui .aoc-utility-controls .aoc-extra-control:focus-visible,.aoc-ui .dlg__exit:focus-visible{outline:2px solid #f0c77f;outline-offset:2px}.aoc-ui .dlg__exit{background:linear-gradient(180deg,#49332b,#1b1414);border-color:#c69a61;color:#ffe7c0;box-shadow:inset 0 1px #ffeecd29,0 2px 7px #0000006b;touch-action:manipulation}@media(prefers-reduced-motion:reduce){.aoc-ui .screen.is-entering,.aoc-ui .dlg__box,.aoc-ui .dlg__portrait,.aoc-ui .hud__vitals,.aoc-ui .hud__corner,.aoc-ui .hud__objectives{animation:none!important}.aoc-ui .btn{transition:none!important}}:root{color-scheme:dark;font-family:Georgia,Noto Sans Arabic,system-ui,sans-serif;background:#171315}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden;background:#171315}body{overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#game-root{position:absolute;inset:0}#game-root canvas{display:block;touch-action:none}.aoc-ui{z-index:20}.aoc-extra-controls{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px;z-index:30;pointer-events:none}.aoc-extra-control{pointer-events:auto;min-width:72px;min-height:46px;border:1px solid rgba(228,183,126,.55);border-radius:14px;color:#f2dfc4;background:#221919c2;font:700 10px/1 system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 5px 18px #0008;backdrop-filter:blur(8px);touch-action:none}.aoc-extra-control:active{background:#8f5334e6;transform:scale(.96)}.aoc-extra-heavy{border-color:#dc7d53bf}.aoc-extra-block{border-color:#82aab4bf}.aoc-boot-error{position:fixed;inset:20px;z-index:1000;display:grid;place-items:center;padding:24px;color:#ffe0d0;background:#291b1b;border:1px solid #b65c48;border-radius:18px;text-align:center}@media(max-width:600px){.aoc-extra-controls{right:12px;bottom:max(20px,env(safe-area-inset-bottom))}}.aoc-utility-controls{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:7px;z-index:31;pointer-events:none}.aoc-utility-controls .aoc-extra-control{pointer-events:auto;min-width:58px;min-height:36px;padding:0 10px;font-size:9px}.aoc-extra-shop{border-color:#dbad69bf}.aoc-extra-craft{border-color:#8fb18cbf}.aoc-extra-controls{bottom:max(20px,env(safe-area-inset-bottom))}.aoc-extra-controls{display:none!important}.aoc-orientation-gate{display:none;position:fixed;inset:0;z-index:100000;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#f5e6c9;background:radial-gradient(ellipse at 50% 35%,#34251c,#17100e 68%,#090807);text-align:center;direction:rtl}.aoc-orientation-card{width:min(100%,440px);padding:32px 24px;border:1px solid rgba(218,177,104,.65);border-radius:22px;background:#16100eeb;box-shadow:0 18px 60px #0009,inset 0 0 28px #d4a34a12}.aoc-orientation-icon{display:inline-grid;place-items:center;width:82px;height:82px;margin-bottom:16px;border:2px solid #d8b36c;border-radius:18px;color:#e7c77e;font:56px/1 system-ui,sans-serif}.aoc-orientation-card h1{margin:0 0 12px;color:#e9ca83;font:700 clamp(22px,4vw,30px)/1.5 system-ui,sans-serif}.aoc-orientation-card p{margin:0 0 22px;color:#e5d6c2;font:16px/1.9 system-ui,sans-serif}.aoc-orientation-card button{min-height:48px;padding:10px 20px;border:1px solid #d8ad62;border-radius:12px;color:#21160e;background:linear-gradient(180deg,#f2c777,#bd7739);font:700 14px system-ui,sans-serif}html.aoc-portrait-mode #game-root{visibility:hidden}html.aoc-portrait-mode .aoc-orientation-gate{display:flex}#game-root canvas{image-rendering:pixelated;image-rendering:crisp-edges}.aoc-ui .glyph-img,.aoc-ui img{image-rendering:pixelated}.aoc-ui .panel,.aoc-ui .panel--big,.aoc-ui .slot,.aoc-ui .hud-skill,.aoc-ui .btn,.aoc-ui .touch__cluster .abtn,.aoc-ui .stick{border-radius:2px!important;box-shadow:3px 3px #050507,inset 0 0 0 1px #f5d59f29;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.aoc-ui .panel{background:repeating-linear-gradient(0deg,rgb(255 255 255 / .025) 0 2px,transparent 2px 4px),linear-gradient(180deg,#29242b,#111117);border:2px solid #9c7950}.aoc-ui .btn{border:2px solid #9d784d}.aoc-ui .btn--primary{border-color:#f0c27b}.aoc-ui .hud__vitals,.aoc-ui .hud__objectives,.aoc-ui .hud__gold,.aoc-ui .hud__pause{border-radius:2px;border:2px solid #8d704d;box-shadow:2px 2px #050507}.aoc-ui .aoc-pixel-pack-panel{position:absolute;inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:max(12px,env(safe-area-inset-right));z-index:80;display:flex;flex-direction:column;gap:6px;width:min(280px,42vw);padding:10px;color:#f5e8cc;background:#17171d;border:2px solid #b58b57;box-shadow:4px 4px #050507,inset 0 0 0 2px #35303a;pointer-events:auto;font:12px/1.5 system-ui,sans-serif}.aoc-ui .aoc-pixel-pack-title{color:#f2cb88;font-size:12px}.aoc-ui .aoc-pixel-pack-status{color:#c6bcae;font-size:10px;overflow-wrap:anywhere}.aoc-ui .aoc-pixel-pack-button{min-height:34px;padding:6px 10px;color:#21170e;background:#d7aa68;border:2px solid #f4d39b;box-shadow:2px 2px #050507;font:800 11px/1.2 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.aoc-ui .aoc-pixel-pack-button:disabled{opacity:.62;cursor:progress}@media(max-width:700px){.aoc-ui .aoc-pixel-pack-panel{width:min(230px,45vw)}}
