.item-rarity{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;width:fit-content;min-width:44px;min-height:22px;padding:2px 10px;border-radius:20px;font-size:10px;line-height:1.5;font-weight:700;color:#30302e;white-space:nowrap}.item-rarity--magic{color:#102f59}.item-rarity--rare{color:#4a2b05}.item-rarity--unique{color:var(--rarity-unique-ink);background:var(--rarity-unique);border:1px solid currentColor}.item-roll-summary{display:block;flex-basis:100%;font-size:11px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}.item-metadata{display:block;flex-basis:100%;min-width:0}.item-badges{display:inline-flex;align-items:center;gap:4px}.item-equipped,.item-locked{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border:1px solid var(--equipped-border);border-radius:20px;background:var(--equipped);color:var(--equipped-ink);font-size:10px;font-weight:700;line-height:1.5;white-space:nowrap}.item-locked{border-color:var(--subtle-border);background:var(--subtle);color:var(--subtle-ink)}.item-level{display:block;flex-basis:100%;margin:2px 0;font-size:11px;line-height:1.5;font-weight:500;color:var(--muted);white-space:normal;overflow-wrap:anywhere}.item-affix-grade{display:block;font-size:11px;font-weight:400;color:var(--muted);white-space:normal}.item-options,.item-comparison{min-width:0;margin:16px 0}.item-options h4{margin:12px 0 8px}.item-option-values{display:grid;gap:8px;margin:0;font-size:13px;line-height:1.6}.item-option-values>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.item-option-values dt{overflow-wrap:anywhere;font-weight:500}.item-option-values dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;text-align:right}.item-options--icons .item-option-values>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:start}.item-options--icons .item-option-values dd,.item-comparison.item-comparison--icons td{font-size:15px;font-weight:700}.item-affix-values{padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--blue) 7%,var(--paper))}.item-options-note{font-size:12px;line-height:1.6;color:var(--muted)}.item-comparison>p{font-size:13px;overflow-wrap:anywhere}.item-comparison table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.item-comparison caption{text-align:left;font-weight:600;margin:10px 0}.item-comparison th,.item-comparison td{padding:7px 3px;border-bottom:1px solid #8c827333;text-align:right;overflow-wrap:anywhere}.item-comparison th:first-child{text-align:left;width:41%}.item-comparison td{font-variant-numeric:tabular-nums;font-weight:500}.item-comparison .stat-gain{color:#287344}.item-comparison .stat-loss{color:#b13932}html[data-theme=dark] .item-comparison .stat-gain,html[data-theme=dark] .item-comparison.item-comparison--icons .stat-gain{color:#8bdaa7}html[data-theme=dark] .item-comparison .stat-loss,html[data-theme=dark] .item-comparison.item-comparison--icons .stat-loss{color:#ffaaa3}.item-rarity.item-rarity--normal,html[data-theme=dark] .item-rarity.item-rarity--normal{color:var(--rarity-normal-ink)}.item-rarity.item-rarity--magic,html[data-theme=dark] .item-rarity.item-rarity--magic{color:var(--rarity-magic-ink)}.item-rarity.item-rarity--rare,html[data-theme=dark] .item-rarity.item-rarity--rare{color:var(--rarity-rare-ink)}.menu-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:190px;margin:0 0 18px;padding:28px;overflow:hidden;border:0;border-radius:8px;background:var(--banner);box-shadow:none}.menu-banner>.menu-banner-copy{position:relative;z-index:2;display:flex;align-items:center;gap:20px;min-width:0}.menu-banner-art{position:absolute;inset:0 0 0 auto;width:auto;max-width:none;height:100%;-webkit-mask-image:var(--banner-art-mask, linear-gradient(90deg, transparent, #000 45%));mask-image:var(--banner-art-mask, linear-gradient(90deg, transparent, #000 45%))}.menu-banner .menu-banner-icon{display:block;flex:0 0 auto;width:64px;height:64px}.menu-banner .menu-banner-icon>:first-child{display:block;width:100%;height:100%}.menu-banner .menu-banner-text{min-width:0}.menu-banner .menu-banner-title{margin:0;color:var(--banner-title);font-family:var(--serif);font-size:36px;font-weight:700;line-height:1.2;letter-spacing:normal;word-break:keep-all}.menu-banner .menu-banner-title:has(+.menu-banner-description){margin-bottom:8px}.menu-banner .menu-banner-description{max-width:340px;margin:0;color:var(--banner-ink);font-size:14px;line-height:1.7;word-break:keep-all}.menu-banner .menu-banner-secondary{display:block;margin-top:5px;color:#687078;font-size:12px;line-height:1.5}:root .menu-banner button.menu-banner-link{display:inline-flex;align-items:center;gap:3px;min-height:32px;margin:0;padding:4px 0;border:0;border-radius:4px;background:transparent;box-shadow:none;color:#526b7e;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer}:root .menu-banner button.menu-banner-link:hover{color:#294a61;text-decoration:underline;text-underline-offset:3px}:root .menu-banner button.menu-banner-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}:root[data-theme=dark] .menu-banner button.menu-banner-link{color:#b8d1e5}:root[data-theme=dark] .menu-banner button.menu-banner-link:hover{color:#e0edf7}html[data-theme=dark] .menu-banner{background-color:var(--banner)}html[data-theme=dark] .menu-banner-art{filter:var(--banner-art-dark-filter, brightness(.64) saturate(.72))}html[data-theme=dark] .menu-banner .menu-banner-title{color:var(--banner-title)}html[data-theme=dark] .menu-banner :is(.menu-banner-description,.menu-banner-secondary){color:var(--banner-ink)}@media(max-width:600px){.menu-banner{min-height:160px;padding:18px}.menu-banner>.menu-banner-copy{align-items:flex-start;gap:10px}.menu-banner .menu-banner-icon{width:38px;height:38px}.menu-banner .menu-banner-title{font-size:28px}.menu-banner .menu-banner-description{max-width:175px;font-size:12px}.menu-banner .menu-banner-secondary{font-size:12px}}@media(min-width:601px)and (max-width:1100px){.menu-banner .menu-banner-description{max-width:280px}}.game-toast-region{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 64px) 0 auto;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box;width:min(544px,100vw);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 72px);margin:0 auto;padding:12px;border:0;background:transparent;overflow:auto;overscroll-behavior:contain;pointer-events:none}.game-toast-region:empty{display:none}.game-toast{--toast-accent: var(--blue);display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;width:min(460px,100%);padding:14px 12px 14px 16px;border:1px solid color-mix(in srgb,var(--toast-accent) 65%,var(--line));border-left:6px solid var(--toast-accent);border-radius:8px;background:color-mix(in srgb,var(--toast-accent) 20%,var(--paper));color:var(--ink);box-shadow:0 6px 24px #20180e33;font-size:14px;line-height:1.55;pointer-events:auto;overflow-wrap:anywhere}.game-toast[data-tone=success]{--toast-accent: var(--green)}.game-toast[data-tone=error]{--toast-accent: var(--red)}.game-toast-content{flex:1;min-width:0}.game-toast-content p{margin:0}.game-toast-content small{display:block}.game-toast-content button{margin-top:8px}.game-toast-close{flex:0 0 32px;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.game-toast-close:hover{background:color-mix(in srgb,var(--toast-accent) 16%,transparent)}.game-toast-anchor{display:none!important}.game-toast-content button{min-height:34px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--toast-accent) 50%,var(--line));border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer}.game-toast-content button:disabled{opacity:.55;cursor:default}