@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/bundle/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2)format("woff2"),url(/bundle/noto-sans-thai-thai-400-normal-Dxb_unuU.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/bundle/noto-sans-thai-latin-ext-400-normal-nBP59pVw.woff2)format("woff2"),url(/bundle/noto-sans-thai-latin-ext-400-normal-B-1H0YkH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/bundle/noto-sans-thai-latin-400-normal-BaWBrqFP.woff2)format("woff2"),url(/bundle/noto-sans-thai-latin-400-normal-Dh_FJjOB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/bundle/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2)format("woff2"),url(/bundle/noto-sans-thai-thai-600-normal-CmgB8_JK.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/bundle/noto-sans-thai-latin-ext-600-normal-maHHBsez.woff2)format("woff2"),url(/bundle/noto-sans-thai-latin-ext-600-normal-PkMZo0xa.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/bundle/noto-sans-thai-latin-600-normal-CemcjnVR.woff2)format("woff2"),url(/bundle/noto-sans-thai-latin-600-normal-Dbc-dNO6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page:#1b2433;--ink:#f5ecd6;--ink-soft:#f5ecd69e;--card:linear-gradient(180deg, #1c2332ed, #121722ed);--card-line:#f5ecd61a;--button:#f5ecd612;--button-hover:#f5ecd624;--gold:#f2d27a;--gold-deep:#d9a441;--ember:#e06a4a;--sp:#6f9be8;--portal:#9dbcf2;--radius:14px;--gap:8px;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--page);height:100%;margin:0;overflow:hidden}#app{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#app>canvas{cursor:grab;width:100%;height:100%;display:block}#app>canvas:active{cursor:grabbing}.debug-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.panel{background:var(--card);border:1px solid var(--card-line);touch-action:pan-y;border-radius:20px;flex-direction:column;width:340px;max-height:calc(100% - 32px);display:flex;position:absolute;top:16px;right:16px;box-shadow:0 18px 48px #00000059}.panel-handle{display:none}.panel-head{padding:16px 18px 6px}.panel-head h1{letter-spacing:.01em;color:var(--gold);margin:0;font-size:22px;font-weight:600}.panel-head h1 small{color:var(--ink-soft);margin-left:6px;font-size:13px;font-weight:400}.panel-source{color:var(--ink-soft);margin:2px 0 0;font-size:12px}.panel-note{overflow-wrap:anywhere;background:#e06a4a29;border:1px solid #e06a4a80;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.45}.panel-body{overscroll-behavior:contain;padding:0 18px 14px;overflow-y:auto}.panel section{margin-top:12px}.panel h2{letter-spacing:.06em;color:var(--ink-soft);margin:0 0 6px;font-size:12px;font-weight:600}.panel button{font:inherit;color:inherit;border:1px solid var(--card-line);background:var(--button);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,transform 80ms}.panel button:hover:not(:disabled){background:var(--button-hover)}.panel button:active:not(:disabled){transform:scale(.96)}.panel button:disabled{opacity:.35;cursor:not-allowed}.panel button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.clip-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.clip{flex-direction:column;justify-content:center;align-items:center;min-height:52px;padding:6px 4px;line-height:1.2;display:flex}.clip span{font-size:15px;font-weight:600}.clip small,.chip small{color:var(--ink-soft);font-size:10px}.clip.active{border-color:var(--gold);background:#f2d27a29;box-shadow:inset 0 0 0 1px #f2d27a59}.clip.combo{background:linear-gradient(135deg,#e06a4a61,#d9a4414d);border-color:#f2d27a73;grid-column:1/-1}.compass{aspect-ratio:1;border:1px solid var(--card-line);background:radial-gradient(circle,#f5ecd614 0 38%,#f5ecd608 39% 100%);border-radius:50%;width:176px;margin:4px auto 8px;position:relative}.compass-point{place-items:center;width:44px;height:44px;font-size:18px;display:grid;position:absolute;transform:translate(-50%,-50%);border-radius:50%!important}.compass-point.active{border-color:var(--gold);color:var(--gold);background:#f2d27a38}.compass-point span{display:block}.compass-label{text-align:center;white-space:pre-line;color:var(--ink-soft);pointer-events:none;place-items:center;font-size:11px;line-height:1.35;display:grid;position:absolute;inset:0}.row{gap:var(--gap);display:flex}.row.wrap{flex-wrap:wrap}.chip{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:44px;padding:4px 12px;line-height:1.2;display:flex}.toggle[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#f2d27a2e}section>.toggle{width:100%}.mode-row .chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#f2d27a2e}.swap-list{gap:var(--gap);display:grid}.swap{color:var(--ink-soft);grid-template-columns:92px 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.swap select{font:inherit;color:var(--ink);border-radius:var(--radius);border:1px solid var(--card-line);background:var(--button);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;min-height:44px;padding:0 12px;font-size:14px}.swap select option{color:#1b2433}.dye-panel{gap:10px;display:grid}.dye-slot{font:inherit;color:var(--ink);border-radius:var(--radius);border:1px solid var(--card-line);background:var(--button);min-height:44px;padding:0 12px;font-size:14px}.dye-slot option{color:#1b2433}.dye-note{color:var(--ink-soft);margin:0;font-size:12px}.dye-row{grid-template-columns:64px 44px 1fr auto;align-items:center;gap:8px;display:grid}.dye-label{color:var(--ink-soft);font-size:12px}.dye-colour{border:1px solid var(--card-line);background:0 0;border-radius:10px;width:44px;height:44px;padding:2px}.dye-swatches{flex-wrap:wrap;gap:4px;display:flex}.panel .dye-swatch{border:1px solid #f5ecd659;border-radius:50%;width:26px;height:26px;padding:0}.panel .dye-clear{flex:none;min-height:44px;padding:0 10px}.speed-row{align-items:center;gap:12px;min-height:44px;display:flex}.speed-row input{accent-color:var(--gold);flex:1;height:28px}.speed-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;color:var(--gold);font-weight:600}.panel-info{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:14px 0 0;font-size:11px}@media (width<=700px){.panel{width:auto;max-height:48%;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;border-radius:22px 22px 0 0;inset:auto 0 0}.panel-handle{align-self:center;width:100%;height:28px;display:block;position:relative;background:0 0!important;border:none!important}.panel-handle:after{content:"";background:#f5ecd659;border-radius:3px;width:44px;height:5px;margin-left:-22px;position:absolute;top:12px;left:50%}.panel-head{padding:0 16px 2px}.panel-head h1{font-size:18px}.panel-body{padding:0 14px 12px}.clip-grid{grid-template-columns:repeat(4,1fr)}.panel[data-open=false] .panel-body>section:not(:first-child),.panel[data-open=false] .panel-info,.panel[data-open=false] .panel-source,.panel[data-open=false] .panel-body h2{display:none}.panel[data-open=false] .clip-grid{scrollbar-width:none;touch-action:pan-x;padding-bottom:2px;display:flex;overflow-x:auto}.panel[data-open=false] .clip{flex:0 0 76px}.panel[data-open=false] .clip.combo{flex-basis:128px}}@media (height<=520px) and (width>=701px){.panel{width:300px;max-height:calc(100% - 16px);top:8px;right:8px}.panel-head{padding:10px 14px 2px}.panel-body{padding:0 14px 10px}.compass{width:150px}}:root{--ok:#7aac56;--danger:#ff8f73}.screens{pointer-events:none;position:absolute;inset:0}.screens>*{pointer-events:auto}.screens button,.screens input{font:inherit;color:inherit}.screens button{border:1px solid var(--card-line);background:var(--button);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;transition:background .12s,border-color .12s,transform 80ms,opacity .12s}.screens button:hover:not(:disabled){background:var(--button-hover)}.screens button:active:not(:disabled){transform:scale(.97)}.screens button:disabled{cursor:not-allowed;opacity:.45}.screens button:focus-visible,.screens input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.screen-card{background:var(--card);border:1px solid var(--card-line);width:min(420px,50% - 24px);color:var(--ink);border-radius:22px;flex-direction:column;display:flex;position:absolute;top:16px;bottom:16px;right:16px;box-shadow:0 18px 48px #00000059}.entry-card,.success-card,.fatal-card{gap:12px;padding:28px 28px 22px;top:50%;bottom:auto;transform:translateY(-50%)}.wordmark{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg, #fff3cf, var(--gold) 60%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:44px;font-weight:600}.tagline,.card-note,.card-status{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.card-status:empty{display:none}.screens .primary{background:linear-gradient(180deg, #f6d888, var(--gold-deep));color:#2a1d0c;border-color:#ffecbeb3;font-weight:600}.screens .primary:hover:not(:disabled){background:linear-gradient(#ffe39c,#e0ad4c)}.screens .big{min-height:52px;padding:0 20px;font-size:17px}.screens .link{color:var(--ink-soft);text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:0 12px;text-decoration:underline}.screens .google{position:relative}.ribbon{vertical-align:middle;color:#2a1d0c;background:var(--gold);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.creation-card{overflow:hidden}.creation-scroll{overscroll-behavior:contain;flex:1;padding:20px 22px 8px;overflow-y:auto}.card-title{color:var(--gold);margin:0 0 4px;font-size:24px;font-weight:600}.form-section{margin-top:16px}.form-section h2{letter-spacing:.04em;color:var(--ink-soft);margin:0 0 8px;font-size:13px;font-weight:600}.name-row{align-items:center;gap:10px;display:flex}.name-input{border-radius:var(--radius);border:1px solid var(--card-line);background:#080c148c;flex:1;min-height:48px;padding:0 14px;font-size:17px}.name-input::placeholder{color:#f5ecd661}.name-count{text-align:right;font-variant-numeric:tabular-nums;min-width:46px;color:var(--ink-soft);font-size:13px}.name-count.over{color:var(--danger)}.field-message{min-height:20px;color:var(--ink-soft);margin:6px 0 0;font-size:13px;line-height:1.5}.field-message.error{color:var(--danger)}.field-message.ok{color:var(--ok)}.chip-row{gap:var(--gap);flex-wrap:wrap;display:flex}.screens .choice{min-width:88px;padding:0 18px}.screens [aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#f2d27a2e;box-shadow:inset 0 0 0 1px #f2d27a59}.section-line{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.swatch-row{gap:10px;display:flex}.screens .swatch{border:2px solid #f5ecd640;width:44px;height:44px;padding:0;position:relative;border-radius:50%!important}.screens .swatch[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px #f2d27a59}.swatch-lock{font-size:12px;position:absolute;bottom:-4px;right:-4px}.choice-name{color:var(--ink);font-size:14px}.start-calling{border-radius:var(--radius);background:#f2d27a14;border:1px solid #f2d27a59;padding:12px 14px}.start-label{color:var(--ink-soft);margin-right:8px;font-size:13px}.start-name{color:var(--gold);font-size:18px}.start-description{color:var(--ink-soft);margin:6px 0 0;font-size:13px;line-height:1.55}.path-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.screens .path-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:92px;padding:8px 6px;display:flex}.path-sigil{font-size:22px;line-height:1.2}.path-name{font-size:14px}.path-note{color:var(--ink-soft);font-size:11px;line-height:1.35}.screens .path-card.locked{background:#0a0c1480}.screens .path-card.locked .path-sigil{color:#1a1423e6;text-shadow:0 0 1px #f5ecd680}.path-info{border-radius:var(--radius);background:#080c1473;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.55}.path-info p{color:var(--ink-soft);margin:4px 0 0}.path-info-name{color:var(--gold);font-size:15px}.terms-row{align-items:flex-start;gap:10px;display:flex}.terms-box{appearance:none;cursor:pointer;background:#080c148c padding-box padding-box;border:8px solid #0000;border-radius:14px;flex:none;width:44px;height:44px;margin:0;box-shadow:inset 0 0 0 1.5px #f5ecd673}.terms-box:checked{background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%232a1d0c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat padding-box;box-shadow:none}.terms-text{padding:10px 0;font-size:14px;line-height:1.55}.terms-text a{color:var(--gold)}.create-bar{gap:var(--gap);border-top:1px solid var(--card-line);padding:12px 22px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:#0e121c99;display:flex}.create-bar .secondary{padding:0 18px}.create-bar .create{flex:1}.stage-tools{pointer-events:none;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:28px;left:0;right:calc(min(420px,50% - 24px) + 32px)}.stage-tools>*{pointer-events:auto}.screens .round{background:#141a26d1;min-width:52px;height:52px;font-size:18px;border-radius:999px!important}.screens .dice{padding:0 20px;font-size:15px}.temporary-label{width:fit-content;color:var(--gold);background:#141a26d1;border:1px solid #f2d27a66;border-radius:999px;margin:0 auto;padding:4px 12px;font-size:12px;position:fixed;top:68px;left:0;right:calc(min(420px,50% - 24px) + 32px)}.eyebrow{color:var(--ok);margin:0;font-size:14px;font-weight:600}.hero-name{color:var(--gold);overflow-wrap:anywhere;margin:0;font-size:34px;font-weight:600}.facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:4px 0 8px;font-size:14px;display:grid}.facts dt{color:var(--ink-soft)}.facts dd{margin:0}.toast{z-index:20;max-width:min(520px,100% - 32px);color:var(--ink);border:1px solid var(--card-line);background:#1c2332f5;border-radius:14px;padding:12px 18px;font-size:14px;line-height:1.5;transition:opacity .4s;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000059}.toast.error{border-color:#e06a4ab3}.toast.leaving{opacity:0}.dialog-backdrop{z-index:10;background:#080a128c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.dialog{border:1px solid var(--card-line);background:linear-gradient(#202838fa,#141a26fa);border-radius:20px;max-width:440px;padding:24px;box-shadow:0 18px 48px #00000073}.dialog h2{color:var(--gold);margin:0 0 8px;font-size:20px}.dialog p{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.6}.dialog .primary{width:100%}.corner-badges{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;pointer-events:none!important}.corner-badges>*{pointer-events:auto}.kind-toggle{border:1px solid var(--card-line);background:#141a26d1;border-radius:999px;gap:4px;padding:3px;display:flex}.screens .kind-toggle .choice{border-radius:999px;min-width:52px;padding:0 12px;font-size:13px;font-weight:600}.mock-badge{color:#2a1d0c;background:#f2d27ae6;border-radius:999px;padding:4px 10px;font-size:12px;pointer-events:none!important}.screens .back-chip{background:#141a26d9;padding:0 16px;position:absolute;top:16px;left:16px}@media (width<=700px){.screen-card{border-bottom:none;border-radius:22px 22px 0 0;width:auto;max-height:64%;inset:auto 0 0}.entry-card,.success-card,.fatal-card{padding:20px 18px max(18px, env(safe-area-inset-bottom));transform:none}.creation-card{height:64%}.wordmark{font-size:34px}.creation-scroll{padding:16px 16px 8px}.create-bar{padding:10px 16px max(12px, env(safe-area-inset-bottom))}.path-grid{grid-template-columns:repeat(2,1fr)}.stage-tools{justify-content:space-between;padding:0 12px;bottom:calc(64% + 10px);right:0}.stage-tools>:first-child{margin-right:auto}.screens .stage-tools .dice{order:3}.temporary-label{top:66px;right:0}}@media (height<=520px) and (width>=701px){.screen-card{width:50%;top:8px;bottom:8px;right:8px}.entry-card,.success-card,.fatal-card{gap:8px;padding:16px 18px;top:8px;bottom:8px;overflow-y:auto;transform:none}.wordmark{font-size:28px}.stage-tools{bottom:12px;right:calc(50% + 8px)}.temporary-label{top:64px;right:calc(50% + 8px)}}#app>canvas.world-canvas{cursor:pointer}.world-layer{pointer-events:none;position:absolute;inset:0}.world-fade{opacity:0;background:#0b0f17;transition:opacity .25s;position:absolute;inset:0}.world-fade.on{opacity:1}.world-loading,.world-banner,.world-toast{opacity:0;visibility:hidden;text-align:center;transition:opacity .3s,visibility 0s linear .3s;position:absolute;left:50%;transform:translate(-50%)}.world-loading{color:var(--ink-soft);top:50%}.world-loading.on{opacity:1;visibility:visible;transition:opacity .3s .5s,visibility 0s linear .5s}.world-banner{color:var(--gold);text-shadow:0 2px 10px #0000008c;font-size:26px;font-weight:600;top:12%}.world-banner.on,.world-toast.on{opacity:1;visibility:visible;transition:opacity .3s,visibility}.world-toast{border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);max-width:min(90vw,520px);padding:10px 16px;bottom:12%}.budget-readout{color:var(--ink);white-space:pre;background:#0b0f17b8;border-radius:10px;margin:0;padding:8px 10px;font:11px/1.45 ui-monospace,Menlo,monospace;position:absolute;top:168px;left:12px}.budget-readout.over{box-shadow:inset 0 0 0 1px var(--ember)}.world-hud{pointer-events:none;color:var(--hud-text);--hud-top:calc(var(--hud-margin,12px) + env(safe-area-inset-top));--hud-right:calc(var(--hud-margin,12px) + env(safe-area-inset-right));--hud-bottom:calc(var(--hud-margin,12px) + env(safe-area-inset-bottom));--hud-left:calc(var(--hud-margin,12px) + env(safe-area-inset-left));position:absolute;inset:0}.hud-level,.hud-bar-text,.hud-crowns,.hud-level-up,.hud-minimap-caption{text-shadow:0 0 calc(var(--hud-text-outline-px,4px) / 2) var(--hud-text_outline), 0 0 var(--hud-text-outline-px,4px) var(--hud-text_outline)}.hud-status,.hud-hotbar,.hud-menu,.hud-menu-panel,.hud-minimap-show{background:var(--hud-panel);border:1px solid var(--hud-panel_line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-status{top:var(--hud-top);left:var(--hud-left);padding:8px 10px 9px;position:absolute}.hud-level{font-size:var(--hud-level-px,18px);margin-bottom:2px;font-weight:600}.hud-bar{width:var(--hud-bar-width,200px);height:var(--hud-bar-height,16px);background:var(--hud-bar_track);border-radius:5px;margin-top:4px;position:relative;overflow:hidden}.hud-bar-fill{width:0;height:100%;transition:width .25s}.hud-bar-hp .hud-bar-fill{background:var(--hud-bar_hp)}.hud-bar-sp .hud-bar-fill{background:var(--hud-bar_sp)}.hud-bar-exp .hud-bar-fill{background:var(--hud-bar_exp)}.hud-bar-calling .hud-bar-fill{background:var(--hud-bar_calling)}.hud-bar-text{font-size:var(--hud-bar-text-px,12px);white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.hud-crowns{font-size:var(--hud-bar-text-px,12px);color:var(--hud-text_soft);margin-top:5px}.hud-level-up{font-size:var(--hud-level-up-px,26px);color:var(--hud-level_up);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;margin-top:6px;font-weight:700;position:absolute;top:100%;left:10px}.hud-level-up.on{visibility:visible;animation:hud-level-up var(--hud-level-up-s,1.5s) ease-out forwards}@keyframes hud-level-up{0%{opacity:0;transform:translateY(4px)scale(.92)}12%{opacity:1;transform:translateY(0)scale(1.06)}30%{transform:scale(1)}to{opacity:0}}.hud-minimap{top:var(--hud-top);right:var(--hud-right);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.hud-minimap[hidden]{display:none}.hud-minimap-canvas{border:1px solid var(--hud-panel_line);pointer-events:auto;cursor:crosshair;touch-action:none;border-radius:10px;display:block}.hud-minimap-caption{text-align:center;line-height:1.25}.hud-minimap-name{font-size:13px;font-weight:600}.hud-minimap-cell{color:var(--hud-text_soft);font-variant-numeric:tabular-nums;font-size:12px}.hud-minimap-close,.hud-minimap-show{display:none}.hud-hotbar{left:50%;bottom:var(--hud-bottom);pointer-events:auto;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.hud-hotbar.collapsed{padding:4px}.hud-hotbar-slots{gap:4px;display:flex}.hud-hotbar-slots[hidden]{display:none}.hud-slot{width:var(--hud-slot-px,48px);height:var(--hud-slot-px,48px);background:var(--button);color:var(--hud-text);cursor:pointer;border:0;border-radius:8px;padding:0;position:relative}.hud-hotbar.atlas .hud-slot{background:0 0}.hud-hotbar:not(.atlas) .hud-slot{border:1px dashed var(--hud-panel_line)}.hud-slot:hover{filter:brightness(1.15)}.hud-slot.pressed{filter:brightness(1.3);transform:translateY(1px)}.hud-slot-frame,.hud-slot-cooldown{pointer-events:none;position:absolute;inset:0}.hud-slot-icon{width:min(32px, calc(var(--hud-slot-px,48px) - 12px));height:min(32px, calc(var(--hud-slot-px,48px) - 12px));pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-slot-cooldown{-webkit-mask-image:conic-gradient(from 0deg, transparent 0deg var(--cooldown-gone,0deg), black var(--cooldown-gone,0deg));-webkit-mask-image:conic-gradient(from 0deg, transparent 0deg var(--cooldown-gone,0deg), black var(--cooldown-gone,0deg));mask-image:conic-gradient(from 0deg, transparent 0deg var(--cooldown-gone,0deg), black var(--cooldown-gone,0deg))}.hud-slot-cooldown[hidden]{display:none}.hud-slot-key{pointer-events:none;text-shadow:0 0 2px var(--hud-text_outline), 0 0 3px var(--hud-text_outline);font-size:11px;font-weight:700;line-height:1;position:absolute;top:2px;left:4px}.hud-slot-count{pointer-events:none;text-shadow:0 0 2px var(--hud-text_outline), 0 0 3px var(--hud-text_outline);font-size:11px;font-weight:700;position:absolute;bottom:2px;right:4px}.hud-hotbar-set{min-width:30px;min-height:var(--hud-slot-px,48px);background:var(--button);color:var(--hud-text);cursor:pointer;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 4px;font-size:12px;font-weight:700;display:flex}.hud-hotbar-set-icon{width:24px;height:24px}.hud-menu{left:var(--hud-left);bottom:var(--hud-bottom);min-width:var(--hud-button-min,44px);min-height:var(--hud-button-min,44px);color:var(--hud-text);pointer-events:auto;cursor:pointer;font-size:20px;position:absolute}.hud-menu-panel{left:var(--hud-left);bottom:calc(var(--hud-bottom) + var(--hud-button-min,44px) + 8px);pointer-events:auto;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute}.hud-menu-item{min-height:var(--hud-button-min,44px);color:var(--hud-text);font:inherit;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:0 12px;font-size:15px;display:flex}.hud-menu-item:disabled{opacity:.55}.hud-menu-soon{color:var(--hud-text_soft);font-size:12px}.hud-menu-panel[hidden],.hud-portrait[hidden]{display:none}.hud-portrait{background:var(--hud-panel);color:var(--hud-text);text-align:center;pointer-events:auto;z-index:10;justify-content:center;align-items:center;padding:32px;font-size:18px;font-weight:600;display:flex;position:fixed;inset:0}.world-hud.phone .hud-status{padding:6px 8px 7px}.world-hud.phone .hud-bar{margin-top:3px}.world-hud.phone .hud-minimap-close{width:var(--hud-button-min,44px);height:var(--hud-button-min,44px);color:var(--hud-text);pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:13px;display:flex;position:absolute;top:-12px;left:-12px}.world-hud.phone .hud-minimap-show:not([hidden]){top:var(--hud-top);right:var(--hud-right);min-width:var(--hud-button-min,44px);min-height:var(--hud-button-min,44px);color:var(--hud-text);pointer-events:auto;padding:0 14px;font-size:13px;display:block;position:absolute}.world-hud.phone .hud-hotbar{left:auto;right:var(--hud-right);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;width:196px;height:196px;padding:0;transform:none}.world-hud.phone .hud-hotbar-slots{display:block}.world-hud.phone .hud-slot{pointer-events:auto;border-radius:50%;position:absolute}.hud-slot[hidden]{display:none}.world-hud.phone .hud-slot[data-slot="1"]{bottom:136px;right:0}.world-hud.phone .hud-slot[data-slot="2"]{bottom:112px;right:66px}.world-hud.phone .hud-slot[data-slot="3"]{bottom:62px;right:112px}.world-hud.phone .hud-slot[data-slot="4"]{bottom:0;right:130px}.world-hud.phone .hud-hotbar-set{min-width:var(--hud-button-min,44px);min-height:var(--hud-button-min,44px);background:var(--hud-panel);border:1px solid var(--hud-panel_line);pointer-events:auto;border-radius:50%;position:absolute;bottom:0;right:0}.world-hud,.game-window,.item-tooltip,.drop-confirm{cursor:var(--cursor-default,default)}body.dragging,body.dragging *{cursor:var(--cursor-drag,grabbing)!important}.game-window{top:96px;right:calc(var(--hud-right,12px) + 190px);border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:calc(100vh - 16px);color:var(--ink);pointer-events:auto;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;box-shadow:0 18px 48px #00000073}.game-window[hidden]{display:none}.game-window.equipment-window{right:auto;left:calc(var(--hud-left,12px) + 236px)}.game-window-bar{border-bottom:1px solid var(--card-line);cursor:move;touch-action:none;align-items:center;gap:8px;padding:8px 8px 6px 12px;display:flex}.game-window-glyph{width:20px;height:20px}.game-window-title{color:var(--gold);flex:1;font-size:15px;font-weight:600}.game-window-close{min-width:32px;min-height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:14px}.game-window-close:hover{background:var(--button-hover);color:var(--ink)}.game-window-body{min-height:0;padding:10px 12px 12px;overflow:auto}.inventory-tabs{gap:4px;margin-bottom:8px;display:flex}.inventory-tab{border:1px solid var(--card-line);background:var(--button);min-height:34px;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex}.inventory-tab[aria-pressed=true]{border-color:var(--gold-deep);color:var(--gold);background:var(--button-hover)}.inventory-tab-icon{width:20px;height:20px}.inventory-grid{grid-template-columns:repeat(var(--inventory-columns,7), var(--inventory-cell,36px));grid-auto-rows:var(--inventory-cell,36px);max-height:calc(var(--inventory-rows,5) * (var(--inventory-cell,36px) + 3px));gap:3px;padding-right:2px;display:grid;overflow-y:auto}.inventory-cell{touch-action:none;background:#0b0f1773;border-radius:7px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #f5ecd614}.inventory-cell[data-item]{cursor:grab}.inventory-cell[data-item]:hover{box-shadow:inset 0 0 0 1px var(--gold-deep)}.inventory-icon{pointer-events:none;width:32px;height:32px;font-size:11px}.inventory-count{pointer-events:none;text-shadow:0 0 2px var(--page), 0 0 3px var(--page);font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.inventory-crowns{font-variant-numeric:tabular-nums;color:var(--gold);justify-content:flex-end;align-items:center;gap:6px;margin-top:8px;font-size:14px;display:flex}.inventory-crowns-icon{width:20px;height:20px}.world-way-label{z-index:15;background:var(--card);border:1px solid var(--portal);color:var(--ink);white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 10px;font-size:13px;position:fixed}.world-way-label[hidden]{display:none}.item-tooltip{z-index:40;background:var(--card);border:1px solid var(--card-line);max-width:260px;color:var(--ink);pointer-events:none;border-radius:12px;padding:10px 12px;font-size:13px;position:fixed;box-shadow:0 12px 32px #00000073}.item-tooltip.pinned{pointer-events:auto}.item-tooltip[hidden]{display:none}.item-tooltip-head{align-items:center;gap:8px;display:flex}.item-tooltip-icon{flex:none;width:32px;height:32px}.item-tooltip-names{flex-direction:column;display:flex}.item-tooltip-names small{color:var(--ink-soft);font-size:11px}.item-tooltip-tab{color:var(--gold-deep);margin-top:4px;font-size:11px}.item-tooltip-text{color:var(--ink-soft);margin:6px 0 0}.item-tooltip-facts{margin-top:6px;font-size:12px}.item-tooltip-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.item-tooltip-actions button{min-height:44px}.drop-confirm{z-index:50;border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);pointer-events:auto;text-align:center;min-width:260px;padding:16px 18px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #00000080}.drop-confirm p{margin:0 0 10px}.drop-amount{border:1px solid var(--card-line);background:var(--button);width:96px;min-height:36px;color:var(--ink);font:inherit;text-align:center;border-radius:8px;margin-bottom:10px}.drop-amount[hidden]{display:none}.drop-buttons{justify-content:center;gap:8px;display:flex}.equipment-layout{align-items:center;gap:10px;display:flex}.equipment-column{flex-direction:column;gap:6px;display:flex}.equipment-slot{box-sizing:border-box;touch-action:none;background:#0b0f1773;border-radius:9px;align-items:center;gap:6px;width:124px;min-height:44px;padding:4px 8px 4px 4px;display:flex;box-shadow:inset 0 0 0 1px #f5ecd614}.equipment-slot.filled{box-shadow:inset 0 0 0 1px var(--gold-deep);cursor:grab}.equipment-slot.later{opacity:.5}.equipment-icon{flex:none;width:32px;height:32px;font-size:11px}.equipment-label{color:var(--ink-soft);font-size:12px;line-height:1.25}.equipment-label small{font-size:10px;display:block}.equipment-middle{flex-direction:column;align-items:center;gap:6px;display:flex}.equipment-preview{height:min(var(--preview-height,300px), calc(100vh - 120px));width:auto;aspect-ratio:var(--preview-aspect,220 / 300);cursor:ew-resize;touch-action:none;background:radial-gradient(circle at 50% 35%,#f5ecd614,#0b0f1759);border-radius:12px;display:block}.equipment-numbers{color:var(--gold);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.drag-ghost{z-index:60;pointer-events:none;width:32px;height:32px;position:fixed;top:0;left:0}.drag-ghost[hidden]{display:none}.hud-slot.dim .hud-slot-icon{filter:grayscale()brightness(.65)}.hud-slot.active:after{content:"";box-shadow:inset 0 0 0 2px var(--gold);pointer-events:none;border-radius:7px;position:absolute;inset:2px}.hud-hotbar.assigning .hud-slot{animation:.9s ease-in-out infinite hud-assign}@keyframes hud-assign{50%{filter:brightness(1.45)}}.hud-status.compact .hud-bar-exp,.hud-status.compact .hud-bar-calling,.hud-status.compact .hud-crowns{display:none}.world-hud.phone~.game-window,.world-layer .game-window{max-width:calc(100vw - 24px)}