:root{--bg: #f0f4f8;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-hover: #94a3b8;--vial-stroke: #94a3b8;--vial-stroke-selected: #60a5fa;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--overlay: rgba(15, 23, 42, .55);--gradient-btn: linear-gradient(135deg, #3b82f6, #6366f1);--gradient-title: linear-gradient(135deg, #3b82f6, #8b5cf6);--game-shell-max-width: 600px;--game-board-max-width: 600px;--game-board-gap: 14px;--game-board-padding-inline: 16px;--game-vial-width: 52px;--game-vial-height: 160px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0f1117;--bg-surface: #1a1d27;--bg-surface-hover: #252836;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #2d3143;--border-hover: #475569;--vial-stroke: #64748b;--vial-stroke-selected: #60a5fa;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .7);--gradient-btn: linear-gradient(135deg, #4f8ff7, #7c6ef6);--gradient-title: linear-gradient(135deg, #60a5fa, #a78bfa)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background .3s ease,color .3s ease}.app{max-width:var(--game-shell-max-width);width:100%;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}@media (min-width: 1024px){:root{--game-shell-max-width: 860px;--game-board-max-width: 920px;--game-board-gap: 18px;--game-board-padding-inline: 20px;--game-vial-width: 60px;--game-vial-height: 184px}}@media (min-width: 1440px) and (min-height: 820px){:root{--game-shell-max-width: 940px;--game-board-max-width: 1020px;--game-board-gap: 20px;--game-board-padding-inline: 24px;--game-vial-width: 64px;--game-vial-height: 194px}}.audio-controls{--audio-surface: rgba(18, 22, 38, .84);--audio-surface-hover: rgba(30, 37, 61, .92);--audio-surface-strong: rgba(16, 21, 37, .92);--audio-border: rgba(144, 175, 230, .22);--audio-border-hover: rgba(170, 201, 255, .34);--audio-icon: #dce9ff;--audio-icon-muted: rgba(220, 233, 255, .56);--audio-panel-shadow: rgba(0, 0, 0, .32);position:fixed;bottom:18px;left:18px;z-index:100}.audio-toggle{width:48px;height:48px;border-radius:18px;border:1px solid var(--audio-border);background:var(--audio-surface);color:var(--audio-icon);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 14px 28px var(--audio-panel-shadow),inset 0 1px #ffffff24;transition:all .2s ease;padding:0}.audio-toggle:hover{background:var(--audio-surface-hover);border-color:var(--audio-border-hover);transform:translateY(-2px);box-shadow:0 18px 32px var(--audio-panel-shadow),inset 0 1px #ffffff2e}.audio-toggle:active{transform:translateY(0) scale(.95)}.audio-toggle-icon{width:20px;height:20px;stroke-width:2.15}.audio-toggle--muted{color:var(--audio-icon-muted)}.audio-panel{position:absolute;bottom:58px;left:0;background:var(--audio-surface-strong);border:1px solid var(--audio-border);border-radius:18px;padding:16px;-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%);box-shadow:0 18px 40px var(--audio-panel-shadow),inset 0 1px #ffffff1f;min-width:220px;display:flex;flex-direction:column;gap:14px;animation:audio-panel-in .15s ease-out}@keyframes audio-panel-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.audio-panel-header{display:flex;justify-content:space-between;align-items:center}.audio-panel-title{font-size:.85rem;font-weight:700;color:var(--audio-icon)}.audio-mute-btn{padding:6px 10px;border-radius:10px;border:1px solid var(--audio-border);background:#ffffff0a;color:var(--audio-icon);font-size:.7rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.audio-mute-btn:hover{background:#ffffff14;border-color:var(--audio-border-hover)}.audio-mute-btn-icon{width:14px;height:14px;stroke-width:2.2}.audio-mute-btn--active{background:var(--gradient-btn);border-color:transparent;color:#fff}.audio-mute-btn--active:hover{opacity:.9;color:#fff}.audio-slider-group{display:flex;flex-direction:column;gap:4px}.audio-slider-label{font-size:.75rem;font-weight:600;color:#dce9ffd1;display:flex;justify-content:space-between}.audio-slider-value{color:#dce9ff94;font-weight:500}.audio-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;cursor:pointer;transition:background .15s}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gradient-btn);border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s}.audio-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gradient-btn);border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);cursor:pointer}@media (prefers-color-scheme: light){.audio-controls{--audio-surface: rgba(255, 255, 255, .78);--audio-surface-hover: rgba(255, 255, 255, .92);--audio-surface-strong: rgba(250, 252, 255, .9);--audio-border: rgba(123, 156, 214, .28);--audio-border-hover: rgba(103, 137, 198, .42);--audio-icon: #29415f;--audio-icon-muted: rgba(41, 65, 95, .5);--audio-panel-shadow: rgba(113, 145, 197, .24)}.audio-panel-title{color:#203754}.audio-mute-btn{background:#799ede14;color:#29415f}.audio-mute-btn:hover{background:#799ede24}.audio-slider-label{color:#29415fd1}.audio-slider-value{color:#29415f8f}}.vial{--vial-width: 52px;--vial-height: 160px;--vial-focus-ring: rgba(113, 173, 255, .34);--vial-rim-top: #dff4ff;--vial-rim-bottom: #8db8ff;--vial-rim-stroke: rgba(160, 205, 255, .52);--vial-glass-top: rgba(255, 255, 255, .18);--vial-glass-bottom: rgba(190, 215, 255, .06);--vial-glass-shadow: rgba(0, 0, 0, .24);--vial-outline: var(--vial-stroke, rgba(145, 186, 255, .72));--vial-outline-selected: var(--vial-stroke-selected, #60a5fa);--vial-liquid-divider: rgba(255, 255, 255, .16);--vial-liquid-highlight-strong: rgba(255, 255, 255, .28);--vial-liquid-highlight-soft: rgba(255, 255, 255, .03);--vial-shine-top: rgba(255, 255, 255, .75);--vial-shine-bottom: rgba(255, 255, 255, .18);--vial-hidden-fill: rgba(136, 140, 161, .94);--vial-hidden-icon: rgba(255, 255, 255, .82);position:relative;width:var(--vial-width);height:var(--vial-height);display:inline-flex;align-items:flex-start;justify-content:center;flex:0 0 auto;overflow:visible;transform-origin:center bottom;will-change:transform;outline:none}.vial--splash{--vial-width: 74px;--vial-height: 196px;--vial-glass-shadow: rgba(0, 0, 0, .22)}.vial--interactive{cursor:pointer}.vial:focus-visible{outline:3px solid var(--vial-focus-ring);outline-offset:4px}.vial__svg{display:block;width:100%;height:100%;overflow:visible}.vial__glass-fill{filter:drop-shadow(0px 8px 5px var(--vial-glass-shadow))}.vial--splash .vial__glass-fill{filter:drop-shadow(0px 10px 6px var(--vial-glass-shadow))}.vial__glow-element{filter:drop-shadow(0 0 4px var(--vial-glow-color, transparent))}.vial__modifier-badge{--vial-modifier-color: rgba(103, 232, 249, .92);position:absolute;top:-14px;left:50%;transform:translate(-50%);min-width:42px;padding:4px 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,#0c1222f5,#111b31f5);border:1px solid color-mix(in srgb,var(--vial-modifier-color) 72%,white 28%);box-shadow:0 10px 24px #02081657,0 0 0 1px #ffffff14;color:var(--vial-modifier-color);z-index:2}.vial__modifier-badge--in-only{--vial-modifier-color: rgba(103, 232, 249, .94)}.vial__modifier-badge--out-only{--vial-modifier-color: rgba(251, 191, 36, .95)}.vial__modifier-icon{display:inline-flex;align-items:center;justify-content:center}.vial__modifier-icon svg{width:11px;height:11px;stroke-width:2.6}.vial__modifier-label{font-size:9px;font-weight:800;letter-spacing:.14em;line-height:1}.vial__complete-badge{--vial-complete-badge-size: 19px;position:absolute;left:calc(50% - (var(--vial-complete-badge-size) / 2));bottom:-14px;width:var(--vial-complete-badge-size);height:var(--vial-complete-badge-size);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 18px #00000038,0 0 0 3px #ffffff24}.vial__complete-badge svg{width:11px;height:11px;stroke-width:3}@media (prefers-color-scheme: light){.vial{--vial-focus-ring: rgba(95, 130, 191, .24);--vial-rim-top: #ffffff;--vial-rim-bottom: #c2d8ff;--vial-rim-stroke: rgba(122, 166, 236, .52);--vial-glass-top: rgba(255, 255, 255, .8);--vial-glass-bottom: rgba(216, 232, 255, .34);--vial-glass-shadow: rgba(97, 151, 220, .18);--vial-outline: rgba(109, 152, 228, .76);--vial-outline-selected: var(--vial-stroke-selected, #4b8ef7);--vial-liquid-divider: rgba(255, 255, 255, .24);--vial-liquid-highlight-strong: rgba(255, 255, 255, .34);--vial-liquid-highlight-soft: rgba(255, 255, 255, .06);--vial-shine-top: rgba(255, 255, 255, .75);--vial-shine-bottom: rgba(255, 255, 255, .28);--vial-hidden-fill: rgba(150, 160, 182, .9);--vial-hidden-icon: rgba(255, 255, 255, .92)}.vial__modifier-badge{background:linear-gradient(180deg,#fffffffa,#f0f7fffa);box-shadow:0 10px 20px #7599d633,0 0 0 1px #7ca6e724}.vial__complete-badge{box-shadow:0 10px 18px #6197dc38,0 0 0 3px #ffffff6b}}@media (prefers-reduced-motion: reduce){.vial__glass-fill,.vial__glow-element{filter:none}}.how-to-play-screen{--how-to-play-padding-inline: clamp(12px, 4vw, 20px);--how-to-play-padding-block: clamp(14px, 3.4vh, 24px);--how-to-play-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 22%), linear-gradient(180deg, rgba(16, 22, 42, .92), rgba(10, 15, 30, .9));--how-to-play-card-border: rgba(132, 165, 235, .2);--how-to-play-card-shadow: rgba(0, 0, 0, .34);--how-to-play-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 30%), rgba(12, 18, 36, .56);--how-to-play-panel-border: rgba(136, 169, 241, .16);--how-to-play-badge-bg: rgba(116, 137, 255, .14);--how-to-play-badge-border: rgba(142, 164, 255, .2);--how-to-play-badge-text: #d7e5ff;--how-to-play-title-gradient: linear-gradient(135deg, #79e7ff 0%, #66b5ff 48%, #ad89ff 100%);--how-to-play-title-shadow: rgba(0, 0, 0, .36);--how-to-play-copy: rgba(212, 225, 247, .78);--how-to-play-copy-strong: #f4f8ff;--how-to-play-copy-muted: rgba(181, 198, 228, .62);--how-to-play-icon-bg: rgba(122, 156, 255, .16);--how-to-play-icon-color: #dfe9ff;--how-to-play-icon-bg-active: rgba(141, 255, 188, .18);--how-to-play-icon-color-active: #dffff0;--how-to-play-accent: #8cc5ff;--how-to-play-demo-arrow-bg: rgba(108, 147, 255, .14);--how-to-play-demo-arrow-border: rgba(147, 180, 255, .18);--how-to-play-focus: rgba(130, 198, 255, .3);--how-to-play-primary-btn-bg: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 48%), linear-gradient(135deg, #8dffbc 0%, #4ee58d 42%, #1aa85b 100%);--how-to-play-primary-btn-border: rgba(218, 255, 231, .42);--how-to-play-primary-btn-text: #082315;--how-to-play-primary-btn-shadow: rgba(28, 192, 102, .34);--how-to-play-primary-btn-icon-bg: rgba(255, 255, 255, .24);--how-to-play-primary-btn-icon-color: #0d341f;--how-to-play-secondary-btn-bg: linear-gradient(135deg, rgba(92, 142, 255, .24), rgba(165, 115, 255, .18)), linear-gradient(180deg, rgba(21, 29, 58, .96), rgba(39, 50, 82, .88));--how-to-play-secondary-btn-border: rgba(162, 191, 255, .3);--how-to-play-secondary-btn-text: #f2f7ff;--how-to-play-secondary-btn-shadow: rgba(4, 10, 28, .32);--how-to-play-secondary-btn-icon-bg: rgba(128, 165, 255, .18);--how-to-play-secondary-btn-icon-color: #dfeaff;min-height:100vh;min-height:100dvh;width:100%;display:grid;place-items:center;padding:max(env(safe-area-inset-top),var(--how-to-play-padding-block)) var(--how-to-play-padding-inline) max(env(safe-area-inset-bottom),var(--how-to-play-padding-block));color:var(--how-to-play-copy-strong);font-family:Inter,system-ui,sans-serif}.how-to-play-card{width:min(100%,860px);max-height:calc(100dvh - (var(--how-to-play-padding-block) * 2));border-radius:30px;border:1px solid var(--how-to-play-card-border);background:var(--how-to-play-card-bg);box-shadow:0 24px 60px var(--how-to-play-card-shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);padding:clamp(18px,3vw,28px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(14px,2.4vh,20px);overflow:hidden}.how-to-play-header{text-align:center}.how-to-play-badge{display:inline-flex;align-items:center;gap:.45rem;padding:7px 13px;border-radius:999px;background:var(--how-to-play-badge-bg);border:1px solid var(--how-to-play-badge-border);color:var(--how-to-play-badge-text);font-size:.82rem;font-weight:700;letter-spacing:.02em}.how-to-play-badge-icon{width:.95rem;height:.95rem;color:#ffbf7a;stroke-width:2.15}.how-to-play-title{margin:12px 0 8px;font-size:clamp(2rem,5vw,3.8rem);line-height:.96;letter-spacing:-.045em;font-weight:900;text-shadow:0 8px 28px var(--how-to-play-title-shadow);background:var(--how-to-play-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-to-play-subtitle{max-width:560px;margin:0 auto;font-size:clamp(.92rem,1.8vw,1rem);line-height:1.45;color:var(--how-to-play-copy)}.how-to-play-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.how-to-play-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:50px;border-radius:18px;border:1px solid rgba(135,166,235,.14);background:#ffffff0a;color:var(--how-to-play-copy);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease,box-shadow .18s ease}.how-to-play-tab:hover{transform:translateY(-2px);border-color:#a1c2ff3d;color:var(--how-to-play-copy-strong)}.how-to-play-tab:focus-visible{outline:3px solid var(--how-to-play-focus);outline-offset:3px}.how-to-play-tab-icon,.how-to-play-panel-icon,.how-to-play-item-icon,.how-to-play-note-title,.how-to-play-btn-icon,.how-to-play-demo-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.how-to-play-tab-icon{width:1.8rem;height:1.8rem;border-radius:999px;background:var(--how-to-play-icon-bg);color:var(--how-to-play-icon-color)}.how-to-play-tab-icon svg,.how-to-play-panel-icon svg,.how-to-play-item-icon svg,.how-to-play-btn-icon svg,.how-to-play-demo-arrow svg{width:1rem;height:1rem;stroke-width:2.2}.how-to-play-tab--active{color:var(--how-to-play-copy-strong);border-color:#95ddb747;background:linear-gradient(180deg,#ffffff14,#fff0 46%),#121e2d8f;box-shadow:inset 0 1px #ffffff14}.how-to-play-tab--active .how-to-play-tab-icon{background:var(--how-to-play-icon-bg-active);color:var(--how-to-play-icon-color-active)}.how-to-play-stage{min-height:0;display:flex;overflow:hidden}.how-to-play-panel{width:100%;min-height:0;border-radius:24px;border:1px solid var(--how-to-play-panel-border);background:var(--how-to-play-panel-bg);padding:clamp(16px,2.4vw,22px);box-shadow:inset 0 1px #ffffff0f;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.how-to-play-panel-header{display:flex;flex-direction:column;gap:10px}.how-to-play-panel-step{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--how-to-play-copy-muted)}.how-to-play-panel-head{display:flex;align-items:flex-start;gap:12px}.how-to-play-panel-icon{width:2.4rem;height:2.4rem;border-radius:999px;background:var(--how-to-play-icon-bg);color:var(--how-to-play-icon-color);box-shadow:inset 0 1px #ffffff1f}.how-to-play-panel-title{margin:0;font-size:1.02rem;font-weight:800;color:var(--how-to-play-copy-strong)}.how-to-play-panel-copy,.how-to-play-item-copy,.how-to-play-note-copy{margin:0;line-height:1.5;color:var(--how-to-play-copy)}.how-to-play-panel-copy{margin-top:4px;font-size:.93rem}.how-to-play-panel-body{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:14px;overflow:auto;scrollbar-width:thin}.how-to-play-panel-body--basics{gap:16px}.how-to-play-demo{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.8vw,16px);flex-wrap:wrap}.how-to-play-demo-vial{--vial-width: clamp(42px, 6vw, 52px);--vial-height: clamp(114px, 16vh, 138px)}.how-to-play-demo-arrow{width:2.5rem;height:2.5rem;border-radius:999px;background:var(--how-to-play-demo-arrow-bg);border:1px solid var(--how-to-play-demo-arrow-border);color:var(--how-to-play-accent)}.how-to-play-note-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.how-to-play-note{padding:12px 13px;border-radius:18px;background:#ffffff08;border:1px solid rgba(139,172,244,.1);display:flex;flex-direction:column;gap:6px}.how-to-play-note-title{font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--how-to-play-accent)}.how-to-play-note-copy{font-size:.9rem}.how-to-play-item-list{display:grid;gap:10px}.how-to-play-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:12px 13px;border-radius:18px;background:#ffffff08;border:1px solid rgba(139,172,244,.1)}.how-to-play-item-icon{width:2.15rem;height:2.15rem;border-radius:999px;background:var(--how-to-play-icon-bg);color:var(--how-to-play-icon-color)}.how-to-play-item-title{margin:0 0 4px;font-size:.94rem;font-weight:800;color:var(--how-to-play-copy-strong)}.how-to-play-item-copy{font-size:.9rem}.how-to-play-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.how-to-play-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.74rem;min-height:54px;min-width:clamp(160px,22vw,210px);border-radius:20px;border:1px solid transparent;padding:12px 22px;font-size:.98rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.how-to-play-btn:before{content:"";position:absolute;inset:1px 1px auto;height:48%;border-radius:inherit;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none}.how-to-play-btn>*{position:relative;z-index:1}.how-to-play-btn:hover{transform:translateY(-3px);filter:saturate(1.05)}.how-to-play-btn:active{transform:translateY(0)}.how-to-play-btn:focus-visible{outline:3px solid var(--how-to-play-focus);outline-offset:4px}.how-to-play-btn-icon{width:1.95rem;height:1.95rem;border-radius:999px}.how-to-play-btn--primary{color:var(--how-to-play-primary-btn-text);background:var(--how-to-play-primary-btn-bg);border-color:var(--how-to-play-primary-btn-border);box-shadow:0 16px 28px var(--how-to-play-primary-btn-shadow),inset 0 1px #ffffff42,inset 0 -16px 26px #07402224}.how-to-play-btn--primary .how-to-play-btn-icon{color:var(--how-to-play-primary-btn-icon-color);background:var(--how-to-play-primary-btn-icon-bg);box-shadow:inset 0 1px #ffffff42,0 8px 14px #0948281f}.how-to-play-btn--secondary{color:var(--how-to-play-secondary-btn-text);background:var(--how-to-play-secondary-btn-bg);border-color:var(--how-to-play-secondary-btn-border);box-shadow:0 16px 28px var(--how-to-play-secondary-btn-shadow),inset 0 1px #ffffff29,inset 0 -16px 30px #5c84db1f}.how-to-play-btn--secondary .how-to-play-btn-icon{color:var(--how-to-play-secondary-btn-icon-color);background:var(--how-to-play-secondary-btn-icon-bg);box-shadow:inset 0 1px #ffffff26}@media (prefers-color-scheme: light){.how-to-play-screen{--how-to-play-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .56), rgba(255, 255, 255, 0) 24%), linear-gradient(180deg, rgba(249, 252, 255, .9), rgba(235, 242, 255, .84));--how-to-play-card-border: rgba(120, 152, 214, .24);--how-to-play-card-shadow: rgba(113, 145, 197, .24);--how-to-play-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, 0) 32%), rgba(243, 247, 255, .72);--how-to-play-panel-border: rgba(131, 164, 226, .18);--how-to-play-badge-bg: rgba(128, 158, 255, .12);--how-to-play-badge-border: rgba(120, 152, 230, .2);--how-to-play-badge-text: #365074;--how-to-play-title-gradient: linear-gradient(135deg, #48b8ea 0%, #2b84f2 48%, #7a62f3 100%);--how-to-play-title-shadow: rgba(138, 162, 201, .24);--how-to-play-copy: rgba(50, 76, 110, .8);--how-to-play-copy-strong: #1c3554;--how-to-play-copy-muted: rgba(72, 102, 143, .58);--how-to-play-icon-bg: rgba(113, 149, 216, .14);--how-to-play-icon-color: #3d5b83;--how-to-play-icon-bg-active: rgba(111, 225, 160, .18);--how-to-play-icon-color-active: #1c6b40;--how-to-play-accent: #4f7fe3;--how-to-play-demo-arrow-bg: rgba(113, 149, 216, .12);--how-to-play-demo-arrow-border: rgba(113, 149, 216, .2);--how-to-play-focus: rgba(95, 130, 191, .24);--how-to-play-primary-btn-bg: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 48%), linear-gradient(135deg, #9bffbf 0%, #53e48b 42%, #1ca45a 100%);--how-to-play-primary-btn-border: rgba(219, 255, 231, .58);--how-to-play-primary-btn-text: #082114;--how-to-play-primary-btn-shadow: rgba(45, 184, 108, .26);--how-to-play-primary-btn-icon-bg: rgba(255, 255, 255, .28);--how-to-play-primary-btn-icon-color: #0e3420;--how-to-play-secondary-btn-bg: linear-gradient(135deg, rgba(125, 165, 255, .18), rgba(166, 124, 255, .12)), linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(232, 240, 255, .74));--how-to-play-secondary-btn-border: rgba(118, 152, 210, .34);--how-to-play-secondary-btn-text: #284160;--how-to-play-secondary-btn-shadow: rgba(107, 142, 196, .2);--how-to-play-secondary-btn-icon-bg: rgba(113, 149, 216, .14);--how-to-play-secondary-btn-icon-color: #3d5b83}.how-to-play-tab,.how-to-play-note,.how-to-play-item{background:#ffffff52;border-color:#7698d21f}.how-to-play-tab--active{background:linear-gradient(180deg,#ffffff94,#fff0 46%),#f0f6ffe0}}@media (max-width: 700px){.how-to-play-tabs{grid-template-columns:1fr}.how-to-play-tab{justify-content:flex-start;padding-inline:14px}.how-to-play-note-list{grid-template-columns:1fr}.how-to-play-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.how-to-play-btn{width:100%;min-width:0}}@media (max-width: 520px){.how-to-play-card{border-radius:24px;padding:16px}.how-to-play-panel{border-radius:20px;padding:14px}.how-to-play-panel-head{gap:10px}.how-to-play-demo{gap:8px}.how-to-play-demo-vial{--vial-width: 38px;--vial-height: 108px}.how-to-play-demo-arrow{width:2.2rem;height:2.2rem}}@media (max-width: 390px),(max-height: 620px){.how-to-play-screen{--how-to-play-padding-inline: 10px;--how-to-play-padding-block: 10px;place-items:start center}.how-to-play-card{border-radius:20px;padding:12px;gap:8px;max-height:calc(100dvh - 20px)}.how-to-play-badge,.how-to-play-subtitle{display:none}.how-to-play-title{margin:2px 0 0;font-size:clamp(1.55rem,9vw,2.2rem)}.how-to-play-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.how-to-play-tab{min-height:38px;border-radius:14px;justify-content:center;gap:0;padding:0}.how-to-play-tab-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.how-to-play-tab-icon{width:1.55rem;height:1.55rem}.how-to-play-tab-icon svg{width:.9rem;height:.9rem}.how-to-play-panel{border-radius:18px;padding:10px;gap:8px}.how-to-play-panel-header{gap:6px}.how-to-play-panel-step{font-size:.64rem}.how-to-play-panel-head{gap:8px}.how-to-play-panel-icon{width:1.9rem;height:1.9rem}.how-to-play-panel-icon svg{width:.88rem;height:.88rem}.how-to-play-panel-title{font-size:.9rem}.how-to-play-panel-copy{margin-top:2px;font-size:.79rem;line-height:1.35}.how-to-play-panel-body,.how-to-play-panel-body--basics{justify-content:flex-start;gap:8px}.how-to-play-demo{gap:6px}.how-to-play-demo-vial{--vial-width: 32px;--vial-height: 84px}.how-to-play-demo-arrow{width:1.9rem;height:1.9rem}.how-to-play-demo-arrow svg{width:.85rem;height:.85rem}.how-to-play-note-list,.how-to-play-item-list{gap:6px}.how-to-play-note,.how-to-play-item{border-radius:14px;padding:8px 9px;gap:8px}.how-to-play-item{grid-template-columns:auto 1fr}.how-to-play-note-title{font-size:.66rem}.how-to-play-note-copy,.how-to-play-item-copy{font-size:.78rem;line-height:1.34}.how-to-play-item-title{margin-bottom:2px;font-size:.82rem}.how-to-play-item-icon{width:1.85rem;height:1.85rem}.how-to-play-item-icon svg{width:.82rem;height:.82rem}.how-to-play-actions{gap:8px}.how-to-play-btn{min-height:42px;border-radius:16px;padding:8px 10px;font-size:.84rem;gap:.48rem}.how-to-play-btn-icon{width:1.6rem;height:1.6rem}.how-to-play-btn-icon svg{width:.82rem;height:.82rem}}@media (max-height: 760px){.how-to-play-screen{place-items:start center}.how-to-play-card{gap:12px;padding:16px}.how-to-play-title{margin:10px 0 6px;font-size:clamp(1.8rem,5vw,3rem)}.how-to-play-subtitle{font-size:.9rem}.how-to-play-tab{min-height:44px;font-size:.88rem}.how-to-play-panel{gap:12px;padding:14px}.how-to-play-panel-body{gap:12px}.how-to-play-demo-vial{--vial-width: 36px;--vial-height: 96px}.how-to-play-item,.how-to-play-note{padding:10px 11px}.how-to-play-item-copy,.how-to-play-note-copy,.how-to-play-panel-copy{font-size:.86rem}.how-to-play-btn{min-height:48px;font-size:.92rem}}@media (max-height: 640px){.how-to-play-badge{display:none}.how-to-play-card,.how-to-play-actions{gap:10px}.how-to-play-btn{padding:10px 16px}}.scene-background{--scene-bg-top-glow: rgba(80, 100, 255, .14);--scene-bg-bottom-glow: rgba(0, 210, 255, .12);--scene-bg-main: linear-gradient(180deg, #090b17 0%, #070916 55%, #05070f 100%);--scene-star-1: rgba(255, 255, 255, .8);--scene-star-2: rgba(255, 255, 255, .65);--scene-star-3: rgba(255, 255, 255, .45);--scene-star-4: rgba(255, 255, 255, .55);--scene-star-5: rgba(255, 255, 255, .55);--scene-star-opacity: .45;--scene-bubble-gradient: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .75), rgba(167, 213, 255, .25) 35%, rgba(167, 213, 255, .08) 70%, rgba(167, 213, 255, .02) 100%);--scene-bubble-border: rgba(180, 220, 255, .16);--scene-bubble-inset: rgba(255, 255, 255, .12);--scene-bubble-shadow: rgba(255, 255, 255, .06);--scene-bubble-rest-opacity: .55;--scene-bubble-peak-opacity: .9;--scene-bubble-float-distance: -18px;--scene-glow-1-color: rgba(0, 183, 255, .22);--scene-glow-2-color: rgba(168, 85, 247, .18);--scene-glow-3-color: rgba(34, 197, 94, .12);--scene-glow-opacity: .5;--scene-glow-blur: 60px;--scene-atmosphere-overlay: radial-gradient(circle at 18% 18%, rgba(79, 170, 255, .1), transparent 28%), radial-gradient(circle at 82% 18%, rgba(157, 113, 255, .08), transparent 24%), radial-gradient(circle at 50% 74%, rgba(72, 215, 177, .07), transparent 30%);--scene-vignette-overlay: radial-gradient(circle at center, transparent 46%, rgba(0, 0, 0, .16) 100%);color-scheme:dark;position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at top,var(--scene-bg-top-glow),transparent 30%),radial-gradient(circle at bottom left,var(--scene-bg-bottom-glow),transparent 28%),var(--scene-bg-main);transition:background .45s ease}.scene-background__layer,.scene-background__glow,.scene-background__stars,.scene-background__bubble{pointer-events:none;transition:background .45s ease,opacity .45s ease,transform .45s ease,border-color .45s ease,box-shadow .45s ease}.scene-background__layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.scene-background__layer--atmosphere{background:var(--scene-atmosphere-overlay)}.scene-background__layer--vignette{background:var(--scene-vignette-overlay)}.scene-background__content{position:relative;z-index:2;min-height:100dvh}.scene-background__glow{position:absolute;z-index:0;border-radius:999px;filter:blur(var(--scene-glow-blur));opacity:var(--scene-glow-opacity);will-change:opacity;contain:strict}.scene-background__glow--1{width:280px;height:280px;top:8%;left:10%;background:var(--scene-glow-1-color)}.scene-background__glow--2{width:320px;height:320px;top:18%;right:8%;background:var(--scene-glow-2-color)}.scene-background__glow--3{width:360px;height:360px;bottom:6%;left:50%;transform:translate(-50%);background:var(--scene-glow-3-color)}.scene-background__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(circle at 20% 20%,var(--scene-star-1) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 24%,var(--scene-star-2) 0 1px,transparent 1.5px),radial-gradient(circle at 60% 72%,var(--scene-star-3) 0 1px,transparent 1.5px),radial-gradient(circle at 36% 82%,var(--scene-star-4) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 58%,var(--scene-star-5) 0 1px,transparent 1.5px);opacity:var(--scene-star-opacity)}.scene-background__bubble{position:absolute;z-index:1;border-radius:50%;background:var(--scene-bubble-gradient);border:1px solid var(--scene-bubble-border);box-shadow:inset 0 2px 6px var(--scene-bubble-inset),0 8px 22px var(--scene-bubble-shadow);animation:sceneFloat ease-in-out infinite}.scene-background--game{--scene-glow-opacity: .38;--scene-star-opacity: .34;--scene-bubble-rest-opacity: .42;--scene-bubble-peak-opacity: .72}@media (prefers-color-scheme: light){.scene-background{--scene-bg-top-glow: rgba(114, 162, 255, .3);--scene-bg-bottom-glow: rgba(88, 222, 255, .22);--scene-bg-main: linear-gradient(180deg, #edf4ff 0%, #e4eefc 54%, #dbe7fa 100%);--scene-star-1: rgba(68, 107, 165, .48);--scene-star-2: rgba(88, 113, 170, .42);--scene-star-3: rgba(75, 103, 151, .34);--scene-star-4: rgba(73, 112, 171, .4);--scene-star-5: rgba(73, 112, 171, .4);--scene-star-opacity: .9;--scene-bubble-gradient: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .96), rgba(174, 213, 255, .34) 38%, rgba(174, 213, 255, .12) 72%, rgba(174, 213, 255, .02) 100%);--scene-bubble-border: rgba(131, 176, 235, .24);--scene-bubble-inset: rgba(255, 255, 255, .35);--scene-bubble-shadow: rgba(97, 151, 220, .16);--scene-glow-1-color: rgba(67, 177, 255, .28);--scene-glow-2-color: rgba(134, 116, 255, .22);--scene-glow-3-color: rgba(59, 205, 170, .18);--scene-glow-opacity: .72;--scene-glow-blur: 74px;--scene-atmosphere-overlay: radial-gradient(circle at 16% 20%, rgba(87, 185, 255, .24), transparent 29%), radial-gradient(circle at 84% 18%, rgba(146, 124, 255, .2), transparent 28%), radial-gradient(circle at 50% 72%, rgba(77, 218, 190, .18), transparent 30%), linear-gradient(135deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .02) 34%, rgba(151, 185, 255, .08) 65%, rgba(255, 255, 255, .16));--scene-vignette-overlay: radial-gradient(circle at center, rgba(255, 255, 255, 0) 44%, rgba(146, 170, 212, .22) 100%);color-scheme:light}.scene-background--game{--scene-glow-opacity: .58;--scene-star-opacity: .72;--scene-bubble-rest-opacity: .46;--scene-bubble-peak-opacity: .76}}@keyframes sceneFloat{0%,to{transform:translateY(0);opacity:var(--scene-bubble-rest-opacity)}50%{transform:translateY(var(--scene-bubble-float-distance));opacity:var(--scene-bubble-peak-opacity)}}@media (max-width: 460px){.scene-background{--scene-bubble-rest-opacity: .46;--scene-bubble-peak-opacity: .78;--scene-bubble-float-distance: -14px}.scene-background--game{--scene-bubble-rest-opacity: .4;--scene-bubble-peak-opacity: .66}}@media (max-height: 620px){.scene-background{--scene-bubble-rest-opacity: .36;--scene-bubble-peak-opacity: .62;--scene-bubble-float-distance: -12px}}@media (prefers-reduced-motion: reduce){.scene-background__bubble{animation:none}.scene-background__glow{filter:none;opacity:0}.scene-background__layer,.scene-background__glow,.scene-background__stars,.scene-background__bubble,.scene-background{transition:none}}.liquid-sort-wordmark{--liquid-sort-wordmark-liquid-gradient: linear-gradient(180deg, #79e7ff 0%, #4db7ff 100%);--liquid-sort-wordmark-sort-gradient: linear-gradient(180deg, #c89bff 0%, #8a6cff 100%);--liquid-sort-wordmark-liquid-color: #5fcfff;--liquid-sort-wordmark-sort-color: #a883ff;--liquid-sort-wordmark-shadow: rgba(0, 0, 0, .4);display:inline-block;white-space:nowrap;font-family:inherit;font-weight:900;letter-spacing:-.04em;line-height:.95;text-shadow:0 8px 28px var(--liquid-sort-wordmark-shadow)}.liquid-sort-wordmark--hero{font-size:clamp(2.4rem,9vw,5.8rem)}.liquid-sort-wordmark--header{font-size:clamp(1.45rem,3.7vw,1.9rem);text-shadow:0 6px 18px var(--liquid-sort-wordmark-shadow)}.liquid-sort-wordmark__liquid,.liquid-sort-wordmark__sort{display:inline-block}.liquid-sort-wordmark__liquid{color:var(--liquid-sort-wordmark-liquid-color)}.liquid-sort-wordmark__sort{color:var(--liquid-sort-wordmark-sort-color)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.liquid-sort-wordmark__liquid,.liquid-sort-wordmark__sort{background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.liquid-sort-wordmark__liquid{background-image:var(--liquid-sort-wordmark-liquid-gradient)}.liquid-sort-wordmark__sort{background-image:var(--liquid-sort-wordmark-sort-gradient)}}@media (prefers-color-scheme: light){.liquid-sort-wordmark{--liquid-sort-wordmark-liquid-gradient: linear-gradient(180deg, #48b8ea 0%, #2b84f2 100%);--liquid-sort-wordmark-sort-gradient: linear-gradient(180deg, #8a7dff 0%, #7056f1 100%);--liquid-sort-wordmark-liquid-color: #3499ea;--liquid-sort-wordmark-sort-color: #7a67f5;--liquid-sort-wordmark-shadow: rgba(138, 162, 201, .24)}}@media (max-width: 700px){.liquid-sort-wordmark--hero{font-size:clamp(2.7rem,11vw,4rem)}}@media (max-width: 480px){.liquid-sort-wordmark--header{font-size:1.35rem}}@media (max-width: 460px){.liquid-sort-wordmark--hero{font-size:clamp(2.55rem,13.8vw,3.7rem)}}@media (max-height: 820px){.liquid-sort-wordmark--hero{font-size:clamp(2.3rem,8.5vw,5rem)}}@media (max-height: 620px){.liquid-sort-wordmark--hero{font-size:clamp(1.7rem,7vw,2.8rem)}}.splash-screen{--splash-screen-padding-inline: clamp(12px, 4vw, 20px);--splash-screen-padding-block: clamp(14px, 4vh, 32px);--splash-vial-width: clamp(60px, 10.4vw, 78px);--splash-vial-height: clamp(152px, 23vh, 196px);--splash-title-to-vials-gap: clamp(28px, 4.8vh, 40px);--splash-vial-gap: clamp(8px, 2.5vw, 16px);--splash-action-gap: clamp(10px, 2.5vw, 14px);--splash-text-color: #ffffff;--splash-btn-focus: rgba(130, 198, 255, .34);--splash-btn-highlight: rgba(255, 255, 255, .22);--splash-btn-ambient-glow: rgba(255, 255, 255, .22);--splash-primary-btn-bg: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 48%), linear-gradient(135deg, #8dffbc 0%, #4ee58d 42%, #1aa85b 100%);--splash-primary-btn-border: rgba(218, 255, 231, .42);--splash-primary-btn-text: #082315;--splash-primary-btn-shadow: rgba(28, 192, 102, .34);--splash-primary-btn-icon-bg: rgba(255, 255, 255, .24);--splash-primary-btn-icon-color: #0d341f;--splash-secondary-btn-bg: linear-gradient(135deg, rgba(92, 142, 255, .24), rgba(165, 115, 255, .18)), linear-gradient(180deg, rgba(21, 29, 58, .96), rgba(39, 50, 82, .88));--splash-secondary-btn-border: rgba(162, 191, 255, .3);--splash-secondary-btn-text: #f2f7ff;--splash-secondary-btn-shadow: rgba(4, 10, 28, .32);--splash-secondary-btn-icon-bg: rgba(128, 165, 255, .18);--splash-secondary-btn-icon-color: #dfeaff;--splash-badge-text: #d7e5ff;--splash-badge-bg: rgba(114, 137, 255, .14);--splash-badge-border: rgba(142, 164, 255, .2);--splash-footer-text: rgba(215, 229, 255, .52);--splash-footer-link: rgba(196, 211, 255, .76);--splash-footer-link-hover: rgba(222, 232, 255, .9);--splash-footer-link-underline: rgba(170, 192, 255, .28);--splash-footer-heart: rgba(255, 141, 170, .72);position:relative;min-height:100vh;min-height:100dvh;height:100dvh;width:100%;display:grid;place-items:center;padding:max(env(safe-area-inset-top),var(--splash-screen-padding-block)) var(--splash-screen-padding-inline) max(env(safe-area-inset-bottom),var(--splash-screen-padding-block));color:var(--splash-text-color);font-family:Inter,system-ui,sans-serif}.splash-content{position:relative;width:min(100%,780px);max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.splash-vial-row{margin-top:var(--splash-title-to-vials-gap);display:flex;justify-content:center;align-items:flex-end;gap:var(--splash-vial-gap);flex-wrap:nowrap}.splash-vial-row .vial--splash{--vial-width: var(--splash-vial-width);--vial-height: var(--splash-vial-height)}.splash-actions{margin-top:clamp(22px,4.2vh,34px);display:flex;gap:var(--splash-action-gap);justify-content:center;align-items:stretch;flex-wrap:wrap;width:min(100%,620px)}.splash-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.78rem;min-height:clamp(54px,7.8vh,66px);min-width:clamp(168px,21vw,220px);border:1px solid transparent;cursor:pointer;border-radius:22px;padding:clamp(12px,1.8vh,15px) clamp(18px,4.4vw,28px);font-size:clamp(.96rem,2.8vw,1.08rem);font-weight:800;white-space:nowrap;letter-spacing:.01em;line-height:1;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease,border-color .18s ease}.splash-btn:before,.splash-btn:after{content:"";position:absolute;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.splash-btn:before{inset:1px 1px auto;height:48%;border-radius:inherit;background:linear-gradient(180deg,var(--splash-btn-highlight),rgba(255,255,255,0));opacity:.9}.splash-btn:after{inset:auto 18% -44%;height:86%;border-radius:999px;background:radial-gradient(circle,var(--splash-btn-ambient-glow),transparent 72%);opacity:.18;transform:scale(.92)}.splash-btn>*{position:relative;z-index:1}.splash-btn:hover{transform:translateY(-3px);filter:saturate(1.05)}.splash-btn:hover:after{opacity:.3;transform:scale(1)}.splash-btn:active{transform:translateY(0)}.splash-btn:focus-visible{outline:3px solid var(--splash-btn-focus);outline-offset:4px}.splash-btn-icon{width:2rem;height:2rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.splash-btn-icon svg{width:1.1rem;height:1.1rem;stroke-width:2.3}.splash-btn-label{transform:translateY(.01em)}.splash-btn-primary{color:var(--splash-primary-btn-text);background:var(--splash-primary-btn-bg);border-color:var(--splash-primary-btn-border);box-shadow:0 16px 28px var(--splash-primary-btn-shadow),inset 0 1px #ffffff42,inset 0 -16px 26px #07402224}.splash-btn-primary:hover{box-shadow:0 20px 34px #1cc06661,inset 0 1px #ffffff47,inset 0 -16px 26px #07402229}.splash-btn-primary .splash-btn-icon{color:var(--splash-primary-btn-icon-color);background:var(--splash-primary-btn-icon-bg);box-shadow:inset 0 1px #ffffff42,0 8px 14px #0948281f}.splash-btn-secondary,.splash-btn-ghost{color:var(--splash-secondary-btn-text);background:var(--splash-secondary-btn-bg);border-color:var(--splash-secondary-btn-border);box-shadow:0 16px 28px var(--splash-secondary-btn-shadow),inset 0 1px #ffffff29,inset 0 -16px 30px #5c84db1f}.splash-btn-secondary:hover,.splash-btn-ghost:hover{box-shadow:0 20px 34px #07102766,inset 0 1px #ffffff2e,inset 0 -16px 30px #6990e529}.splash-btn-secondary .splash-btn-icon,.splash-btn-ghost .splash-btn-icon{color:var(--splash-secondary-btn-icon-color);background:var(--splash-secondary-btn-icon-bg);box-shadow:inset 0 1px #ffffff26}.splash-badge{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:clamp(12px,2vh,18px);padding:clamp(6px,1.1vh,8px) clamp(10px,3vw,14px);border-radius:999px;font-size:clamp(.78rem,2.5vw,.9rem);font-weight:600;letter-spacing:.02em;color:var(--splash-badge-text);background:var(--splash-badge-bg);border:1px solid var(--splash-badge-border)}.splash-badge-icon{width:.95rem;height:.95rem;flex:0 0 auto;color:#ffbf7a;stroke-width:2.15}.splash-title{margin:0}.splash-footer{margin-top:clamp(28px,5.2vh,42px);display:flex;justify-content:center}.splash-footer-text{display:inline-flex;align-items:center;gap:.45rem;font-size:clamp(.7rem,1.8vw,.8rem);line-height:1;letter-spacing:.015em;color:var(--splash-footer-text)}.splash-footer-label{opacity:.84}.splash-footer-heart{display:inline-flex;align-items:center;justify-content:center;color:var(--splash-footer-heart);transform:translateY(-.05em)}.splash-footer-heart svg{width:.78rem;height:.78rem;stroke-width:1.7}.splash-footer-link{color:var(--splash-footer-link);text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--splash-footer-link-underline);text-underline-offset:.18em;font-weight:600;transition:color .18s ease,text-decoration-color .18s ease,opacity .18s ease}.splash-footer-link:hover{color:var(--splash-footer-link-hover);text-decoration-color:currentColor}.splash-footer-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}@media (prefers-color-scheme: light){.splash-screen{--splash-text-color: #132033;--splash-btn-focus: rgba(95, 130, 191, .24);--splash-btn-highlight: rgba(255, 255, 255, .3);--splash-btn-ambient-glow: rgba(133, 166, 226, .28);--splash-primary-btn-bg: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 48%), linear-gradient(135deg, #9bffbf 0%, #53e48b 42%, #1ca45a 100%);--splash-primary-btn-border: rgba(219, 255, 231, .58);--splash-primary-btn-text: #082114;--splash-primary-btn-shadow: rgba(45, 184, 108, .26);--splash-primary-btn-icon-bg: rgba(255, 255, 255, .28);--splash-primary-btn-icon-color: #0e3420;--splash-secondary-btn-bg: linear-gradient(135deg, rgba(125, 165, 255, .18), rgba(166, 124, 255, .12)), linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(232, 240, 255, .74));--splash-secondary-btn-border: rgba(118, 152, 210, .34);--splash-secondary-btn-text: #284160;--splash-secondary-btn-shadow: rgba(107, 142, 196, .2);--splash-secondary-btn-icon-bg: rgba(113, 149, 216, .14);--splash-secondary-btn-icon-color: #3d5b83;--splash-badge-text: #365074;--splash-badge-bg: rgba(128, 158, 255, .12);--splash-badge-border: rgba(120, 152, 230, .2);--splash-footer-text: rgba(54, 80, 116, .58);--splash-footer-link: rgba(73, 104, 150, .8);--splash-footer-link-hover: rgba(39, 64, 93, .92);--splash-footer-link-underline: rgba(104, 140, 194, .3);--splash-footer-heart: rgba(214, 98, 131, .72)}}@media (max-width: 700px){.splash-screen{--splash-title-to-vials-gap: clamp(24px, 4.4vh, 34px)}.splash-content{width:min(100%,440px)}.splash-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,440px);row-gap:12px}.splash-btn-primary{grid-column:1 / -1}.splash-actions>:nth-child(2):last-child{grid-column:1 / -1}.splash-btn{width:100%;min-width:0}}@media (max-width: 460px){.splash-screen{--splash-vial-width: clamp(46px, 11.8vw, 56px);--splash-vial-height: clamp(122px, 19vh, 146px);--splash-title-to-vials-gap: clamp(22px, 4.2vh, 30px);--splash-vial-gap: clamp(8px, 2.4vw, 10px);--splash-action-gap: 10px}}@media (max-height: 820px){.splash-screen{--splash-vial-width: clamp(56px, 9.8vw, 72px);--splash-vial-height: clamp(140px, 20vh, 174px)}}@media (max-height: 620px){.splash-screen{--splash-vial-width: 38px;--splash-vial-height: 88px;--splash-title-to-vials-gap: 14px;--splash-vial-gap: 6px;--splash-action-gap: 8px}.splash-badge{display:none}.splash-actions{margin-top:12px;width:min(100%,360px)}.splash-footer{margin-top:14px}.splash-footer-text{font-size:.7rem}.splash-btn{border-radius:14px;padding:9px 12px;font-size:.86rem}}