@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block');@import url('https://fonts.googleapis.com/css2?family=Ysabeau:wght@400..1000&family=Ysabeau+Office:wght@300..900&family=Ysabeau+SC:wght@500..800&display=swap');.version-info{font-size: 12px;color: var(--lumo-tertiary-text-color);bottom: 0;text-align: center;padding-bottom: 10px;position: relative;background: transparent;height: 100%;display: flex;flex-direction: column;justify-content: flex-end}.side-nav-item-icon{box-sizing: border-box;margin-inline-end: var(--lumo-space-m);margin-inline-start: var(--lumo-space-xs);padding: var(--lumo-space-xs)}.card-toggle-view{border: 1px solid rgba(77,77,77,0.77);border-radius: 5px}.card-toggle-timestamp{font-weight: bold;border-bottom: 1px solid black}.link-route{color: var(--lumo-primary-text-color);text-decoration: underline;cursor: pointer}html{--bg: light-dark(oklch(0.965 0.006 85),oklch(0.165 0.014 265));--panel: light-dark(#fff,oklch(0.215 0.016 265));--chrome: light-dark(#fff,oklch(0.14 0.012 265));--wash: light-dark(oklch(0.955 0.005 85),oklch(0.25 0.018 265));--rule: light-dark(oklch(0.2 0.02 265 / 0.09),oklch(1 0 0 / 0.08));--rule-strong: light-dark(oklch(0.64 0.01 250),oklch(0.5 0.012 265));--ink: light-dark(oklch(0.22 0.014 265),oklch(0.95 0.008 85));--ink-2: light-dark(oklch(0.45 0.014 265),oklch(0.75 0.012 265));--ink-3: light-dark(oklch(0.53 0.012 265),oklch(0.65 0.012 265));--accent: light-dark(oklch(0.42 0.11 268),#E3B341);--accent-text: light-dark(oklch(0.40 0.11 268),oklch(0.84 0.11 85));--on-accent: light-dark(#fff,#1d1608);--border-black: light-dark(oklch(0.16 0.006 255),oklch(0.09 0.006 265));--panel-shadow: 0 1px 2px oklch(0.2 0.02 265 / 0.06),0 6px 20px oklch(0.2 0.02 265 / 0.07);--medal-gold-hi: light-dark(oklch(0.91 0.075 92),oklch(0.84 0.07 90));--medal-gold: light-dark(oklch(0.78 0.105 84),oklch(0.70 0.095 82));--medal-gold-lo: light-dark(oklch(0.55 0.09 70),oklch(0.46 0.075 68));--medal-gold-ink: light-dark(oklch(0.27 0.05 68),oklch(0.2 0.04 68));--medal-silver-hi: light-dark(oklch(0.95 0.006 250),oklch(0.88 0.006 250));--medal-silver: light-dark(oklch(0.80 0.012 250),oklch(0.72 0.012 250));--medal-silver-lo: light-dark(oklch(0.56 0.016 255),oklch(0.46 0.016 255));--medal-silver-ink: light-dark(oklch(0.26 0.02 255),oklch(0.2 0.02 255));--medal-bronze-hi: light-dark(oklch(0.85 0.065 68),oklch(0.79 0.06 66));--medal-bronze: light-dark(oklch(0.69 0.095 56),oklch(0.63 0.085 54));--medal-bronze-lo: light-dark(oklch(0.47 0.08 48),oklch(0.41 0.07 46));--medal-bronze-ink: light-dark(oklch(0.24 0.045 45),oklch(0.18 0.035 45));--chip-hi: light-dark(oklch(0.98 0.006 85),oklch(0.94 0.006 85));--chip: light-dark(oklch(0.91 0.014 85),oklch(0.85 0.014 85));--chip-lo: light-dark(oklch(0.66 0.02 78),oklch(0.58 0.02 78));--chip-ink: light-dark(oklch(0.22 0.014 265),oklch(0.18 0.014 265));--medal-glint: light-dark(oklch(1 0 0 / 0.55),oklch(1 0 0 / 0.32));--medal-edge: light-dark(oklch(0.25 0.03 60 / 0.45),oklch(0 0 0 / 0.55));--medal-gold-sheen: linear-gradient(145deg,var(--medal-gold-hi) 12%,var(--medal-gold) 48%,var(--medal-gold-lo) 90%);--medal-silver-sheen: linear-gradient(145deg,var(--medal-silver-hi) 12%,var(--medal-silver) 48%,var(--medal-silver-lo) 90%);--medal-bronze-sheen: linear-gradient(145deg,var(--medal-bronze-hi) 12%,var(--medal-bronze) 48%,var(--medal-bronze-lo) 90%);--chip-sheen: linear-gradient(145deg,var(--chip-hi) 12%,var(--chip) 48%,var(--chip-lo) 90%);--medal-gold-face: radial-gradient(circle at 32% 26%,var(--medal-glint),transparent 42%),radial-gradient(circle closest-side,var(--medal-gold) 0 70%,var(--medal-gold-lo) 73% 75%,transparent 78% 92%,var(--medal-edge)),var(--medal-gold-sheen);--medal-silver-face: radial-gradient(circle at 32% 26%,var(--medal-glint),transparent 42%),radial-gradient(circle closest-side,var(--medal-silver) 0 70%,var(--medal-silver-lo) 73% 75%,transparent 78% 92%,var(--medal-edge)),var(--medal-silver-sheen);--medal-bronze-face: radial-gradient(circle at 32% 26%,var(--medal-glint),transparent 42%),radial-gradient(circle closest-side,var(--medal-bronze) 0 70%,var(--medal-bronze-lo) 73% 75%,transparent 78% 92%,var(--medal-edge)),var(--medal-bronze-sheen);--chip-face: radial-gradient(circle at 32% 26%,var(--medal-glint),transparent 42%),radial-gradient(circle closest-side,var(--chip) 0 70%,var(--chip-lo) 73% 75%,transparent 78% 92%,var(--medal-edge)),var(--chip-sheen);--medal-relief: inset 0 1px 0 oklch(1 0 0 / 0.45),0 1px 1px oklch(0.2 0.02 265 / 0.35),0 2px 5px oklch(0.2 0.02 265 / 0.16);--medal-emboss: 0 1px 0 oklch(1 0 0 / 0.4);--draw: light-dark(oklch(0.48 0.09 235),oklch(0.76 0.085 235));--win-mark: light-dark(hsl(145,72%,30%),hsl(145,62%,44%));--on-win-mark: light-dark(#fff,oklch(0.17 0.03 160));--win: light-dark(hsl(145,85%,25%),hsl(145,62%,44%));--seat-me: oklch(0.96 0.012 85);--ink-3-wash: light-dark(oklch(0.51 0.012 265),oklch(0.66 0.012 265));--warn: light-dark(oklch(0.5 0.14 48),oklch(0.75 0.13 40));--rarity-common: light-dark(oklch(0.2 0.005 265),oklch(0.86 0.005 265));--rarity-uncommon: linear-gradient(135deg,#5f7480 0%,#d4e1e8 48%,#748893 100%);--rarity-rare: linear-gradient(135deg,#8c6a1c 0%,#f1d47a 48%,#a37e2a 100%);--rarity-mythic: linear-gradient(135deg,#b8360f 0%,#f7a43c 48%,#c9441a 100%);--rarity-special: linear-gradient(135deg,#5a2f86 0%,#c49be8 48%,#6a3a99 100%);--font-display: 'Ysabeau','Ysabeau Office',Georgia,serif;--font-text: 'Ysabeau Office','Segoe UI',system-ui,sans-serif;--font-label: 'Ysabeau SC','Ysabeau Office','Segoe UI',sans-serif;--lumo-base-color: var(--panel);--lumo-font-family: var(--font-text);--lumo-body-text-color: var(--ink);--lumo-header-text-color: var(--ink);--lumo-secondary-text-color: var(--ink-2);--lumo-tertiary-text-color: var(--ink-3);--lumo-primary-color: var(--accent);--lumo-primary-color-50pct: light-dark(oklch(0.42 0.11 268 / 0.5),oklch(0.79 0.14 85 / 0.5));--lumo-primary-color-10pct: light-dark(oklch(0.42 0.11 268 / 0.1),oklch(0.79 0.14 85 / 0.14));--lumo-primary-text-color: var(--accent-text);--lumo-primary-contrast-color: var(--on-accent);--lumo-success-text-color: var(--win);--lumo-border-radius-s: 3px;--lumo-border-radius-m: 4px;--lumo-border-radius-l: 8px;--field-border: light-dark(oklch(0.61 0.01 250),oklch(0.55 0.012 265));--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--field-border);--vaadin-focus-ring-color: var(--accent);--vaadin-focus-ring-width: 2px;font-family: var(--font-text);font-variant-numeric: lining-nums tabular-nums;background-color: var(--bg)}[theme~='dark']{--lumo-base-color: var(--panel);--lumo-body-text-color: var(--ink);--lumo-header-text-color: var(--ink);--lumo-secondary-text-color: var(--ink-2);--lumo-tertiary-text-color: var(--ink-3);--lumo-primary-color: var(--accent);--lumo-primary-color-50pct: oklch(0.79 0.14 85 / 0.5);--lumo-primary-color-10pct: oklch(0.79 0.14 85 / 0.14);--lumo-primary-text-color: var(--accent-text);--lumo-primary-contrast-color: var(--on-accent);--lumo-success-text-color: var(--win);--panel-shadow: 0 1px 0 oklch(1 0 0 / 0.05) inset,0 12px 32px oklch(0 0 0 / 0.42);--medal-relief: inset 0 1px 0 oklch(1 0 0 / 0.28),0 0 0 1px oklch(0 0 0 / 0.5),0 2px 5px oklch(0 0 0 / 0.5);--medal-emboss: 0 1px 0 oklch(1 0 0 / 0.22);--vaadin-text-color: var(--lumo-body-text-color);--vaadin-text-color-secondary: var(--lumo-secondary-text-color);--vaadin-background-color: var(--lumo-base-color);color: var(--lumo-body-text-color)}html[theme~='dark']{background-color: var(--bg)}html[data-shell-pending] vaadin-app-layout,html[data-shell-pending] vaadin-app-layout::part(drawer){visibility: hidden}html[data-fonts-pending] vaadin-notification-container{display: none}html[data-shell-pending] body::before{content: "";position: fixed;z-index: 10000;top: 0;left: 0;width: 0;height: 4px;background-color: var(--accent);opacity: 0;pointer-events: none;animation: shell-pending-bar 6s 0.45s cubic-bezier(0.2,0.7,0.3,1) forwards}html[data-shell-pending] .v-loading-indicator{display: none !important}@keyframes shell-pending-bar{from{opacity: 1;width: 0}15%{opacity: 1;width: 50%}to{opacity: 1;width: 92%}}@media (prefers-reduced-motion: reduce){html[data-shell-pending] body::before{width: 50%;animation: shell-pending-bar-still 0s 0.45s forwards}}@keyframes shell-pending-bar-still{to{opacity: 1}}html{--ui-px: 1px;--page-max: 1200px;--page-narrow: 1100px}@media (min-width: 1280px){html:not(:has(.daily-event-live-view)){--ui-px: clamp(1px,0.8px + 0.015625vw,1.15px);--page-max: calc(1272 * var(--ui-px));--page-narrow: calc(1100 * var(--ui-px));font-size: calc(16 * var(--ui-px))}}html{--type-min: calc(12 * var(--ui-px));--type-label: calc(13 * var(--ui-px));--type-caps: calc(14 * var(--ui-px));--type-secondary: calc(14 * var(--ui-px));--type-body: calc(16 * var(--ui-px));--type-lead: calc(18 * var(--ui-px));--type-h3: calc(20 * var(--ui-px));--type-h2: calc(22 * var(--ui-px));--type-num: calc(22 * var(--ui-px));--type-num-feed: calc(28 * var(--ui-px));--type-h1: calc(40 * var(--ui-px));--type-h1-art: calc(52 * var(--ui-px));--type-num-hero: calc(56 * var(--ui-px));--type-body-lh: 1.5;--type-row-lh: 1.375;--type-secondary-lh: 1.45;--type-heading-lh: 1.2;--type-measure: 60ch;--lumo-font-size-xxs: var(--type-min);--lumo-font-size-xs: var(--type-label);--lumo-font-size-s: var(--type-secondary);--lumo-font-size-m: var(--type-body);--lumo-font-size-l: var(--type-lead);--lumo-font-size-xl: var(--type-h2);--lumo-font-size-xxl: var(--type-num-feed);--lumo-font-size-xxxl: var(--type-h1);--vaadin-input-field-helper-font-size: var(--type-secondary);--vaadin-input-field-error-font-size: var(--type-secondary)}@media (max-width: 640px){html{--type-num: 18px;--type-h1: 32px;--type-h1-art: 34px;--type-num-hero: 40px}}vaadin-tooltip,vaadin-tooltip-overlay{--lumo-font-size-xs: var(--type-secondary)}@media (max-width: 1279.98px){vaadin-app-layout{--vaadin-app-layout-drawer-overlay: true}}@media (max-width: 640px),(pointer: coarse){html{--lumo-size-m: 2.75rem}}vaadin-app-layout::part(navbar),vaadin-app-layout::part(drawer){background: var(--chrome)}vaadin-app-layout::part(content){isolation: isolate}h1,h2,h3{font-family: var(--font-display);letter-spacing: -0.005em}h1,h2{font-weight: 800}h3{font-weight: 700}.panel-title{margin: 0;font-family: var(--font-display);font-size: var(--type-h3);line-height: var(--type-heading-lh);font-weight: 700}.panel-more{margin-left: auto;font-size: var(--type-secondary);font-weight: 650;color: var(--accent-text)}.panel{box-sizing: border-box;padding: var(--lumo-space-m) var(--lumo-space-l);border: 1px solid var(--rule);border-radius: var(--lumo-border-radius-l);background: var(--panel);box-shadow: var(--panel-shadow)}vaadin-card{--vaadin-card-background: var(--panel);--vaadin-card-shadow: var(--panel-shadow);--vaadin-card-border-color: var(--rule);border-radius: var(--lumo-border-radius-l)}.status-tag{display: inline-flex;align-items: center;height: calc(22 * var(--ui-px));padding: 0 calc(7 * var(--ui-px));border-radius: var(--lumo-border-radius-s);background: var(--wash);color: var(--ink-2);font-size: var(--type-label);font-weight: 650;white-space: nowrap}.status-tag.live{box-shadow: inset 0 0 0 1px var(--accent);color: var(--accent-text)}.status-tag.done{color: var(--lumo-success-text-color)}.status-tag.warn{box-shadow: inset 0 0 0 1px var(--warn);color: var(--warn)}.result-win{color: var(--lumo-success-text-color)}.result-loss{color: var(--ink-2)}.result-draw{color: var(--draw)}.win-tag{background: var(--wash);color: var(--lumo-success-text-color)}.result-mark{display: inline-grid;place-items: center;box-sizing: border-box;width: calc(18 * var(--ui-px));height: calc(20 * var(--ui-px));border-radius: var(--lumo-border-radius-s);font-size: var(--type-min);font-weight: 750;line-height: 1;text-decoration: none}.result-mark.result-win{background: var(--win-mark);color: var(--on-win-mark)}.result-mark.result-draw{background: color-mix(in oklch,var(--draw) 18%,transparent);box-shadow: inset 0 0 0 1px var(--draw)}.result-mark.result-loss{box-shadow: inset 0 0 0 1px var(--rule-strong);color: var(--ink-3)}button.status-tag{border: none;font-family: inherit;cursor: pointer}button.status-tag:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}[theme~='dark'] .set-symbol{filter: invert(1) brightness(0.92)}.card-image-img{aspect-ratio: auto 488 / 680;background: var(--wash)}.dot-line{display: flex;flex-wrap: wrap;margin-left: -0.9em;clip-path: inset(-12px -12px -12px 0.9em)}.dot-line>*{min-width: 0;padding-left: 0.9em;overflow-wrap: break-word}.dot-line>*::before{content: "·";content: "·" / "";display: inline-block;width: 0.9em;margin-left: -0.9em;text-align: center}.dot-line>:first-child::before{content: none}:is(.stat-hero-main,.stat-hero-line,.deck-hero-main,.event-main,.home-next-text,.home-next-more)>.dot-line{max-width: calc(100% + 0.9em)}.dot-line.dot-links{clip-path: inset(-6px -6px -6px calc(0.9em - 3px))}.dot-line>vaadin-button::before{content: none}.card-image-missing{display: grid;place-items: center;box-sizing: border-box;aspect-ratio: 63 / 88;padding: var(--lumo-space-m);border: 3px solid var(--border-black);border-radius: 4.75% / 3.5%;background: var(--wash);color: var(--ink-2);font-family: var(--font-display);font-weight: 700;text-align: center;overflow-wrap: anywhere}.over-art{padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-l);background: oklch(0.12 0.02 265 / 0.84);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.art-action,vaadin-button.art-action{display: inline-flex;align-items: center;gap: var(--lumo-space-xs);min-height: calc(32 * var(--ui-px));margin: 0;padding: 0 var(--lumo-space-m);border: 1px solid color-mix(in oklch,var(--ink) 50%,transparent);border-radius: var(--lumo-border-radius-m);background: none;color: var(--ink);font-family: var(--font-text);font-size: var(--type-secondary);font-weight: 650;text-decoration: none;text-shadow: none;cursor: pointer}.art-action:hover{border-color: var(--ink);background: color-mix(in oklch,var(--ink) 10%,transparent)}.art-action:focus-visible,vaadin-button.art-action[focus-ring]{outline: 2px solid var(--accent);outline-offset: 2px}@media (max-width: 640px),(pointer: coarse){.art-action,vaadin-button.art-action{min-height: 44px}}.card-image.card-image-missing{place-items: start center}.round-timer-overtime{color: var(--lumo-error-text-color);font-weight: 700}.round-timer-mark{font-size: 0.6em;font-weight: 600}.msym{font-family: 'Material Symbols Rounded';font-weight: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-transform: none;white-space: nowrap;word-wrap: normal;direction: ltr;font-feature-settings: 'liga';-webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;user-select: none}.set-rarity-symbol{display: inline-block;flex: none;width: calc(18 * var(--ui-px));height: calc(18 * var(--ui-px));background: var(--rarity-common);-webkit-mask: var(--set-icon) center / contain no-repeat;mask: var(--set-icon) center / contain no-repeat}.set-rarity-frame{display: inline-flex;flex: none;filter: drop-shadow(0 0 0.5px var(--border-black)) drop-shadow(0 0 0.5px var(--border-black))}.set-rarity-symbol.uncommon{background: var(--rarity-uncommon)}.set-rarity-symbol.rare{background: var(--rarity-rare)}.set-rarity-symbol.mythic{background: var(--rarity-mythic)}.set-rarity-symbol.special,.set-rarity-symbol.bonus{background: var(--rarity-special)}.visually-hidden{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}:where(a[href],button,summary,[role='button']):focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}vaadin-button[focus-ring]{outline: 2px solid var(--accent);outline-offset: 3px}vaadin-button,vaadin-drawer-toggle{--vaadin-focus-ring-color: transparent}vaadin-grid.focus-row-grid[navigating]::part(body-cell focused-cell)::before,vaadin-grid.focus-row-grid[navigating]::part(body-cell focused-cell)::after{content: none}vaadin-grid.focus-row-grid[navigating]::part(focus-row)::after{content: "";position: absolute;z-index: 3;inset: 0;outline: 2px solid var(--accent);outline-offset: -2px;border-radius: var(--lumo-border-radius-m);pointer-events: none}.skip-link{position: absolute;top: 6px;left: 6px;z-index: 10;padding: 10px 14px;border-radius: var(--lumo-border-radius-m);background: var(--panel);color: var(--accent-text);font-weight: 650;box-shadow: var(--panel-shadow);transform: translateY(-200%)}.skip-link:focus-visible{transform: none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration: 0.01ms !important;transition-delay: 0s !important;animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;scroll-behavior: auto !important}::part(drawer),::part(navbar),::part(backdrop),::part(overlay),::part(content),::part(link),::part(toggle-button),::part(error-message),::part(label),::part(input-field),::part(helper-text),::part(field-button),::part(checkbox),::part(radio),::part(indicators),::part(tabs),::part(row),::part(cell){transition-duration: 0.01ms !important;transition-delay: 0s !important;animation-duration: 0.01ms !important;animation-iteration-count: 1 !important}::part(indicators)::before{transition-duration: 0.01ms !important}}.back-link[data-pending]{visibility: hidden}.back-link.no-origin{display: none}vaadin-menu-bar.row-menu vaadin-menu-bar-button{min-width: 44px;height: 44px;margin: 0}vaadin-button.show-more{align-self: flex-start !important;justify-self: start !important;margin-inline: 0 !important}@media (max-width: 640px){vaadin-button.show-more{align-self: center !important;justify-self: center !important;margin-inline: auto !important}}@media (max-width: 640px),(pointer: coarse){.back-link{position: relative}.back-link::after{content: "";position: absolute;inset: -11px 0}vaadin-button.show-more{min-height: 44px}vaadin-app-layout>vaadin-drawer-toggle{min-height: 44px}vaadin-app-layout>[slot~='navbar']{--vaadin-button-height: 44px}.site-header .site-login{min-height: 44px}vaadin-side-nav-item::part(link){box-sizing: border-box;min-height: 48px}vaadin-menu-bar.site-account vaadin-menu-bar-item{min-height: 48px}vaadin-menu-bar.row-menu vaadin-menu-bar-item{min-height: 44px}}@media (max-width: 640px),(pointer: coarse){vaadin-button[theme~='small'],vaadin-button[theme~='tertiary-inline']{min-width: 44px;min-height: 44px}vaadin-password-field>vaadin-password-field-button{min-width: 44px;min-height: 44px}vaadin-checkbox{display: inline-flex;align-items: center;min-height: 44px}:is(.login-back,.panel-more,.home-more,.home-next-link,.home-player-history,.home-collection-link,.events-feature-link,.cards-fresh-link,.card-hero-plate-link,.deck-hero-link,.stat-sort,.stat-hero-link,.stat-nav a,.my-result-history,.my-decks-events-link,.profile-contact-link,.card-offer-seller,.collection-name,.shop-tile-offers-link,.card-hero-set-name,.shop-empty-search,.deck-hero-meta a,.stat-deck-owner,.rating-hero-credit a,button.deck-hero-games,.set-parent-link,.login-events .venue-map-link,.home-next-venue,.events-feature-venue,.event-hero-links a,.event-face-who a,.event-face-first a,.card-commander-play .card-commander-link,.login-brand,.login-forgot,.events-feature-name,.event-join-login,.home-player-nick,.event-venue,.event-place-host-nick,.event-winner-nick,.live-hero-text>.venue-map-link,.collection-totals-link,.events-guide-link){position: relative}:is(.login-back,.panel-more,.home-more,.home-next-link,.home-player-history,.home-collection-link,.events-feature-link,.cards-fresh-link,.card-hero-plate-link,.deck-hero-link,.stat-sort,.stat-hero-link,.stat-nav a,.my-result-history,.my-decks-events-link,.profile-contact-link,.card-offer-seller,.collection-name,.shop-tile-offers-link,.card-hero-set-name,.shop-empty-search,.deck-hero-meta a,.stat-deck-owner,.rating-hero-credit a,button.deck-hero-games,.set-parent-link,.login-events .venue-map-link,.home-next-venue,.events-feature-venue,.event-hero-links a,.event-face-who a,.event-face-first a,.card-commander-play .card-commander-link,.login-brand,.login-forgot,.events-feature-name,.event-join-login,.home-player-nick,.event-venue,.event-place-host-nick,.event-winner-nick,.live-hero-text>.venue-map-link,.collection-totals-link,.events-guide-link)::before{content: "";position: absolute;inset: min(0px,calc(50% - 22px))}.panel-more{z-index: 1}.action-stack>:is(a,vaadin-button){display: inline-flex;align-items: center;min-height: 44px}}@media (max-width: 640px),(pointer: coarse){vaadin-dialog>[slot~='footer'] vaadin-button,vaadin-dialog>[slot~='header-content'] vaadin-button,vaadin-confirm-dialog>vaadin-button,.form-notice-actions>vaadin-button{min-height: 44px}vaadin-dialog vaadin-button[theme~='tertiary-inline'],.form-inline-action{min-width: 44px;min-height: 44px}}.form-result-head:focus{outline: none}vaadin-dialog::part(title),vaadin-confirm-dialog::part(header){font-family: var(--font-display);font-weight: 700;letter-spacing: -0.005em}vaadin-dialog.form-dialog-top::part(overlay){position: absolute;top: clamp(8px,5vh,48px);max-height: calc(100% - 2 * clamp(8px,5vh,48px))}vaadin-dialog.dialog-over::part(overlay),vaadin-confirm-dialog.dialog-over::part(overlay){border: 1px solid var(--rule-strong);box-shadow: 0 2px 6px oklch(0 0 0 / 0.3),0 20px 56px oklch(0 0 0 / 0.55)}vaadin-dialog.dialog-over::part(backdrop),vaadin-confirm-dialog.dialog-over::part(backdrop){background: oklch(0.1 0.015 265 / 0.6);-webkit-backdrop-filter: blur(2px) saturate(0.25);backdrop-filter: blur(2px) saturate(0.25)}[invalid][has-error-message]::part(helper-text){display: none}.form-error{flex: 1 0 100%;order: -1;margin: 0 0 var(--lumo-space-xs);color: var(--lumo-error-text-color);font-size: var(--lumo-font-size-s);font-weight: 600;line-height: var(--lumo-line-height-s);text-align: start}.form-notice{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--lumo-space-xs) var(--lumo-space-s);margin: 0 0 var(--lumo-space-m);padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--wash);color: var(--ink-2);font-size: var(--lumo-font-size-s);line-height: var(--lumo-line-height-s)}.form-notice-title{color: var(--ink);font-weight: 700}.form-notice.warn .form-notice-title{color: var(--warn)}.form-notice-actions{display: flex;flex-wrap: wrap;gap: var(--lumo-space-s);flex-basis: 100%}.form-notice-actions:empty{display: none}vaadin-notification-card[theme~='warning']{--lumo-warning-color: var(--warn);--lumo-warning-contrast-color: light-dark(#fff,oklch(0.2 0.03 40))}vaadin-text-field.search-field{padding: 0}.card-search-item{display: flex;align-items: center;gap: var(--lumo-space-s);min-width: 0}.card-search-art{flex: none;width: 48px;height: 36px;box-sizing: border-box;overflow: hidden;border: 2px solid var(--border-black);border-radius: var(--lumo-border-radius-s);background: var(--wash)}.card-search-art img{display: block;width: 100%;height: 100%;object-fit: cover}.card-search-text{display: flex;flex-direction: column;min-width: 0}.card-search-name{font-weight: 650;overflow-wrap: anywhere}.card-search-variant{font-family: var(--font-label);font-size: var(--type-caps);font-weight: 600;letter-spacing: .02em;line-height: var(--type-row-lh);color: var(--ink-2)}.card-name-side{display: inline-block;max-width: 100%}vaadin-combo-box[card-search-miss]>label[slot='label']{color: var(--warn);font-weight: 650;white-space: normal;overflow: visible;text-overflow: clip}vaadin-combo-box[card-search-miss]{--vaadin-input-field-border-color: var(--warn);--vaadin-input-field-border-width: 2px}.site-logo{display: inline-flex;flex: none;align-items: center;gap: var(--lumo-space-xs);min-height: 44px;padding-inline-end: var(--lumo-space-xs);border-radius: var(--lumo-border-radius-m);color: var(--ink);text-decoration: none}.site-logo-img{height: calc(26 * var(--ui-px))}.site-logo-name{font-family: var(--font-display);font-size: var(--lumo-font-size-xl);font-weight: 800;line-height: 1;letter-spacing: -0.005em}.site-logo:focus-visible,.site-login:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.site-header .theme-toggle{margin-inline-start: auto}.theme-toggle-face,.theme-toggle-face>span{display: inline-flex;align-items: center}html:not([theme~='dark']) .theme-toggle .theme-to-light,html[theme~='dark'] .theme-toggle .theme-to-dark{display: none}.site-login{display: inline-flex;flex: none;align-items: center;box-sizing: border-box;min-height: var(--lumo-size-m);padding: 0 var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);box-shadow: inset 0 0 0 1px var(--rule-strong);color: var(--ink);font-weight: 650;text-decoration: none;transition: box-shadow 120ms ease-out,color 120ms ease-out}@media (hover: hover){.site-login:hover{box-shadow: inset 0 0 0 1px var(--accent);color: var(--accent-text)}}.account-menu-title{padding: var(--lumo-space-s) var(--lumo-space-m) var(--lumo-space-s);margin-bottom: var(--lumo-space-xs);border-bottom: 1px solid var(--rule);font-family: var(--font-display);font-size: var(--type-lead);font-weight: 800;line-height: var(--type-row-lh);color: var(--ink)}vaadin-menu-bar-item .side-nav-item-icon{color: var(--ink-2)}.drawer-head{display: none}vaadin-app-layout[overlay] .drawer-head{display: flex;flex: none;align-items: center;gap: var(--lumo-space-m);min-height: var(--lumo-size-xl);border-bottom: 1px solid var(--rule)}.drawer-head .drawer-close{color: var(--ink-2)}.drawer-head .drawer-close vaadin-icon{width: 32px;height: 32px}@media (prefers-reduced-motion: reduce){.site-login{transition: none}}@media (max-width: 640px){vaadin-app-layout>.site-header{gap: var(--lumo-space-xs);padding-inline-end: var(--lumo-space-s)}}@media (max-width: 360px){.site-account-nick{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}vaadin-menu-bar.site-account vaadin-menu-bar-button{min-width: 44px;padding-inline: 10px}vaadin-app-layout>.site-header{padding-inline-start: var(--lumo-space-s)}.site-header .site-login{padding: 0 var(--lumo-space-s)}}vaadin-connection-indicator{--status-height: calc(40 * var(--ui-px));--status-spinner-color: var(--warn);--status-bg-color-online: var(--panel);--status-text-color-online: var(--ink)}html vaadin-connection-indicator .v-status-message{top: auto;right: auto;bottom: calc(var(--lumo-space-l) + env(safe-area-inset-bottom,0px));left: 50%;width: max-content;max-width: calc(100vw - 2 * var(--lumo-space-m));padding: 0 var(--lumo-space-m);border-radius: 999px;box-shadow: 0 0 0 1px var(--rule-strong),var(--panel-shadow);font-family: var(--font-text);font-size: var(--type-secondary);font-weight: 650;transform: translateX(-50%);transition: opacity 200ms ease-out}html vaadin-connection-indicator[offline] .v-status-message,html vaadin-connection-indicator[reconnecting] .v-status-message{max-height: var(--status-height);pointer-events: none;background-color: var(--panel);background-image: none;color: var(--ink)}html vaadin-connection-indicator[offline] .v-status-message span::before{content: "";flex: none;width: 8px;height: 8px;margin: 0 0.6em 0 0.2em;border-radius: 50%;background: var(--warn)}html vaadin-connection-indicator[expanded]:not([offline]):not([reconnecting]) .v-status-message{max-height: var(--status-height);pointer-events: none}html vaadin-connection-indicator[expanded]:not([offline]):not([reconnecting]) .v-status-message span::before{content: "";flex: none;width: 8px;height: 8px;margin: 0 0.6em 0 0.2em;border-radius: 50%;background: var(--win-mark)}@media (prefers-reduced-motion: reduce){html vaadin-connection-indicator .v-status-message,html vaadin-connection-indicator[reconnecting] .v-status-message{transition: none;animation: none}html vaadin-connection-indicator[reconnecting] .v-status-message span::before{animation-duration: 1.6s}}vaadin-notification-card:has(.cookie-banner)::part(overlay){box-sizing: border-box;width: min(48rem,calc(100% - 32px));margin: 0 auto 16px;border: 1px solid var(--rule);border-radius: var(--lumo-border-radius-l);background: var(--panel);box-shadow: var(--panel-shadow),0 10px 28px oklch(0.12 0.02 265 / 0.2),0 2px 6px oklch(0.12 0.02 265 / 0.12);color: var(--ink)}vaadin-notification-card:has(.cookie-banner)::part(content){padding: var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-l)}.cookie-banner{display: flex;flex: 1 1 auto;align-items: center;gap: var(--lumo-space-s) var(--lumo-space-m)}.cookie-banner-label{flex: none;align-self: stretch;display: flex;align-items: center;padding-inline-end: var(--lumo-space-m);border-inline-end: 1px solid var(--rule);font-family: var(--font-label);font-size: var(--type-caps);font-weight: 600;letter-spacing: 0.02em;color: var(--ink-2)}.cookie-banner-body{flex: 1 1 auto;min-width: 0;display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-xs) var(--lumo-space-m)}.cookie-banner-text{flex: 1 1 30em;margin: 0;font-size: var(--type-secondary);line-height: var(--type-secondary-lh);color: var(--ink);text-wrap: pretty}.cookie-banner-link{color: var(--accent-text);font-weight: 650;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;white-space: nowrap}.cookie-banner-actions{flex: 1 0 auto;display: flex;justify-content: flex-end;gap: var(--lumo-space-s)}.cookie-banner-actions>vaadin-button{margin: 0}.cookie-banner-accept{min-width: calc(96 * var(--ui-px))}@media (max-width: 640px){vaadin-notification-card:has(.cookie-banner)::part(overlay){width: calc(100% - 16px);margin-bottom: 8px}vaadin-notification-card:has(.cookie-banner)::part(content){padding: var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-m)}.cookie-banner-label{display: none}.cookie-banner-text{font-size: var(--type-secondary);line-height: var(--type-row-lh)}}vaadin-app-layout::part(content){scroll-padding-bottom: var(--cookie-banner-space,auto)}:root[style*='--cookie-banner-space'] vaadin-app-layout::part(content){padding-bottom: var(--cookie-banner-space)}