:root{color-scheme:light;--ink:#1f2937;--muted:#5b6472;--paper:#fffaf0;--panel:#ffffff;--line:#d9c7a5;--accent:#0077b6;--accent-dark:#01579b;--gold:#d89b21;--found:#12715b;--shadow:0 14px 36px rgba(31,41,55,0.13)}html[data-theme="dark"]{color-scheme:dark;--ink:#f2f6f9;--muted:#aebdca;--paper:#111820;--panel:#17212b;--line:#2a3846;--accent:#4aa8ff;--accent-dark:#8ec4ff;--gold:#f2bd4a;--found:#8be0c5;--shadow:0 14px 30px rgba(0,0,0,0.32)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:linear-gradient(135deg,rgba(0,119,182,0.12),transparent 38%),linear-gradient(315deg,rgba(216,155,33,0.14),transparent 42%),var(--paper);color:var(--ink);font-family:Poppins,Arial,Helvetica,sans-serif}button{font:inherit}.game-shell{width:min(100%,900px);margin:0 auto;padding:clamp(12px,2.4vw,22px)}.game-top{display:grid;gap:12px;grid-template-columns:1fr;align-items:end;margin-bottom:14px}html[data-embed="true"] .standalone-only{display:none}.game-title{margin:0;font-size:clamp(1.35rem,4vw,2.15rem);line-height:1.1;color:var(--accent-dark)}.game-subtitle{margin:6px 0 0;color:var(--muted);font-size:0.95rem;line-height:1.45}.game-actions{display:flex;flex-wrap:wrap;gap:8px}.game-button{min-height:42px;border:0;border-radius:8px;padding:10px 14px;background:var(--accent);color:#ffffff;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(0,119,182,0.22)}.game-button.secondary{background:#ffffff;color:var(--accent-dark);border:1px solid rgba(1,87,155,0.24);box-shadow:none}html[data-theme="dark"] .game-button.secondary{background:rgba(74,168,255,0.14);color:#d8ebff;border-color:rgba(142,196,255,0.46);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03)}html[data-theme="dark"] .game-button.secondary:hover,html[data-theme="dark"] .game-button.secondary:focus-visible{background:rgba(74,168,255,0.22);border-color:rgba(142,196,255,0.7)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.status-item{min-width:0;padding:10px;background:rgba(255,255,255,0.78);border:1px solid rgba(217,199,165,0.9);border-radius:8px}.status-label{display:block;color:var(--muted);font-size:0.76rem;font-weight:700;text-transform:uppercase}.status-value{display:block;margin-top:3px;color:var(--ink);font-size:1.08rem;font-weight:800}.match-insight{display:none;max-width:760px;margin:0 auto 12px;padding:12px 14px;border:1px solid rgba(18,113,91,0.24);border-radius:8px;background:rgba(255,255,255,0.82);box-shadow:0 8px 18px rgba(31,41,55,0.08);animation:insight-in 220ms ease both}.match-insight.is-visible{display:block}.match-insight h2{margin:0 0 4px;color:var(--found);font-size:clamp(0.98rem,2.8vw,1.22rem);line-height:1.15}.match-insight p{margin:0;color:var(--ink);font-size:clamp(0.82rem,2.2vw,0.96rem);font-weight:600;line-height:1.4}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1.4vw,10px);width:100%;max-width:760px;margin:0 auto}.card{position:relative;min-width:0;aspect-ratio:4 / 5;height:auto;border:0;border-radius:8px;padding:0;background:transparent;cursor:pointer;perspective:800px}.card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.card-inner{position:absolute;inset:0;border-radius:8px;transform-style:preserve-3d;transition:transform 180ms ease;box-shadow:0 10px 22px rgba(31,41,55,0.18)}.card.is-flipped .card-inner,.card.is-matched .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:8px;backface-visibility:hidden;overflow:hidden}.card-back{border:2px solid rgba(255,255,255,0.7);background:radial-gradient(circle at 50% 28%,rgba(255,255,255,0.26),transparent 26%),repeating-linear-gradient(45deg,rgba(255,255,255,0.12)0 8px,transparent 8px 16px),linear-gradient(145deg,rgba(1,87,155,0.98),rgba(0,119,182,0.92)),#01579b;color:#ffffff}.card-back span{width:clamp(30px,8vw,48px);height:clamp(30px,8vw,48px);display:grid;place-items:center;border:2px solid rgba(255,255,255,0.84);border-radius:50%;font-weight:800;letter-spacing:0;box-shadow:inset 0 0 0 4px rgba(255,255,255,0.12)}.card-front{transform:rotateY(180deg);border:2px solid rgba(216,155,33,0.34);background:linear-gradient(180deg,rgba(255,250,240,0.55),transparent 45%),var(--panel);padding:clamp(5px,1.4vw,10px);text-align:center}.card.is-matched .card-front{background:linear-gradient(145deg,#f4fff9,#ffffff);border-color:rgba(18,113,91,0.5)}.character-mark{display:grid;place-items:center;width:clamp(34px,7.6vw,54px);height:clamp(34px,7.6vw,54px);border-radius:50%;background:rgba(216,155,33,0.2);color:var(--accent-dark);font-weight:900;font-size:clamp(0.88rem,3vw,1.25rem)}.character-name{width:100%;color:var(--ink);font-size:clamp(0.66rem,2.15vw,0.96rem);font-weight:800;line-height:1.12;overflow-wrap:anywhere}.character-origin{color:var(--muted);font-size:clamp(0.56rem,1.75vw,0.76rem);font-weight:800;line-height:1}.win-panel{position:fixed;inset:0;z-index:20;display:none;place-items:center;padding:18px;background:rgba(17,24,32,0.54);overflow:hidden}.win-panel.is-visible{display:grid}.win-card{position:relative;z-index:2;width:min(100%,420px);padding:24px;border-radius:8px;background:var(--panel);border:1px solid rgba(18,113,91,0.28);color:var(--ink);text-align:center;box-shadow:var(--shadow);animation:win-pop 260ms ease both}.win-card h2{margin:0 0 10px;color:var(--found);font-size:clamp(1.55rem,6vw,2.25rem);line-height:1.08}.win-card p{margin:0 0 18px;color:var(--ink);font-size:clamp(0.95rem,3vw,1.1rem);font-weight:700;line-height:1.4}.win-actions{display:grid;gap:10px}.win-actions .game-button{display:inline-flex;align-items:center;justify-content:center;width:100%;text-decoration:none}.game-footer{width:min(100%,760px);margin:clamp(24px,4vw,36px)auto 0;padding:0 12px;color:var(--muted);font-size:0.78rem;font-weight:600;line-height:1.45;text-align:center}.game-footer a{color:var(--accent-dark);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.game-footer a:hover,.game-footer a:focus-visible{color:var(--accent)}#getCopyButton{background:#f2c744;color:#111820;border:0;box-shadow:0 8px 18px rgba(216,155,33,0.22)}html[data-theme="light"] #getCopyButton{background:#e3b63c;box-shadow:0 8px 18px rgba(216,155,33,0.2)}html[data-theme="light"] #getCopyButton:hover,html[data-theme="light"] #getCopyButton:focus-visible{background:#d9ab30}#getCopyButton:focus-visible{outline:3px solid var(--accent-dark);outline-offset:3px}.firework{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 -42px 0 #8ec4ff,30px -30px 0 #f2bd4a,42px 0 0 #8be0c5,30px 30px 0 #ffffff,0 42px 0 #f2bd4a,-30px 30px 0 #8ec4ff,-42px 0 0 #8be0c5,-30px -30px 0 #ffffff;opacity:0;animation:firework-burst 1100ms ease-out infinite}.firework:nth-child(1){top:22%;left:22%}.firework:nth-child(2){top:18%;right:20%;animation-delay:260ms;transform:scale(0.85)}.firework:nth-child(3){bottom:24%;left:30%;animation-delay:520ms;transform:scale(0.75)}.firework:nth-child(4){right:28%;bottom:20%;animation-delay:780ms;transform:scale(0.9)}html[data-theme="dark"] .match-insight,html[data-theme="dark"] .status-item,html[data-theme="dark"] .win-card{background:var(--panel);border-color:var(--line)}html[data-theme="dark"] .card-front{border-color:rgba(242,189,74,0.36);background:linear-gradient(180deg,rgba(255,255,255,0.05),transparent 45%),var(--panel)}html[data-theme="dark"] .card.is-matched .card-front{background:linear-gradient(145deg,rgba(18,113,91,0.28),var(--panel));border-color:rgba(139,224,197,0.58)}@media(min-width:560px){.game-top{grid-template-columns:1fr auto}}@media(min-width:820px){.game-shell{padding:22px}}@media(prefers-reduced-motion:reduce){.card-inner,.match-insight,.win-card,.firework{transition:none;animation:none}}@keyframes firework-burst{0%{opacity:0;transform:scale(0.2)}18%{opacity:1}100%{opacity:0;transform:scale(1.55)}}@keyframes win-pop{0%{opacity:0;transform:translateY(10px)scale(0.96)}100%{opacity:1;transform:translateY(0)scale(1)}}@keyframes insight-in{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}