@font-face{font-family:PonomarUI;src:url(/assets/ponomar.ui-CgYi_OA0.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ruslan Display;src:url(/assets/RuslanDisplay-cyrillic-CrNaAs1F.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ruslan Display;src:url(/assets/RuslanDisplay-latin-Bw2GNpT4.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tf-face-display:"PonomarUI", "Palatino Linotype", Palatino, Georgia, serif;--tf-face-rubric:"Ruslan Display", "PonomarUI", Georgia, serif;--tf-face-body:Georgia, "Noto Serif", "Times New Roman", serif;--tf-pad:22px;--tf-card-h:780px;--tf-carve:url(/assets/carve-DGTvwjOv.svg) 15 round;--tf-frame:15px;--tf-frame-slim:8px;--tf-band-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M0 6C6 0.6 14 0.6 20 6S34 11.4 40 6'/%3E%3Cpath d='M0 6C6 11.4 14 11.4 20 6S34 0.6 40 6'/%3E%3C/g%3E%3Cg fill='%23000'%3E%3Cpath d='M20 2.4 22.6 6 20 9.6 17.4 6Z'/%3E%3Cpath d='M0 2.4 2.6 6 0 9.6 -2.6 6Z'/%3E%3Cpath d='M40 2.4 42.6 6 40 9.6 37.4 6Z'/%3E%3C/g%3E%3C/svg%3E")}:root,:root[data-tf-skin=parchment]{--tf-veil:#140d0670;--tf-ground:#e7d8b6;--tf-ground-lo:#d2bc92;--tf-ground-veil:#e8dab8eb;--tf-ink:#2f2114;--tf-ink-soft:#6b563a;--tf-cinnabar:#a3301d;--tf-gold:#9a7a2c;--tf-rule:#2f211447;--tf-inner-glow:inset 0 0 46px #78522238;--tf-drop-filter:drop-shadow(0 12px 22px #00000080)}:root[data-tf-skin=nightink]{--tf-veil:#0305088f;--tf-ground:#1a150e;--tf-ground-lo:#100c07;--tf-ground-veil:#1a150ee6;--tf-ink:#e9dfc6;--tf-ink-soft:#a5947a;--tf-cinnabar:#cf5138;--tf-gold:#cfa957;--tf-rule:#cfa95742;--tf-inner-glow:inset 0 0 46px #0000008c;--tf-drop-filter:drop-shadow(0 12px 22px #000000b3)}.tf-veil{z-index:40;box-sizing:border-box;background:var(--tf-veil);opacity:0;justify-content:center;align-items:center;padding:14px;transition:opacity .2s;display:flex;position:fixed;inset:0}.tf-veil.tf-in{opacity:1}.tf-card{box-sizing:border-box;width:min(440px,100%);height:min(var(--tf-card-h), calc(100vh - 28px));overscroll-behavior:contain;padding:calc(var(--tf-pad) - 4px) var(--tf-pad) var(--tf-pad);color:var(--tf-ink);font:15px/1.6 var(--tf-face-body);border:var(--tf-frame) solid #6a4a22;border-image:var(--tf-carve);background-color:var(--tf-ground);background-image:radial-gradient(120% 90% at 18% 8%, #fffaeb80, transparent 60%), radial-gradient(90% 70% at 88% 22%, var(--tf-ground-lo), transparent 55%), radial-gradient(80% 60% at 12% 92%, var(--tf-ground-lo), transparent 60%), radial-gradient(140% 120% at 50% 50%, transparent 62%, var(--tf-ground-lo));box-shadow:var(--tf-inner-glow);filter:var(--tf-drop-filter);background-clip:padding-box;flex-direction:column;transition:transform .22s cubic-bezier(.2,.8,.3,1);display:flex;position:relative;overflow-y:auto;transform:translateY(6px)}.tf-veil.tf-in .tf-card{transform:none}.tf-card>*{flex:none}@media (orientation:landscape){.tf-veil{background:linear-gradient(to right, var(--tf-veil) 30%, transparent 82%);justify-content:flex-start;padding-left:min(3vw,34px)}.tf-card{max-width:46vw}}@media (orientation:portrait){.tf-veil{background:linear-gradient(to top, var(--tf-veil) 34%, transparent 86%);align-items:flex-end;padding-bottom:max(14px,3vh)}.tf-card{height:min(var(--tf-card-h), 46vh)}}.tf-veil.tf-greeting{background:var(--tf-veil);justify-content:center;align-items:center;padding:14px}.tf-veil.tf-greeting .tf-card{width:100%;max-width:min(560px,92vw);height:auto;max-height:calc(100vh - 28px)}.tf-accept{appearance:none;font:13px/1.2 var(--tf-face-rubric);letter-spacing:.14em;text-transform:uppercase;color:var(--tf-ink);cursor:pointer;border:var(--tf-frame-slim) solid #6a4a22;border-image:var(--tf-carve);background:padding-box padding-box;align-self:flex-start;margin:16px 0 0;padding:7px 18px;transition:color .18s}.tf-accept:hover{color:var(--tf-cinnabar)}.tf-caveat{border-top:1px solid var(--tf-rule);color:var(--tf-cinnabar);margin-top:12px;padding-top:10px;font-size:13.5px;line-height:1.5}.tf-rubric{font:12px/1.2 var(--tf-face-rubric);text-transform:uppercase;letter-spacing:.18em;color:var(--tf-cinnabar);margin:0 44px 6px 0}.tf-title{font-family:var(--tf-face-display);color:var(--tf-ink);margin:0 40px 0 0;font-size:clamp(24px,6.4vw,30px);line-height:1.16}.tf-initial{color:var(--tf-cinnabar);font-size:1.16em;line-height:1}.tf-band{background:var(--tf-gold);opacity:.85;height:12px;-webkit-mask:var(--tf-band-mask) center/40px 12px repeat-x;-webkit-mask:var(--tf-band-mask) center/40px 12px repeat-x;mask:var(--tf-band-mask) center/40px 12px repeat-x;margin:14px 0 12px}.tf-fact{color:var(--tf-ink);margin-top:3px;padding-left:14px;position:relative}.tf-fact:before{content:"";background:var(--tf-gold);width:4px;height:4px;position:absolute;top:.62em;left:2px;transform:rotate(45deg)}.tf-note{color:var(--tf-ink);margin:12px 0 0;font-style:italic;animation:.28s both tf-ink}@keyframes tf-ink{0%{opacity:0}to{opacity:1}}.tf-foot{margin-top:auto}.tf-rule{background:var(--tf-rule);height:1px;margin:16px 0 11px;position:relative}.tf-rule:before{content:"";background:var(--tf-gold);width:6px;height:6px;box-shadow:0 0 0 3px var(--tf-ground);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.tf-trail{font:11px/1.5 var(--tf-face-rubric);text-transform:uppercase;letter-spacing:.1em;color:var(--tf-ink-soft)}.tf-seal{border:1px solid var(--tf-rule);width:32px;height:32px;color:var(--tf-ink-soft);font:19px/1 var(--tf-face-body);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex;position:absolute;top:10px;right:10px}.tf-seal:hover{color:var(--tf-cinnabar);border-color:var(--tf-cinnabar)}@media (pointer:coarse){.tf-seal{width:40px;height:40px;font-size:22px}}.tf-ribbon{box-sizing:border-box;background:var(--tf-ground-veil);max-width:calc(100vw - 24px);color:var(--tf-ink);font:13px/1.45 var(--tf-face-body);text-align:center;border:var(--tf-frame-slim) solid #6a4a22;border-image:var(--tf-carve);filter:drop-shadow(0 5px 12px #00000073);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;background-clip:padding-box;padding:6px 14px;transition:opacity .4s;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.tf-ribbon.tf-in{opacity:.94}.tf-modes{z-index:30;box-sizing:border-box;background:var(--tf-ground-veil);border:var(--tf-frame-slim) solid #6a4a22;border-image:var(--tf-carve);filter:drop-shadow(0 5px 12px #00000073);-webkit-user-select:none;user-select:none;opacity:0;background-clip:padding-box;transition:opacity .4s;display:flex;position:fixed;top:14px;right:14px}.tf-modes.tf-in{opacity:.94}.tf-mode{appearance:none;border:0;border-left:1px solid var(--tf-rule);color:var(--tf-ink-soft);font:12px/1.3 var(--tf-face-rubric);text-transform:uppercase;letter-spacing:.16em;cursor:pointer;background:0 0;margin:0;padding:5px 12px;transition:color .18s}.tf-mode:first-child{border-left:0}.tf-mode:hover{color:var(--tf-cinnabar)}.tf-mode-on,.tf-mode-on:hover{color:var(--tf-ink);box-shadow:inset 0 -2px 0 var(--tf-cinnabar);cursor:default}@media (pointer:coarse){.tf-mode{padding:9px 15px;font-size:13px}}.tf-bar{box-sizing:border-box;border:1px solid var(--tf-ink);background:var(--tf-ground-lo);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:44px;height:6px;margin:-3px 0 0 -22px;position:fixed;top:0;left:0}.tf-bar-fill{background:var(--tf-cinnabar);transform-origin:0;height:100%}.tf-bar-self .tf-bar-fill{background:var(--tf-gold)}.tf-hit{color:var(--tf-cinnabar);font:700 17px/1 var(--tf-face-display);text-shadow:0 1px 2px #000000a6;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;position:fixed;top:0;left:0}.tf-hit-mine{color:var(--tf-gold);font-size:20px}.tf-hit-kill{font-size:24px}.tf-hit-heal{color:#3f6b32}.tf-hit-mana{color:var(--tf-ink)}.tf-knell{box-sizing:border-box;background:var(--tf-ground-veil);color:var(--tf-ink);font:15px/1.5 var(--tf-face-body);text-align:center;border:var(--tf-frame-slim) solid #6a4a22;border-image:var(--tf-carve);filter:drop-shadow(0 5px 12px #00000073);pointer-events:none;-webkit-user-select:none;user-select:none;background-clip:padding-box;padding:14px 26px;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}.tf-knell-title{font:26px/1.2 var(--tf-face-rubric);color:var(--tf-cinnabar);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}@media (prefers-reduced-motion:reduce){.tf-veil,.tf-card,.tf-ribbon,.tf-modes,.tf-mode,.tf-seal{transition:none}.tf-card{transform:none}.tf-note{animation:none}.tf-hit{transition:opacity .2s linear}}body:has(.tf-bar4) .tf-ribbon{bottom:92px}.tf-bar4{z-index:6;-webkit-user-select:none;user-select:none;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.tf-vitals{flex-direction:column;gap:3px;margin-bottom:6px;display:flex;position:absolute;bottom:100%;left:0;right:0}.tf-xp{box-sizing:border-box;border:1px solid var(--tf-ink);background:var(--tf-ground-lo);height:5px;position:relative;overflow:hidden}.tf-xp-fill{transform-origin:0;background:var(--tf-ink);height:100%}.tf-xp-level{font:700 11px/1 var(--tf-face-display);color:var(--tf-cinnabar);text-shadow:0 0 3px var(--tf-ground-veil);pointer-events:none;position:absolute;bottom:-3px;left:2px}.tf-vital{box-sizing:border-box;border:1px solid var(--tf-ink);background:var(--tf-ground-lo);height:7px;overflow:hidden}.tf-vital-fill{transform-origin:0;will-change:transform;height:100%;transition:transform .18s ease-out}.tf-vital-health .tf-vital-fill{background:var(--tf-cinnabar)}.tf-vital-mana{height:5px}.tf-vital-mana .tf-vital-fill{background:var(--tf-gold)}.tf-slot{box-sizing:border-box;background:var(--tf-ground-veil);width:94px;height:58px;color:var(--tf-ink);font:12px/1.25 var(--tf-face-body);text-align:center;border:var(--tf-frame-slim) solid #6a4a22;border-image:var(--tf-carve);filter:drop-shadow(0 4px 10px #0006);cursor:default;background-clip:padding-box;padding:4px 5px;position:relative;overflow:hidden}.tf-slot-key{font:700 12px/1 var(--tf-face-display);color:var(--tf-cinnabar);position:absolute;top:2px;left:5px}.tf-slot-cost{font:11px/1 var(--tf-face-display);opacity:.75;position:absolute;top:2px;right:5px}.tf-slot-name{font:11px/1.15 var(--tf-face-body);overflow-wrap:break-word;max-height:26px;position:absolute;bottom:4px;left:3px;right:3px;overflow:hidden}.tf-slot-sweep{transform-origin:top;will-change:transform;pointer-events:none;background:#140e089e;position:absolute;inset:0;transform:scaleY(0)}.tf-slot-timer{font:700 20px/1 var(--tf-face-display);color:var(--tf-parchment);text-shadow:0 1px 3px #000000b3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tf-slot-off{opacity:.5}.tf-slot-armed{box-shadow:inset 0 0 0 2px var(--tf-gold)}.tf-slot-casting{box-shadow:inset 0 0 0 2px var(--tf-cinnabar)}.tf-omens{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:5px;display:flex;position:absolute;bottom:100%;left:0;right:0}.tf-omen{box-sizing:border-box;background:var(--tf-ground-veil);color:var(--tf-ink);font:11px/1.35 var(--tf-face-body);border:1px solid var(--tf-gold);white-space:nowrap;filter:drop-shadow(0 2px 6px #0006);padding:1px 6px}.tf-omen-ill{border-color:var(--tf-cinnabar)}.tf-bag{z-index:6;box-sizing:border-box;background:var(--tf-ground-veil);border:var(--tf-frame-slim) solid #6a4a22;border-image:var(--tf-carve);filter:drop-shadow(0 6px 16px #00000073);-webkit-user-select:none;user-select:none;background-clip:padding-box;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.tf-bag-row{grid-template-columns:repeat(4,84px);gap:6px;display:grid}.tf-bag-cell{box-sizing:border-box;height:46px;color:var(--tf-ink);font:12px/1.2 var(--tf-face-body);text-align:center;border:1px solid var(--tf-gold);cursor:pointer;padding:3px 5px;position:relative;overflow:hidden}.tf-bag-where{font:10px/1 var(--tf-face-display);color:var(--tf-cinnabar);opacity:.85}.tf-bag-name{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;overflow:hidden}.tf-bag-empty{opacity:.55;cursor:default;border-style:dashed}.tf-bag-held{border-color:var(--tf-cinnabar);opacity:1;box-shadow:inset 0 0 0 1px var(--tf-cinnabar);border-style:solid}
