@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/archivo-vietnamese-wght-normal.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/archivo-latin-ext-wght-normal.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/archivo-latin-wght-normal.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--arc-ink-950: #0d0913;--arc-ink-900: #0f0a17;--arc-surf: #1a1327;--arc-surf-2: #221934;--arc-slot: #2a1f3d;--arc-line: #31234a;--arc-line-2: #4a3670;--arc-text-1: #efe9f5;--arc-text-2: #a394bd;--arc-text-3: #9286a7;--arc-coral: #ff5d73;--arc-coral-deep: #a3243a;--arc-coral-ink: #1a0007;--arc-indigo: #877aff;--arc-amber: #ffb020;--arc-lime: #38e0a0;--arc-diff-1: #f2b23e;--arc-diff-2: #3fd68f;--arc-diff-3: #4da6ff;--arc-diff-4: #c06cff}:root{--crm-ink-950: #100305;--crm-ink-900: #1a070a;--crm-surf: #240e12;--crm-surf-2: #2e1418;--crm-slot: #3a1c21;--crm-line: #4c2730;--crm-line-2: #703a47;--crm-text-1: #f7ede3;--crm-text-2: #cda99d;--crm-text-3: #a7847c;--crm-gold: #ecb84e;--crm-gold-deep: #a87c22;--crm-gold-ink: #2a1500;--crm-crimson: #e23b4e;--crm-crimson-deep: #8f1f30;--crm-garnet: #c94f6d;--crm-amber: #e6982c;--crm-jade: #4bab77;--crm-diff-1: #ecb84e;--crm-diff-2: #55c98c;--crm-diff-3: #5da4e6;--crm-diff-4: #b877e8}:root{--bg: var(--arc-ink-900);--surface: var(--arc-surf);--surface-raised: var(--arc-surf-2);--surface-overlay: var(--arc-slot);--text-1: var(--arc-text-1);--text-2: var(--arc-text-2);--text-3: var(--arc-text-3);--accent: var(--arc-coral);--accent-strong: var(--arc-coral-deep);--accent-fg: var(--arc-coral-ink);--accent-muted: color-mix(in oklab, var(--arc-coral) 22%, transparent);--indigo: var(--arc-indigo);--amber: var(--arc-amber);--special: var(--arc-indigo);--success: var(--arc-lime);--danger: var(--arc-coral);--danger-strong: var(--arc-coral-deep);--border: var(--arc-line);--border-strong: var(--arc-line-2);--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--diff-1: var(--arc-diff-1);--diff-2: var(--arc-diff-2);--diff-3: var(--arc-diff-3);--diff-4: var(--arc-diff-4);--bg-texture: none;--surface-texture: none}:root[data-theme=crimson-gold]{--bg: var(--crm-ink-900);--surface: var(--crm-surf);--surface-raised: var(--crm-surf-2);--surface-overlay: var(--crm-slot);--text-1: var(--crm-text-1);--text-2: var(--crm-text-2);--text-3: var(--crm-text-3);--accent: var(--crm-gold);--accent-strong: var(--crm-gold-deep);--accent-fg: var(--crm-gold-ink);--accent-muted: color-mix(in oklab, var(--crm-gold) 22%, transparent);--indigo: var(--crm-garnet);--amber: var(--crm-amber);--special: var(--crm-garnet);--success: var(--crm-jade);--danger: var(--crm-crimson);--danger-strong: var(--crm-crimson-deep);--border: var(--crm-line);--border-strong: var(--crm-line-2);--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--diff-1: var(--crm-diff-1);--diff-2: var(--crm-diff-2);--diff-3: var(--crm-diff-3);--diff-4: var(--crm-diff-4);--bg-texture: radial-gradient(130% 85% at 50% -20%, rgb(236 184 78 / 8%), transparent 55%), radial-gradient(120% 100% at 50% 122%, rgb(143 31 48 / 24%), transparent 62%), repeating-linear-gradient(135deg, rgb(236 184 78 / 2.2%) 0 1px, transparent 1px 10px);--tex-current: radial-gradient(150% 130% at 100% 0, rgb(236 184 78 / 7%), transparent 55%), repeating-linear-gradient(135deg, rgb(236 184 78 / 3%) 0 1px, transparent 1px 7px);--tex-weave: radial-gradient(150% 130% at 100% 0, rgb(236 184 78 / 9%), transparent 52%), repeating-linear-gradient(135deg, rgb(236 184 78 / 6%) 0 1px, transparent 1px 8px);--tex-dots: radial-gradient(150% 130% at 100% 0, rgb(236 184 78 / 6%), transparent 55%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23ecb84e' fill-opacity='0.16'/%3E%3C/svg%3E");--surface-texture: var(--tex-weave)}:root[data-theme=crimson-gold][data-surface-texture=current]{--surface-texture: var(--tex-current)}:root[data-theme=crimson-gold][data-surface-texture=weave]{--surface-texture: var(--tex-weave)}:root[data-theme=crimson-gold][data-surface-texture=dots]{--surface-texture: var(--tex-dots)}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--font-body: system-ui, sans-serif;--font-display: "Archivo Variable", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--dur-fast: .12s;--dur-med: .24s;--site-header-h: 49px}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-med: 0ms}}*{margin:0;padding:0}html{color-scheme:dark;background-color:var(--bg)}body{margin:0;color:var(--text-1);font-family:var(--font-body)}body:before{content:"";position:fixed;inset:0;z-index:-2;background-color:var(--bg);background-image:url(https://cdn.champdle.com/new-background3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(40%) contrast(110%) saturate(50%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--bg-texture)}.ui-modal-actions{position:sticky;bottom:0;z-index:1;background:var(--surface-raised);padding-top:var(--space-3);margin-top:calc(-1 * var(--space-3))}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:page-fade-out .12s ease both}::view-transition-new(root){animation:page-fade-in .18s ease both}}@keyframes page-fade-out{to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}html:has(app-game-shell){scroll-snap-type:y proximity}body:has(app-game-shell) app-site-footer{scroll-snap-align:end}app-game-shell{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.game-shell-help{position:absolute;top:var(--space-1);right:max(var(--space-2),50% - 190px);z-index:5}.game-shell{box-sizing:border-box;width:max(37.8109452736vh,350px);max-width:100vw;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-height:0;overflow:hidden;justify-content:safe center}.game-shell--quadra{justify-content:flex-start}@media(width<=520px){.game-shell{width:100%;padding-inline:var(--space-1)}}@media(height<=700px){.game-shell{gap:var(--space-2)}.game-shell--precision{overflow-y:auto;justify-content:flex-start}}@media(height<=600px){.game-shell{overflow-y:auto;justify-content:flex-start}}.game-shell__state{margin:auto;padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-2);font-family:var(--font-body)}.game-shell__retry{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-1);font-family:var(--font-mono);cursor:pointer}.game-shell>app-build-card-puzzle-slot{flex:0 0 auto}.game-shell>app-champion-search-input-slot{display:contents}