@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #05070d;--card: rgba(10, 12, 18, .75);--border: rgba(255, 255, 255, .1);--text: #f5f7ff;--muted: rgba(245, 247, 255, .8);--subtle: rgba(245, 247, 255, .6);--accent: #ff6b6b;--accent-2: #ff3333;--shadow: 0 20px 50px rgba(0, 0, 0, .6);--app-height: 100vh;color-scheme:dark;font-family:Space Grotesk,Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}:root[data-theme=light]{--bg: #f7f9ff;--card: rgba(255, 255, 255, .78);--border: rgba(6, 24, 62, .08);--text: #0f1b32;--muted: rgba(15, 27, 50, .72);--subtle: rgba(15, 27, 50, .55);--accent: #d93025;--accent-2: #b31412;--shadow: 0 20px 50px rgba(139, 0, 0, .15);color-scheme:light}@supports (height: 100dvh){:root{--app-height: 100dvh}}@supports (height: 100svh){:root{--app-height: 100svh}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:var(--app-height);background:var(--bg);color:var(--text);letter-spacing:.01em}a{color:inherit;text-decoration:none}#app{min-height:var(--app-height)}.page{position:relative;min-height:var(--app-height);overflow:hidden}.bg{position:fixed;top:0;left:0;right:0;height:var(--app-height);pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,rgba(124,210,247,.08),transparent 32%),radial-gradient(circle at 80% 0%,rgba(161,116,255,.12),transparent 35%)}.celestial{position:absolute;border-radius:50%;filter:blur(1px);opacity:.45;transition:opacity .4s ease}.sun{width:190px;height:190px;top:6%;right:6%;background:radial-gradient(circle at 42% 42%,#ffffffe6,#fff0),radial-gradient(circle at 50% 50%,#ffd6668c,#ffb45000);box-shadow:0 0 140px #ffb45047,0 0 220px #ffd66633}.moon{width:170px;height:170px;top:9%;right:7%;background:radial-gradient(circle at 36% 40%,#fffffff2,#ebf5ffdb 45%,#afd2ff57 78%,#96beff2e),radial-gradient(circle at 66% 52%,rgba(5,7,13,.98) 0 58%,rgba(5,7,13,.55) 62%,transparent 66%),radial-gradient(circle at 42% 58%,rgba(255,255,255,.12) 0 9%,transparent 10%),radial-gradient(circle at 30% 62%,rgba(255,255,255,.08) 0 7%,transparent 8%),radial-gradient(circle at 48% 34%,rgba(255,255,255,.06) 0 6%,transparent 7%);box-shadow:inset -24px 0 30px #00000059,0 0 90px #8cb4ff59,0 0 180px #8cb4ff2e}.fog-layer{position:absolute;inset:-10% -20%;background:radial-gradient(120% 80% at 50% 90%,rgba(255,255,255,.08),transparent 60%);filter:blur(50px);opacity:.5;animation:fog-drift 26s ease-in-out infinite alternate}:root[data-theme=dark] .sun{opacity:0}:root[data-theme=dark] .moon{opacity:.8}:root[data-theme=dark] .fog-layer{opacity:.42}:root[data-theme=light] .moon{opacity:0}:root[data-theme=light] .sun{opacity:.7}:root[data-theme=light] .fog-layer{opacity:.3}.orb{position:absolute;width:420px;height:420px;filter:blur(60px);opacity:.35;mix-blend-mode:screen;animation:float 12s ease-in-out infinite alternate}.orb-1{background:radial-gradient(circle,rgba(124,210,247,.6),transparent 60%);top:-60px;left:-40px}.orb-2{background:radial-gradient(circle,rgba(161,116,255,.5),transparent 55%);bottom:40px;right:-20px;animation-duration:14s}.orb-3{background:radial-gradient(circle,rgba(124,210,247,.5),transparent 55%);bottom:-120px;left:30%;animation-duration:16s}.bg:after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 90deg,#7cd2f72e,#a174ff29,#7cd2f72e);filter:blur(120px);opacity:.32;animation:bg-spin 22s linear infinite}.ripple-layer{position:fixed;top:0;left:0;right:0;height:var(--app-height);pointer-events:none;z-index:2}.ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#7cd2f78c,#7cd2f700);animation:ripple 1.2s ease-out forwards;transform:translate(-50%,-50%) scale(.6)}:root[data-theme=dark] .ripple{background:radial-gradient(circle,#ff78788c,#ff787800)}.top-bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 22px;margin:12px auto 0;max-width:1180px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(120deg,#ffffff14,#ffffff08) border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);will-change:backdrop-filter;transform:translateZ(0);backface-visibility:hidden}.brand{display:flex;align-items:center;gap:14px}.brand-mark{padding:10px 14px;background:linear-gradient(135deg,#7cd2f7,#a174ff);border-radius:12px;color:#041026;font-weight:700;letter-spacing:.02em}:root[data-theme=light] .brand-mark{background:linear-gradient(135deg,#d93025eb,#ff7aa2e6);color:#fff}.brand-meta{display:flex;flex-direction:column;gap:4px}.brand-row{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.brand-name{font-size:1.1rem}.main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(140deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff14,0 12px 26px #05070d47}.nav-chip{border:1px solid transparent;background:#ffffff0a;color:var(--muted);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;letter-spacing:.02em;text-align:center;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.nav-chip:hover,.nav-chip:focus-visible{border-color:#fff3;color:var(--text);background:#ffffff1a}.nav-chip.is-active{background:linear-gradient(120deg,#7cd2f773,#a174ff59);border-color:#7cd2f78c;color:#f9fbff;box-shadow:0 10px 24px #7cd2f752;transform:translateY(-1px)}:root[data-theme=light] .main-nav{background:linear-gradient(140deg,#ffffffeb,#ffffffad);box-shadow:inset 0 1px #ffffffb3,0 12px 24px #0f1b3214}:root[data-theme=light] .nav-chip{background:#0f1b3205;color:#0f1b32b3}:root[data-theme=light] .nav-chip:hover,:root[data-theme=light] .nav-chip:focus-visible{border-color:#0f1b3233;background:#d9302514;color:#0f1b32}:root[data-theme=light] .nav-chip.is-active{background:linear-gradient(120deg,#d9302538,#ff989838);border-color:#d9302561;color:#4d0c0c;box-shadow:0 10px 20px #d930252e}.mode-toggle{display:inline-flex;align-items:center;gap:6px;min-width:110px}.nav-actions{display:flex;gap:10px;flex-wrap:wrap}.lang-menu{position:relative}.lang-menu.is-mobile{display:none}.lang-menu.is-desktop{display:inline-flex}.lang-toggle{display:inline-flex;align-items:center;gap:10px;min-width:0;justify-content:center}.lang-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle)}.lang-caret{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .2s ease,opacity .2s ease}.lang-menu.is-open .lang-caret{transform:rotate(-135deg);opacity:1}.lang-dropdown{position:absolute;top:calc(100% - 6px);right:0;min-width:150px;display:grid;gap:6px;padding:14px 10px 10px;border-radius:14px;border:1px solid var(--border);background:#0a101ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 28px #05070d47;z-index:6}.lang-dropdown:before{content:"";position:absolute;top:-7px;right:20px;width:14px;height:14px;background:inherit;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}:root[data-theme=light] .lang-dropdown{background:#ffffffeb;box-shadow:0 16px 28px #0f1b321f}.lang-option{border-radius:10px;border:1px solid transparent;background:#ffffff0d;color:inherit;padding:6px 10px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.lang-option:hover{transform:translateY(-1px);border-color:#fff3}.lang-option.is-active{border-color:#7cd2f780;background:#7cd2f71f}:root[data-theme=light] .lang-option.is-active{border-color:#d9302580;background:#d930251f}.ghost-btn,.solid-btn{border-radius:12px;padding:10px 16px;border:1px solid var(--border);font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.ghost-btn{background:linear-gradient(135deg,#7cd2f724,#a174ff1f);border-color:#7cd2f759;box-shadow:0 10px 22px #7cd2f71f}.ghost-btn:hover{transform:translateY(-1px);border-color:#7cd2f77a;box-shadow:0 12px 24px #7cd2f729}:root[data-theme=light] .ghost-btn{background:linear-gradient(135deg,#d930251f,#ff7aa21f);border-color:#d930254d;box-shadow:0 10px 20px #d930251f}:root[data-theme=light] .ghost-btn:hover{border-color:#d930256b;box-shadow:0 12px 22px #d9302529}.solid-btn{background:linear-gradient(135deg,#7cd2f7,#a174ff);color:#05070d;border-color:transparent;box-shadow:0 10px 30px #7cd2f759}.solid-btn:hover{transform:translateY(-1px)}.ghost-btn:disabled,.solid-btn:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}:root[data-theme=light] .solid-btn{background:linear-gradient(135deg,#d93025eb,#ff7aa2e6);color:#fff;box-shadow:0 12px 26px #d9302540}:root[data-theme=light] .solid-btn:hover{box-shadow:0 14px 30px #d930254d}.shell{position:relative;z-index:1;padding:24px 18px 48px;max-width:1180px;margin:0 auto}.view{display:flex;flex-direction:column;gap:22px}.glass{position:relative;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#ffffff3d,#ffffff14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;box-shadow:0 20px 50px #05070d59,inset 0 1px #ffffff4d;will-change:backdrop-filter,transform;transform:translateZ(0);backface-visibility:hidden}.hero{padding:32px 32px 30px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.hero-copy h1{margin:10px 0;font-size:2.1rem}.lead{color:var(--muted);margin:0 0 12px}.chip-row,.focus-row{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;font-size:.95rem}.chip.soft{background:#7cd2f714;border-color:#7cd2f72e}.chip.is-active{border-color:#ffffff47;background:linear-gradient(120deg,#7cd2f740,#a174ff33);box-shadow:0 10px 24px #7cd2f733}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px}.focus-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.hero-visual{display:grid;gap:14px;justify-items:center}.search-bar{margin:14px 0 4px;display:grid;gap:6px;max-width:520px}.search-input{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border)}.search-input input{background:transparent;border:none;outline:none;color:inherit;font-size:1rem}.search-input input::placeholder{color:var(--subtle);opacity:.9}.search-icon{opacity:.8}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.results-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 6px;align-items:center}.page-button{min-width:38px;height:36px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:inherit;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.page-button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff47;box-shadow:0 10px 22px #7cd2f729}.page-button.is-active{border-color:#ffffff47;background:linear-gradient(120deg,#7cd2f740,#a174ff33);box-shadow:0 10px 24px #7cd2f733}.page-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.page-button:focus-visible{outline:2px solid rgba(120,200,255,.6);outline-offset:3px}.page-ellipsis{padding:0 4px;color:var(--subtle);font-weight:600}.refresh-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#ffffffe0;color:#2f3542;box-shadow:0 12px 24px #0f141e2e,inset 0 1px #ffffffe6;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.refresh-button svg{width:20px;height:20px}.refresh-icon{transform:rotate(90deg);transform-origin:50% 50%}.refresh-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #0f141e38,inset 0 1px #ffffffe6}.refresh-button:focus-visible{outline:2px solid rgba(120,200,255,.6);outline-offset:3px}.refresh-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}:root[data-theme=dark] .refresh-button,:root[data-theme=dark] .back-to-top-btn{border-color:#ffffff29;background:#0c101aeb;color:#f5f7ff;box-shadow:0 12px 24px #00000073,inset 0 1px #ffffff14}:root[data-theme=dark] .refresh-button:hover:not(:disabled),:root[data-theme=dark] .back-to-top-btn.is-visible:hover{box-shadow:0 16px 28px #0000008c,inset 0 1px #ffffff1f}.back-to-top-btn{position:fixed;right:24px;bottom:24px;width:46px;height:46px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#ffffffe0;color:#2f3542;box-shadow:0 16px 28px #0f141e38,inset 0 1px #ffffffe6;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;z-index:6}.back-to-top-btn svg{width:18px;height:18px}.back-to-top-btn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top-btn.is-visible:hover{transform:translateY(-2px);box-shadow:0 20px 32px #0f141e42,inset 0 1px #ffffffe6}.back-to-top-btn:focus-visible{outline:2px solid rgba(120,200,255,.6);outline-offset:3px}@media(max-width:720px){.back-to-top-btn{right:16px;bottom:18px;width:42px;height:42px}.main-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:10px;gap:8px}.nav-chip{padding:10px 8px;font-size:.85rem}.nav-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-toggle{min-width:0;justify-content:center;grid-column:1 / -1}.nav-actions .ghost-btn,.nav-actions .solid-btn{width:100%;justify-content:center}}.avatar-wrap{position:relative;width:220px;aspect-ratio:1 / 1;display:grid;place-items:center;isolation:isolate}.avatar-picture{width:100%;height:100%;display:block}.avatar{width:100%;height:100%;border-radius:28px;object-fit:cover;border:2px solid rgba(255,255,255,.18);box-shadow:0 20px 40px #00000073}.glow-ring{position:absolute;inset:8px;border-radius:32px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle,rgba(124,210,247,.18),transparent 60%);z-index:-1;animation:pulse 6s ease-in-out infinite}.ring-2{inset:-6px;opacity:.55;filter:blur(10px);animation-duration:7s}.floating-pill{position:absolute;bottom:-16px;padding:8px 14px;border-radius:12px;background:#ffffff14;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.signal{display:flex;gap:8px;align-items:center;justify-content:center}.signal .pulse{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#7cd2f7,#a174ff);animation:blink 1.8s ease-in-out infinite;box-shadow:0 0 #7cd2f773}.signal .pulse.delayed{animation-delay:.4s}.signal .pulse.delayed-2{animation-delay:.8s}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card-demo{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:24px;align-items:center}.card-stage{position:relative;display:grid;place-items:center;min-height:480px;perspective:1200px}.card-aura{position:absolute;width:min(360px,78vw);height:min(520px,110vw);border-radius:36px;background:radial-gradient(circle at 20% 20%,rgba(124,210,247,.45),transparent 60%),radial-gradient(circle at 80% 80%,rgba(161,116,255,.4),transparent 65%);filter:blur(46px);opacity:.55;pointer-events:none}.holo-card-shell{width:min(360px,82vw);aspect-ratio:3 / 4;display:grid;place-items:center;transform-style:preserve-3d;transform-origin:center;will-change:transform,opacity}.holo-card-shell.is-flipping.flip-next{animation:card-flip-next .65s ease;pointer-events:none}.holo-card-shell.is-flipping.flip-prev{animation:card-flip-prev .65s ease;pointer-events:none}.holo-card-shell.is-flipping.flip-up{animation:card-flip-up .65s ease;pointer-events:none}.holo-card-shell.is-flipping.flip-down{animation:card-flip-down .65s ease;pointer-events:none}.holo-card{--accent: #7cd2f7;--accent-2: #a174ff;--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;--sheen: .2;--shadow-depth: 0;width:100%;height:100%;position:relative;border-radius:26px;border:2px solid rgba(255,255,255,.15);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.25),transparent 55%),linear-gradient(160deg,#ffffff14,#05070dcc);background-color:#080a10eb;box-shadow:0 calc(30px + var(--shadow-depth) * 25px) calc(60px + var(--shadow-depth) * 40px) rgba(4,6,14,calc(.5 + var(--shadow-depth) * .2)),0 0 0 1px #ffffff0d,inset 0 1px #ffffff26,inset 0 calc(-2px - var(--shadow-depth) * 4px) calc(8px + var(--shadow-depth) * 12px) rgba(0,0,0,calc(.1 + var(--shadow-depth) * .15));transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s cubic-bezier(.23,1,.32,1),box-shadow .15s ease,filter .2s ease,border-color .2s ease;padding:0;color:inherit;cursor:pointer;appearance:none;font:inherit;touch-action:none;backface-visibility:hidden}.holo-card:before{content:"";position:absolute;inset:12px;border-radius:20px;border:1px solid rgba(255,255,255,.18);opacity:.6;transform:translateZ(16px);pointer-events:none}.holo-card.is-interacting{transition:none;border-color:#7cd2f766;box-shadow:0 50px 100px #04060e99,0 0 60px #7cd2f726,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.holo-card:hover:not(.is-interacting){transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(20px);border-color:#ffffff40;box-shadow:0 40px 80px #04060e8c,0 0 40px #7cd2f71a,inset 0 1px #fff3}.holo-card:focus-visible{outline:2px solid rgba(120,200,255,.6);outline-offset:4px}.card-surface{position:absolute;inset:0;border-radius:inherit;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.16),transparent 60%),linear-gradient(180deg,#ffffff14,#05070dcc);transform:translateZ(40px)}.card-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 16px 6px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.card-tag{justify-self:center;align-self:center;padding:6px 16px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:#0b0f1b;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 22px #04060e59;text-transform:none;pointer-events:none}.card-rarity,.card-series{padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f}.card-rarity{justify-self:start;color:var(--accent);border-color:#ffffff47;background:#ffffff1a}.card-series{justify-self:end}.card-portrait-frame{width:100%;height:100%;display:block;position:relative;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.14),transparent 70%)}.card-portrait{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease;filter:saturate(1.1) contrast(1.05);transform:translateZ(8px);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;touch-action:none}.card-portrait.is-ready{opacity:1}.card-meta{padding:14px 16px 18px;background:linear-gradient(180deg,#060a121a,#060a12cc)}.card-meta h3{margin:6px 0 8px}.card-holo{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 120deg at var(--mx) var(--my),rgba(124,210,247,.55),rgba(161,116,255,.45),rgba(124,210,247,.55)),radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.3),transparent 60%);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),rgba(0,0,0,.9),rgba(0,0,0,.35) 40%,transparent 65%);mask-image:radial-gradient(circle at var(--mx) var(--my),rgba(0,0,0,.9),rgba(0,0,0,.35) 40%,transparent 65%);mix-blend-mode:screen;opacity:calc(var(--sheen) * .45);filter:saturate(1.2) contrast(1.05);transform:translateZ(54px);pointer-events:none}.holo-card:not(.is-interacting):not(:hover) .card-holo{opacity:0}.holo-card:not(.is-interacting):not(:hover) .card-sheen{opacity:.08}.card-sheen{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.7),rgba(124,210,247,.12) 35%,rgba(255,255,255,0) 60%);opacity:var(--sheen);mix-blend-mode:screen;transform:translateZ(60px);pointer-events:none}.card-glint{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.9),rgba(255,255,255,.18) 32%,rgba(255,255,255,0) 62%);opacity:0;mix-blend-mode:screen;transform:translateZ(62px);pointer-events:none}:root:not([data-theme=light]) .holo-card.is-interacting .card-glint{opacity:calc(var(--sheen) * .55 + .08)}@media(hover:hover){.holo-card:hover:not(.is-interacting) .card-holo,.holo-card:hover:not(.is-interacting) .card-sheen{opacity:0}}.card-grain{position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.12) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.08) 0 1px,transparent 1.5px),radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0 1px,transparent 1.5px);background-size:120px 120px;opacity:.4;mix-blend-mode:soft-light;transform:translateZ(22px);pointer-events:none}.card-panel{padding:24px;display:grid;gap:12px}.card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.card-meta-line .body{margin:2px 0 0}.card-actions,.card-chip-row{display:flex;flex-wrap:wrap;gap:10px}.card-chip{border:1px solid var(--border);background:#ffffff0a;color:inherit;padding:8px 12px;border-radius:999px;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card-chip:hover,.card-chip:focus-visible{border-color:#ffffff38}.card-chip.is-active{border-color:#ffffff4d;background:linear-gradient(120deg,#7cd2f740,#a174ff33);box-shadow:0 10px 22px #7cd2f72e}.chip-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 4px #7cd2f71f}.card-hints{display:grid;gap:12px}.card-download-btn{padding:8px 14px;font-size:.92rem}:root[data-theme=light] .card-aura{opacity:.5;background:radial-gradient(circle at 20% 20%,rgba(180,80,120,.35),transparent 60%),radial-gradient(circle at 80% 80%,rgba(180,130,100,.3),transparent 65%)}:root[data-theme=light] .holo-card{border:2px solid rgba(80,70,100,.35);background:radial-gradient(circle at 20% 10%,rgba(220,210,230,.3),transparent 55%),linear-gradient(160deg,#f5f0fad9,#ebe6f5e6);background-color:#f0ebf8eb;box-shadow:0 30px 60px #3c325040,0 0 0 1px #78648c26,inset 0 1px #fff6;filter:brightness(.95) contrast(1.08)}:root[data-theme=light] .holo-card:hover:not(.is-interacting){transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(20px);border-color:#8c64a066;box-shadow:0 40px 80px #3c325047,0 0 40px #8c64a026,inset 0 1px #ffffff80;filter:brightness(.93) contrast(1.1)}:root[data-theme=light] .holo-card.is-interacting{border-color:#8c64a080;box-shadow:0 50px 100px #3c325052,0 0 60px #8c64a033,0 0 0 1px #78648c33,inset 0 1px #ffffff80;filter:brightness(.92) contrast(1.12)}:root[data-theme=light] .card-surface{background:radial-gradient(circle at 16% 18%,rgba(180,150,170,.2),transparent 60%),linear-gradient(180deg,#faf8ffe0,#f0ebf8eb)}:root[data-theme=light] .card-meta{background:linear-gradient(180deg,#faf8ffbf,#f0ebf8e6);color:#28233cf2}:root[data-theme=light] .card-holo{background:repeating-linear-gradient(120deg,#ff78a040 0 12px,#78c8ff40 12px 24px),conic-gradient(from 90deg at var(--mx) var(--my),rgba(255,98,126,.5),rgba(255,184,120,.45),rgba(120,200,255,.42),rgba(255,98,126,.5));mix-blend-mode:overlay;opacity:calc(var(--sheen) * .6);filter:saturate(1.3) contrast(1.1)}:root[data-theme=light] .card-sheen{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,140,180,.5),rgba(255,200,120,.25) 34%,rgba(255,255,255,0) 60%);mix-blend-mode:overlay;opacity:calc(var(--sheen) * .6)}:root[data-theme=light] .card-grain{opacity:.18;mix-blend-mode:screen}:root[data-theme=light] .holo-card:not(.is-interacting):not(:hover) .card-sheen{opacity:.05}:root[data-theme=light] .holo-card:not(.is-interacting):not(:hover) .card-holo{opacity:0}.card{padding:22px}.card-head h2{margin:4px 0 10px}.body{margin:0 0 10px;color:var(--muted)}.body.subtle{color:var(--subtle)}.link-cards{display:grid;gap:10px}.mini-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;transition:transform .2s ease,border-color .2s ease;overflow:hidden}.mini-card:hover{transform:translateY(-2px);border-color:#ffffff29}.mini-card .body{overflow-wrap:anywhere}.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#7cd2f7,#a174ff);box-shadow:0 0 0 6px #7cd2f714}.label{margin:0;color:var(--muted)}.arrow{opacity:.8}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 10px}.pill{padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border)}.interest{border-color:#ffffff29;background:linear-gradient(145deg,#ffffff38,#ffffff0f);box-shadow:0 20px 50px #05070d59,inset 0 1px #ffffff4d}.interest-grid{display:grid;gap:14px}.interest-card{padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#ffffff3d,#ffffff14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 50px #05070d59,inset 0 1px #ffffff4d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.interest-card:hover{transform:translateY(-2px);border-color:#ffffff3d;box-shadow:0 14px 36px #7cd2f71f,inset 0 1px #fff6}.interest-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:8px}.empty{padding:18px;border-radius:18px;border:1px dashed var(--border);background:#ffffff08;text-align:center}.status-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#7cd2f7,#a174ff);box-shadow:0 0 0 8px #7cd2f714}.titles h3{margin:4px 0 0}.game-launcher-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.game-launcher-card{padding:20px;display:grid;gap:12px;text-align:left;cursor:pointer;font:inherit;color:inherit;appearance:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.game-launcher-card:hover{transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 16px 36px #05070d59,inset 0 1px #ffffff59}.game-launcher-card:focus-visible{outline:2px solid rgba(120,200,255,.6);outline-offset:3px}.game-launcher-head h3{margin:4px 0 2px}.game-card-tags{display:flex;flex-wrap:wrap;gap:8px}.launcher-cta{color:var(--muted);font-weight:600}.game-window-layer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px 16px;background:#05070d8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=light] .game-window-layer{background:#e8eefab3}:root[data-game-overlay=open] .top-bar{opacity:0;pointer-events:none}.game-window{width:min(1100px,96vw);height:min(92vh,880px);display:grid;grid-template-rows:auto 1fr;overflow:hidden;position:relative}.game-window-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.game-window-title h2{margin:6px 0 8px}.game-window-body{padding:18px 20px 20px;display:grid;grid-template-rows:minmax(0,1fr);gap:0;min-height:0;overflow:hidden;position:relative}.game-help-layer{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#080c1473;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root[data-theme=light] .game-help-layer{background:#e8eefab3}.game-help-card{width:min(520px,92%);max-height:90%;display:grid;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--border);overflow:hidden}.game-help-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-help-head h3{margin:0}.game-help-body{overflow:auto;padding-right:4px;display:grid;gap:12px}.help-block .label{margin:0 0 6px;font-weight:600;color:var(--text)}.help-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted)}.game-panel{display:grid;gap:18px;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;height:100%;padding:18px;border-radius:18px;border:1px solid var(--border);background:#ffffff0a}.game-panel-title h3{margin:6px 0}.game-panel-title .body{margin-bottom:0}.game-panel-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.game-panel-head .game-stats{flex:1 1 0;min-width:0}.game-panel-body{min-height:0;display:grid;place-items:center;overflow:hidden;height:100%;container-type:size}.game-panel-footer{display:grid;gap:8px}.game-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.game-stat{padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#ffffff0f;text-align:center}.game-stat .stat{margin:4px 0 0;font-size:1.05rem;font-weight:600;color:var(--text)}.game-arena{position:relative;height:min(34vh,280px);width:min(760px,100%);max-height:100%;border-radius:20px;border:1px dashed var(--border);background:radial-gradient(circle at 20% 20%,rgba(124,210,247,.12),transparent 55%),radial-gradient(circle at 70% 80%,rgba(161,116,255,.12),transparent 50%);overflow:hidden;display:grid;place-items:center}.game-arena[data-state=playing]{border-color:#7cd2f773;box-shadow:0 18px 36px #7cd2f71f}.arena-hint{max-width:260px;text-align:center;color:var(--subtle);font-size:.95rem}.game-target{position:absolute;width:var(--size);height:var(--size);border-radius:50%;border:1px solid rgba(255,255,255,.45);background:radial-gradient(circle at 30% 30%,#ffffffe6,#7cd2f7d9 45%,#a174ff8c 70%,#0000 72%);box-shadow:0 0 0 6px #7cd2f72e,0 0 30px #7cd2f773;transform:translate(-50%,-50%) scale(.7);cursor:pointer;animation:target-pop .16s ease-out forwards,target-glow 1.2s ease-in-out infinite}.game-target:after{content:"";position:absolute;inset:-20%;border-radius:50%;border:1px dashed rgba(255,255,255,.25);opacity:.5}.pipe-arena{position:relative;width:100%;height:100%;min-height:240px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,#7cd2f71f,#05070d1f),radial-gradient(circle at 15% 20%,rgba(255,255,255,.2),transparent 55%),radial-gradient(circle at 80% 10%,rgba(161,116,255,.18),transparent 55%);overflow:hidden}.pipe-arena[data-state=playing]{border-color:#7cd2f773;box-shadow:0 18px 36px #7cd2f71f}.pipe-bird{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffffe6,#fff0),linear-gradient(135deg,#ff7aa2f2,#7cd2f7e6);box-shadow:0 0 0 6px #ff7aa21f,0 12px 26px #05070d4d}.pipe{position:absolute;border-radius:16px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(180deg,#ffffff40,#ffffff0d),linear-gradient(135deg,#7cd2f7cc,#a174ffcc);box-shadow:inset 0 0 0 1px #fff3,0 14px 26px #05070d40}.pipe-top{top:0;border-top-left-radius:0;border-top-right-radius:0}.pipe-bottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.mic-meter{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;min-width:180px}.mic-bar{position:relative;flex:1;height:8px;border-radius:999px;background:#78829633;overflow:hidden}.mic-fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#7cd2f7e6,#a174ffe6);transition:width .08s ease-out}.mic-text{min-width:38px;text-align:right;font-weight:600;color:var(--text)}.snake-board{width:min(620px,100%);max-width:100%;max-height:100%;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(var(--grid),minmax(0,1fr));grid-template-rows:repeat(var(--grid),minmax(0,1fr));border-radius:50%;border:1px solid var(--border);background:radial-gradient(circle at 50% 50%,#7cd2f71f,#05070d33),radial-gradient(circle at 20% 20%,rgba(161,116,255,.18),transparent 60%);overflow:hidden;touch-action:none;margin:0 auto;box-shadow:0 18px 36px #05070d47}.snake-cell{width:100%;height:100%}.snake-cell.is-void{opacity:0;pointer-events:none}.snake-cell.is-body{background:#7cd2f7b3;box-shadow:inset 0 0 0 1px #ffffff38}.snake-cell.is-head{background:linear-gradient(135deg,#ff7aa2f2,#7cd2f7e6);box-shadow:0 0 12px #ff7aa299,inset 0 0 0 1px #ffffff40}.snake-cell.is-food{background:radial-gradient(circle,#fffffff2,#7cd2f7a6);border-radius:50%;box-shadow:0 0 10px #7cd2f799}.snake-cell.is-boost{background:linear-gradient(135deg,#ffef78f2,#ffa03ce6);border-radius:50%;box-shadow:0 0 12px #ffc85ab3}.pacman-board{width:min(680px,100%);max-width:100%;max-height:100%;aspect-ratio:var(--cols) / var(--rows);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));border-radius:18px;border:1px solid var(--border);background:#05070d33;overflow:hidden;touch-action:none;margin:0 auto;box-shadow:0 16px 32px #05070d47}.pacman-cell{position:relative;width:100%;height:100%}.pacman-cell.is-wall{background:linear-gradient(135deg,#7cd2f799,#a174ff8c);box-shadow:inset 0 0 0 1px #fff3}.pacman-cell.is-pellet:after{content:"";position:absolute;inset:35%;border-radius:50%;background:#ffffffe6;box-shadow:0 0 6px #fffc}.pacman-cell.is-player:after{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffe666f2);box-shadow:0 0 10px #ffe66699}.pacman-cell.is-ghost:after{content:"";position:absolute;inset:12%;border-radius:8px 8px 10px 10px;background:linear-gradient(135deg,#ff7aa2f2,#a174fff2);box-shadow:0 0 10px #ff7aa280}.direction-pad{display:grid;justify-items:center;gap:6px}.direction-pad .pad-row{display:flex;gap:8px}.pad-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#ffffff14;color:inherit;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pad-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #05070d38}.game-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.game-status{padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#ffffff0d;color:var(--muted);margin:0}.control-buttons{display:flex;flex-wrap:wrap;gap:10px}.game-timer{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d}.game-timer .stat{font-weight:600}.game-modes{display:flex;flex-wrap:wrap;gap:10px}.mode-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.memory-board{display:grid;grid-template-columns:repeat(var(--grid, 2),minmax(0,1fr));gap:12px;height:auto;width:min(100%,420px);max-width:100%;max-height:100%;aspect-ratio:1 / 1;margin:0 auto}.memory-pad{aspect-ratio:1 / 1;border-radius:20px;border:1px solid rgba(255,255,255,.25);background:radial-gradient(circle at 30% 30%,#fff6,#fff0 40%),linear-gradient(135deg,var(--pad-color),var(--pad-glow));color:#090c14e6;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:inset 0 0 0 1px #ffffff2e,0 16px 30px #05070d40}.memory-pad.is-active{transform:translateY(-4px) scale(1.02);filter:brightness(1.15);box-shadow:0 18px 36px #7cd2f740,inset 0 0 0 1px #ffffff4d}.memory-pad:disabled{cursor:not-allowed;opacity:.7}.odd-board{display:grid;grid-template-columns:repeat(var(--grid),minmax(0,1fr));gap:10px;height:auto;width:min(100%,420px);max-width:100%;max-height:100%;aspect-ratio:1 / 1;margin:0 auto}.odd-tile{aspect-ratio:1 / 1;border-radius:14px;border:1px solid rgba(255,255,255,.18);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 12px 26px #05070d3d}.odd-tile:hover{transform:translateY(-2px);box-shadow:0 16px 30px #05070d4d}.order-board{display:grid;grid-template-columns:repeat(var(--grid),minmax(0,1fr));gap:10px;height:auto;width:min(100%,420px);max-width:100%;max-height:100%;aspect-ratio:1 / 1;margin:0 auto}@supports (width: 1cqw){.memory-board,.odd-board,.order-board{width:min(100cqw,100cqh)}}.math-board{width:min(720px,100%);display:grid;gap:12px}.order-cell{aspect-ratio:1 / 1;border-radius:14px;border:1px solid var(--border);background:#ffffff0f;color:inherit;font:inherit;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 10px 22px #05070d3d}.order-cell:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 26px #05070d4d}.order-cell.is-cleared{opacity:.4}.order-cell:disabled{cursor:not-allowed}.math-question{padding:16px;border-radius:18px;border:1px dashed var(--border);text-align:center;background:#ffffff0a}.math-equation{margin:0;font-size:1.6rem;font-weight:600;color:var(--text)}.math-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.math-option{border-radius:14px;border:1px solid var(--border);padding:12px;background:#ffffff0f;color:inherit;font:inherit;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.math-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #7cd2f729}.math-option:disabled{cursor:not-allowed;opacity:.55}.footer{margin:24px auto 28px;max-width:1180px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer a{color:var(--muted)}.footer a:hover{color:var(--text)}.eyebrow{margin:0;color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.floating-note{max-width:320px;padding:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid var(--border);color:var(--muted);font-size:.95rem}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .35s ease}.fade-slide-enter-from{opacity:0;transform:translateY(12px)}.fade-slide-leave-to{opacity:0;transform:translateY(-8px)}@media(max-width:960px){.top-bar{grid-template-columns:1fr;text-align:center}.brand{justify-content:center}.brand-meta{align-items:center}.brand-row{justify-content:center}.lang-menu.is-desktop{display:none}.lang-menu.is-mobile{display:inline-flex}.lang-menu.is-mobile .lang-dropdown{left:0;right:auto}.lang-menu.is-mobile .lang-dropdown:before{left:20px;right:auto}.main-nav{order:3;width:100%;max-width:560px;margin:0 auto}.nav-actions{justify-content:center}.hero-grid{grid-template-columns:1fr}.hero{padding:24px 18px}.avatar-wrap{width:180px}.card-demo{grid-template-columns:1fr}.card-stage{min-height:420px}}@media(max-width:640px){.top-bar{position:sticky;top:8px;padding:14px 12px}.shell{padding:14px 10px 32px}.card,.hero,.interest-card,.game-launcher-card{padding:16px}.card-panel{padding:18px}}@media(max-width:720px){.game-window-layer{padding:8px}.game-window{width:100%;height:100vh;height:100dvh;max-height:100dvh;border-radius:20px}.game-window-header{position:relative;flex-direction:column;align-items:flex-start;padding:12px 56px 10px 14px}.game-window-title h2{font-size:1.35rem}.game-window-title .body{font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.game-window-body{padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-panel{padding:12px;gap:12px;grid-template-rows:auto auto minmax(220px,1fr) auto;min-height:auto}.game-panel-title .body{display:none}.game-panel-body{place-items:stretch;min-height:220px}.game-panel-head{flex-direction:column;align-items:stretch}.game-panel-head .game-stats{width:100%}.game-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-stat{padding:8px 10px}.game-stat .stat{font-size:.98rem}.game-timer{align-self:flex-start}.game-status{padding:8px 10px;font-size:.9rem}.mic-meter{width:100%;min-width:0}.odd-board,.order-board{max-width:min(100%,320px);gap:8px}.memory-board{max-width:min(100%,320px);gap:10px}.game-window-close{position:absolute;top:10px;right:10px;align-self:auto;padding:6px 12px;font-size:.9rem}.game-arena{width:100%;min-height:220px;height:100%;border-color:#78829659;background:linear-gradient(135deg,#ffffff14,#ffffff05),radial-gradient(circle at 20% 20%,rgba(124,210,247,.16),transparent 55%),radial-gradient(circle at 70% 80%,rgba(161,116,255,.16),transparent 50%)}.pipe-arena{width:100%;min-height:220px;height:100%}.snake-board,.pacman-board{width:min(100%,360px)}.pad-btn{width:46px;height:46px}.math-options{grid-template-columns:repeat(2,minmax(0,1fr))}.game-help-card{width:min(92%,420px);padding:14px}}@media(max-width:520px){.game-window-title .body{display:none}.game-panel-title h3{font-size:1.1rem}}@media(max-height:640px){.game-window{height:100vh;height:100dvh;max-height:100dvh}.game-window-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.game-panel{padding:12px;gap:12px;grid-template-rows:auto auto minmax(180px,1fr) auto}.game-panel-body{place-items:stretch;min-height:180px}.game-arena,.pipe-arena{min-height:180px;height:100%}.memory-board,.odd-board,.order-board{max-width:min(100%,280px);gap:8px}.math-equation{font-size:1.3rem}}@keyframes target-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes target-glow{0%{box-shadow:0 0 0 6px #7cd2f72e,0 0 30px #7cd2f773}50%{box-shadow:0 0 0 10px #7cd2f747,0 0 44px #a174ff8c}to{box-shadow:0 0 0 6px #7cd2f72e,0 0 30px #7cd2f773}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@keyframes pulse{0%{transform:scale(.98);opacity:.9}50%{transform:scale(1.02);opacity:1}to{transform:scale(.98);opacity:.9}}@keyframes blink{0%{box-shadow:0 0 #7cd2f773}70%{box-shadow:0 0 0 14px #7cd2f700}to{box-shadow:0 0 #7cd2f700}}@keyframes bg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fog-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-6px,0) scale(1.04)}to{transform:translate3d(-12px,8px,0) scale(1.02)}}@keyframes ripple{0%{opacity:.5;transform:translate(-50%,-50%) scale(.5)}40%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}@keyframes card-flip{0%{transform:rotateY(0) scale(1);opacity:1}45%{transform:rotateY(90deg) scale(.96);opacity:.45}55%{transform:rotateY(90deg) scale(.96);opacity:.45}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes card-flip-next{0%{transform:rotateY(0) scale(1);opacity:1}45%{transform:rotateY(90deg) scale(.96);opacity:.45}55%{transform:rotateY(-90deg) scale(.96);opacity:.45}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes card-flip-prev{0%{transform:rotateY(0) scale(1);opacity:1}45%{transform:rotateY(-90deg) scale(.96);opacity:.45}55%{transform:rotateY(90deg) scale(.96);opacity:.45}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes card-flip-up{0%{transform:rotateX(0) scale(1);opacity:1}45%{transform:rotateX(90deg) scale(.96);opacity:.45}55%{transform:rotateX(-90deg) scale(.96);opacity:.45}to{transform:rotateX(0) scale(1);opacity:1}}@keyframes card-flip-down{0%{transform:rotateX(0) scale(1);opacity:1}45%{transform:rotateX(90deg) scale(.96);opacity:.45}55%{transform:rotateX(-90deg) scale(.96);opacity:.45}to{transform:rotateX(0) scale(1);opacity:1}}.anime-character-container[data-v-8f7cda33]{position:fixed;top:0;left:0;right:0;height:var(--app-height);pointer-events:none;z-index:0;overflow:hidden;contain:layout style}.light-beams[data-v-8f7cda33]{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.beam[data-v-8f7cda33]{position:absolute;top:2%;width:42%;height:115%;background:linear-gradient(120deg,#78c8ff38,#78c8ff00);filter:blur(22px);transform-origin:top center;mix-blend-mode:screen;--beam-tilt: 0deg;animation:beam-sway-8f7cda33 11s ease-in-out infinite alternate}.beam-left[data-v-8f7cda33]{left:-14%;--beam-tilt: -9deg;animation-delay:.8s}.beam-right[data-v-8f7cda33]{right:-14%;--beam-tilt: 9deg}:root[data-theme=light] .beam[data-v-8f7cda33]{background:linear-gradient(120deg,#ffc88c47,#ffc88c00);mix-blend-mode:multiply}.blood-rain-layer[data-v-8f7cda33]{position:absolute;inset:0;contain:strict}.blood-drop[data-v-8f7cda33]{position:absolute;top:-100px;width:var(--width, 2px);height:var(--height);background:linear-gradient(to bottom,transparent 0%,rgba(220,20,60,.35) 28%,rgba(255,0,0,.75) 60%,rgba(139,0,0,.86) 90%);animation:blood-fall-8f7cda33 var(--duration) cubic-bezier(.52,.095,.68,.53) infinite;animation-delay:var(--delay);opacity:var(--opacity);will-change:transform,opacity;transform:translateZ(0)}@keyframes blood-fall-8f7cda33{0%{transform:translate3d(0,-100px,0) scaleY(.8)}90%{transform:translate3d(0,92vh,0) scaleY(1.08);opacity:1}97%{transform:translate3d(0,101vh,0) scaleY(.92);opacity:.92}to{transform:translate3d(0,106vh,0) scaleY(.68);opacity:0}}@supports (height: 100svh){@keyframes blood-fall-8f7cda33{0%{transform:translate3d(0,-100px,0) scaleY(.8)}90%{transform:translate3d(0,92svh,0) scaleY(1.08);opacity:1}97%{transform:translate3d(0,101svh,0) scaleY(.92);opacity:.92}to{transform:translate3d(0,106svh,0) scaleY(.68);opacity:0}}}@keyframes beam-sway-8f7cda33{0%{transform:rotate(calc(var(--beam-tilt) - 2deg)) translateY(0);opacity:.35}50%{transform:rotate(calc(var(--beam-tilt) + 1deg)) translateY(-3%);opacity:.5}to{transform:rotate(calc(var(--beam-tilt) - 1deg)) translateY(2%);opacity:.32}}.blood-pool-layer[data-v-8f7cda33]{position:absolute;bottom:0;left:0;right:0;height:15vh;background:linear-gradient(to top,rgba(80,0,0,.9) 0%,rgba(120,0,0,.6) 28%,rgba(120,0,0,.25) 48%,transparent 70%);pointer-events:none;contain:layout style;transform:translateZ(0)}@supports (height: 100svh){.blood-pool-layer[data-v-8f7cda33]{height:15svh}}.blood-splash[data-v-8f7cda33]{position:absolute;bottom:0;width:var(--size);height:calc(var(--size) * .4);background-repeat:no-repeat;background-size:115% 110%;background-position:center;border-radius:58% 42% 52% 48%/82% 78% 52% 62%;box-shadow:0 6px 14px #5a000073,0 12px 22px #3c000059;filter:drop-shadow(0 0 4px rgba(255,60,60,.35));animation:splash-8f7cda33 var(--duration, 1s) ease-out infinite;animation-delay:var(--delay);transform-origin:bottom center;will-change:transform,opacity;transform:translateZ(0)}@keyframes splash-8f7cda33{0%{transform:translateY(-24px) scaleX(.42) scaleY(.62) rotate(var(--tilt));opacity:0;filter:blur(.1px)}25%{transform:translateY(-14px) scaleX(.82) scaleY(.95) rotate(var(--tilt));opacity:.9}65%{transform:translateY(-2px) scaleX(calc(var(--stretch) + .16)) scaleY(.36) rotate(var(--tilt));opacity:.9}to{transform:translateY(0) scaleX(calc(var(--stretch) + .56)) scaleY(.18) rotate(var(--tilt));opacity:0;filter:blur(1.2px)}}.splash-droplet[data-v-8f7cda33]{position:absolute;bottom:0;width:calc(var(--size) * .7);height:calc(var(--size) * 1.05);background:radial-gradient(60% 60% at 50% 52%,#ff9191f2,#be0a0acc),linear-gradient(180deg,#ffffff40,#fff0 45%);background-blend-mode:screen,normal;border-radius:62% 62% 46% 46%/85% 85% 48% 48%;filter:drop-shadow(0 4px 8px rgba(80,0,0,.4)) blur(var(--blur));animation:droplet-splash-8f7cda33 var(--duration, .8s) ease-out infinite;animation-delay:var(--delay);transform-origin:bottom center;will-change:transform,opacity;transform:translateZ(0) rotate(var(--tilt, 0deg))}@keyframes droplet-splash-8f7cda33{0%{transform:translateZ(0) scaleX(.58) scaleY(.76) rotate(var(--tilt, 0deg));opacity:0}18%{transform:translate3d(calc(var(--travel-x) * .36),-8px,0) scaleX(.74) scaleY(.96) rotate(var(--tilt, 0deg));opacity:.85}40%{transform:translate3d(calc(var(--travel-x) * .92),calc(-1 * var(--arc)),0) scaleX(.9) scaleY(1.02) rotate(var(--tilt, 0deg));opacity:.96}75%{transform:translate3d(calc(var(--travel-x) * 1.18),calc(-1 * var(--arc) * .18),0) scaleX(.82) scaleY(.9) rotate(var(--tilt, 0deg));opacity:.56}to{transform:translate3d(calc(var(--travel-x) * 1.36),8px,0) scaleX(.64) scaleY(.54) rotate(var(--tilt, 0deg));opacity:0;filter:blur(1.2px)}}.character[data-v-8f7cda33]{position:fixed;transition:transform .1s ease-out;z-index:0;pointer-events:none}.character[data-v-8f7cda33]:after{content:"";position:absolute;left:50%;bottom:8px;width:46%;height:12%;background:radial-gradient(60% 50% at 50% 50%,#00000052,#0000);filter:blur(16px);transform:translate(-50%);z-index:-1;pointer-events:none}.character-left[data-v-8f7cda33]{left:-2%;bottom:-2%}.character-right[data-v-8f7cda33]{right:-2%;bottom:-2%}.char-picture[data-v-8f7cda33]{display:block}.char-img[data-v-8f7cda33]{opacity:.95;height:85vh;max-height:900px;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,0,0,.5));transition:opacity .3s ease}@supports (height: 100svh){.char-img[data-v-8f7cda33]{height:85svh}}.character-left .char-img[data-v-8f7cda33]{animation:left-drift-8f7cda33 9s ease-in-out infinite;animation-delay:.6s;will-change:transform}.character-right .char-img[data-v-8f7cda33]{animation:right-drift-8f7cda33 10s ease-in-out infinite;animation-delay:1s;will-change:transform}@keyframes left-drift-8f7cda33{0%{transform:translate3d(-8px,6px,0) rotate(-.6deg)}25%{transform:translate3d(6px,-4px,0) rotate(.4deg)}50%{transform:translate3d(12px,10px,0) rotate(.9deg)}75%{transform:translate3d(2px,-6px,0) rotate(-.3deg)}to{transform:translate3d(-8px,6px,0) rotate(-.6deg)}}@keyframes right-drift-8f7cda33{0%{transform:translate3d(10px,8px,0) rotate(.7deg)}22%{transform:translate3d(-4px,-3px,0) rotate(-.2deg)}50%{transform:translate3d(-12px,9px,0) rotate(-.8deg)}78%{transform:translate3d(4px,-7px,0) rotate(.25deg)}to{transform:translate3d(10px,8px,0) rotate(.7deg)}}@media(min-width:1400px){.char-img[data-v-8f7cda33]{height:90vh}}@media(max-width:1399px){.char-img[data-v-8f7cda33]{height:80vh}}@media(max-width:1024px){.character-left[data-v-8f7cda33]{left:-4%;bottom:-1%}.character-right[data-v-8f7cda33]{right:-4%;bottom:-1%}.char-img[data-v-8f7cda33]{height:60vh;opacity:.88}}@media(max-width:768px){.character-left[data-v-8f7cda33]{left:-8%;bottom:2%}.character-right[data-v-8f7cda33]{right:-8%;bottom:2%}.char-img[data-v-8f7cda33]{height:52vh;opacity:.82}.character-left .char-img[data-v-8f7cda33]{-webkit-mask-image:linear-gradient(to right,black 70%,transparent 100%);mask-image:linear-gradient(to right,black 70%,transparent 100%)}.character-right .char-img[data-v-8f7cda33]{-webkit-mask-image:linear-gradient(to left,black 70%,transparent 100%);mask-image:linear-gradient(to left,black 70%,transparent 100%)}}@media(max-width:480px){.character-left[data-v-8f7cda33]{left:-10%;bottom:3%}.character-right[data-v-8f7cda33]{right:-10%;bottom:3%}.char-img[data-v-8f7cda33]{height:48vh;opacity:.8}}@supports (height: 100svh){@media(min-width:1400px){.char-img[data-v-8f7cda33]{height:90svh}}@media(max-width:1399px){.char-img[data-v-8f7cda33]{height:80svh}}@media(max-width:1024px){.char-img[data-v-8f7cda33]{height:60svh}}@media(max-width:768px){.char-img[data-v-8f7cda33]{height:52svh}}@media(max-width:480px){.char-img[data-v-8f7cda33]{height:48svh}}}:root[data-theme=dark] .blood-drop[data-v-8f7cda33]{box-shadow:0 0 5px #ff00004d}.is-full-view .char-img[data-v-8f7cda33]{opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important}:root[data-theme=light] .blood-rain-layer[data-v-8f7cda33]{opacity:.7}:root[data-theme=light] .char-img[data-v-8f7cda33]{filter:brightness(.95) drop-shadow(0 0 10px rgba(0,0,0,.2))}:root[data-theme=dark] .character[data-v-8f7cda33]:after{background:radial-gradient(65% 52% at 50% 50%,#0000008c,#0000),radial-gradient(85% 65% at 50% 55%,#b4141424,#b4141400);filter:blur(18px);opacity:.92}:root[data-theme=light] .character[data-v-8f7cda33]:after{background:radial-gradient(60% 48% at 50% 50%,#00000038,#0000),radial-gradient(80% 62% at 50% 55%,#8c1e1e14,#8c1e1e00);filter:blur(16px);opacity:.85}.cloud-layer[data-v-902d9701]{position:fixed;top:0;left:0;right:0;height:var(--app-height);pointer-events:none;z-index:5;overflow:hidden;opacity:0;transition:opacity .6s ease}:root[data-theme=light] .cloud-layer[data-v-902d9701]{opacity:1}.cloud[data-v-902d9701]{position:absolute;width:var(--size);height:calc(var(--size) * .34);top:var(--top);opacity:var(--opacity);animation:cloud-drift-902d9701 var(--duration) linear infinite;animation-delay:var(--delay);border-radius:999px;will-change:transform;background:linear-gradient(to bottom,#ffffffeb,#f8fcffe6,#d6e6fad1);filter:drop-shadow(0 18px 22px rgba(25,55,85,.12))}.cloud[data-v-902d9701]:before,.cloud[data-v-902d9701]:after{content:"";position:absolute;border-radius:999px;background:inherit}.cloud[data-v-902d9701]:before{width:56%;height:175%;left:12%;bottom:18%}.cloud[data-v-902d9701]:after{width:44%;height:150%;right:14%;bottom:12%}@keyframes cloud-drift-902d9701{0%{transform:translate(100vw) translateZ(0)}to{transform:translate(calc(-100% - 50px)) translateZ(0)}}@media(max-width:640px){.cloud[data-v-902d9701]{height:calc(var(--size) * .32)}}@media(min-width:641px)and (max-width:960px){.cloud[data-v-902d9701]{height:calc(var(--size) * .33)}}.starfield-layer[data-v-5038caf2]{position:fixed;top:0;left:0;right:0;height:var(--app-height);pointer-events:none;z-index:5;overflow:hidden;opacity:0;transition:opacity .6s ease}:root[data-theme=dark] .starfield-layer[data-v-5038caf2]{opacity:1}.stars-container[data-v-5038caf2]{position:absolute;inset:0}.star[data-v-5038caf2]{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(200,220,255,.8) 30%,transparent 70%);opacity:var(--opacity);animation:twinkle-5038caf2 var(--twinkle-duration) ease-in-out infinite;animation-delay:var(--twinkle-delay);box-shadow:0 0 calc(var(--size) * 2) #b4c8ff99}@keyframes twinkle-5038caf2{0%,to{opacity:var(--opacity);transform:scale(1)}50%{opacity:calc(var(--opacity) * .4);transform:scale(.8)}}.meteors-container[data-v-5038caf2]{position:absolute;inset:0}.meteor[data-v-5038caf2]{position:absolute;width:var(--length);height:var(--size);background:linear-gradient(to left,rgba(255,255,255,1) 0%,rgba(200,220,255,.8) 40%,rgba(255,255,255,.3) 80%,transparent 100%);border-radius:0 50% 50% 0;transform:rotate(150deg);transform-origin:center center;animation:meteor-fall-5038caf2 var(--duration) ease-out forwards;box-shadow:0 0 10px #c8dcffcc,0 0 20px #b4c8ff80}.meteor[data-v-5038caf2]:before{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:calc(var(--size) * 2.5);height:calc(var(--size) * 2.5);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(200,220,255,.8) 40%,transparent 70%);box-shadow:0 0 15px #fff,0 0 30px #b4c8ffcc}@keyframes meteor-fall-5038caf2{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(150deg) translate(calc(60vw + 60vh))}}@supports (height: 100svh){@keyframes meteor-fall-5038caf2{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(150deg) translate(calc(60vw + 60svh))}}}@media(max-width:640px){.star[data-v-5038caf2]{box-shadow:0 0 calc(var(--size) * 1.5) #b4c8ff66}.meteor[data-v-5038caf2]{box-shadow:0 0 6px #c8dcff99,0 0 12px #b4c8ff4d}}.dream-backdrop[data-v-1c1b13be]{position:absolute;inset:0;pointer-events:none;overflow:hidden;contain:layout paint;transform:translateZ(0);--far-x: 0px;--far-y: 0px;--mid-x: 0px;--mid-y: 0px;--near-x: 0px;--near-y: 0px}.layer[data-v-1c1b13be]{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}:root[data-theme=light] .layer-far[data-v-1c1b13be]{opacity:1;transform:translate(var(--far-x),var(--far-y))}:root[data-theme=light] .layer-far[data-v-1c1b13be]:before,:root[data-theme=light] .layer-far[data-v-1c1b13be]:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-6%;height:34%;border-radius:999px;filter:blur(10px)}:root[data-theme=light] .layer-far[data-v-1c1b13be]:before{background:linear-gradient(to top,rgba(90,120,160,.18) 0%,rgba(110,145,185,.08) 45%,transparent 80%);clip-path:polygon(0 62%,6% 52%,12% 58%,18% 48%,24% 57%,30% 44%,36% 56%,42% 42%,48% 54%,54% 40%,60% 52%,66% 38%,72% 50%,78% 36%,84% 48%,90% 34%,96% 46%,100% 38%,100% 100%,0 100%)}:root[data-theme=light] .layer-far[data-v-1c1b13be]:after{bottom:-10%;height:28%;background:linear-gradient(to top,rgba(70,105,150,.12) 0%,rgba(120,165,210,.05) 55%,transparent 85%);clip-path:polygon(0 70%,8% 62%,16% 70%,24% 58%,32% 68%,40% 56%,48% 66%,56% 54%,64% 64%,72% 52%,80% 62%,88% 50%,96% 60%,100% 54%,100% 100%,0 100%)}:root[data-theme=dark] .layer-mid[data-v-1c1b13be],:root[data-theme=dark] .layer-near[data-v-1c1b13be]{opacity:1}:root[data-theme=dark] .layer-mid[data-v-1c1b13be]{transform:translate(var(--mid-x),var(--mid-y));mix-blend-mode:screen;filter:blur(40px) saturate(1.2);animation:aurora-drift-1c1b13be 18s ease-in-out infinite alternate}:root[data-theme=dark] .layer-mid[data-v-1c1b13be]:before{content:"";position:absolute;inset:-30% -25%;background:radial-gradient(45% 35% at 30% 35%,rgba(120,210,255,.14),transparent 60%),radial-gradient(42% 30% at 62% 28%,rgba(174,126,255,.14),transparent 62%),radial-gradient(40% 30% at 52% 60%,rgba(255,140,210,.08),transparent 64%);opacity:.9}:root[data-theme=dark] .layer-near[data-v-1c1b13be]{transform:translate(var(--near-x),var(--near-y))}:root[data-theme=dark] .layer-near[data-v-1c1b13be]:before{content:"";position:absolute;left:-30%;top:18%;width:160%;height:42%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent 0%,rgba(170,210,255,.05) 16%,rgba(220,190,255,.08) 40%,rgba(255,200,230,.06) 62%,transparent 100%),radial-gradient(closest-side at 40% 50%,rgba(255,255,255,.08),transparent 60%),radial-gradient(closest-side at 65% 55%,rgba(255,255,255,.06),transparent 62%);filter:blur(26px);opacity:.8}@keyframes aurora-drift-1c1b13be{0%{transform:translate(var(--mid-x),var(--mid-y)) rotate(-1deg) scale(1.02)}to{transform:translate(var(--mid-x),var(--mid-y)) rotate(1deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){:root[data-theme=dark] .layer-mid[data-v-1c1b13be]{animation:none}}.back-nav[data-v-dad7f112]{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100}.anim-toggle[data-v-dad7f112]{position:fixed;top:18px;left:18px;z-index:20;border:1px solid var(--border);padding:6px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.24),transparent 45%),linear-gradient(135deg,#ffffff29,#ffffff0f);color:inherit;cursor:pointer;box-shadow:0 10px 24px #00000042;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:none}.anim-toggle[data-v-dad7f112]:hover{transform:translateY(-2px) scale(1.02);border-color:#fff3;box-shadow:0 12px 28px #0000004d}.anim-label[data-v-dad7f112]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;letter-spacing:.1em}.anim-toggle.is-dragging[data-v-dad7f112]{transform:scale(1.06) rotate(1deg);border-color:#ffffff4d;box-shadow:0 14px 30px #00000057}