:root{color-scheme:dark;--bg:#111b31;--bg2:#192744;--panel:#1d2b49;--line:#344566;--text:#f7f7f2;--muted:#a8b7d1;--gold:#ffdc89;--aqua:#91e4db;--shadow:0 22px 65px #050b1d7a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 75% 25%,#26395e 0,#111b31 48%,#0d172a 100%);color:var(--text);overflow-x:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden}.sky span{position:absolute;width:3px;height:3px;border-radius:50%;background:#e8f4ff;box-shadow:0 0 14px #fff;opacity:.55;animation:twinkle 4s ease-in-out infinite}.sky span:nth-child(1){left:9%;top:17%}.sky span:nth-child(2){left:34%;top:9%;animation-delay:1s}.sky span:nth-child(3){left:73%;top:12%;animation-delay:2.5s}.sky span:nth-child(4){left:87%;top:49%;animation-delay:.7s}.sky span:nth-child(5){left:19%;top:77%;animation-delay:3s}@keyframes twinkle{50%{opacity:.15;transform:scale(.5)}}.shell{position:relative;max-width:1160px;margin:auto;padding:24px clamp(18px,4vw,52px) 30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:10px;color:#f8f8f4;background:none;border:0;padding:6px 0;font-size:17px;font-weight:800;letter-spacing:.15em}.brand b{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #536986;border-radius:12px;color:var(--gold);font-size:23px;box-shadow:inset 0 0 16px #ffdf8c18}.top-actions{display:flex;gap:8px}.icon-btn,.lang-btn{border:1px solid #52627c;background:#243451aa;color:var(--text);border-radius:12px;height:39px;min-width:39px;font-size:20px;transition:background .2s,transform .2s}.icon-btn:hover,.lang-btn:hover,.secondary:hover{background:#324769;transform:translateY(-2px)}.lang-btn{font-size:12px;font-weight:800;letter-spacing:.08em;padding:0 9px}.view{display:none}.view.active{display:block}.home{display:grid!important;grid-template-columns:1.08fr .92fr;column-gap:20px;min-height:calc(100dvh - 112px);align-content:center}.home:not(.active){display:none!important}.hero-copy{position:relative;z-index:1;padding:45px 0 30px}.eyebrow,.mini-label,.modal-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--aqua);text-transform:uppercase}.hero-copy h1{font-size:clamp(47px,6.5vw,83px);line-height:1.02;letter-spacing:-.06em;margin:22px 0 25px;font-weight:800}.hero-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.045em}.hero-copy p{color:#c2cee1;max-width:470px;font-size:clamp(16px,1.6vw,19px);line-height:1.65;margin:0 0 31px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.primary,.secondary{border-radius:13px;min-height:48px;padding:0 25px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.primary{color:#1b2941;background:linear-gradient(135deg,#ffe69b,#ffcb74);border:0;box-shadow:0 8px 27px #ffcf7744}.primary:hover{transform:translateY(-3px);box-shadow:0 12px 33px #ffcf7770}.secondary{color:var(--text);background:#263755aa;border:1px solid #54647b}.quick-rules{margin-top:24px;color:var(--muted);font-size:12px;display:flex;gap:9px;align-items:center}.rule-icon{color:var(--aqua);font-size:21px}.hero-art{position:relative;min-height:410px;align-self:stretch}.orbit{position:absolute;border:1px solid #62729438;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-a{width:370px;height:370px}.orbit-b{width:260px;height:260px}.hero-card{position:absolute;display:grid;place-items:center;width:155px;height:195px;background:linear-gradient(145deg,#3c5478,#263958);border:2px solid #7893ad;border-radius:20px;box-shadow:var(--shadow),inset 0 0 27px #9dbde31c}.hero-card span{font-size:80px;color:var(--gold);text-shadow:0 0 25px #ffe1928f}.hc-one{left:13%;top:28%;transform:rotate(-17deg)}.hc-two{left:42%;top:15%;transform:rotate(9deg);background:linear-gradient(145deg,#495774,#293a59)}.hc-two span{color:var(--aqua)}.hc-three{left:53%;top:42%;transform:rotate(22deg);background:linear-gradient(145deg,#544b73,#2d3457)}.art-spark{position:absolute;color:#ffde9b;font-size:40px}.s1{left:21%;top:13%}.s2{right:12%;bottom:13%;color:var(--aqua)}.home-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;border-top:1px solid #4656736e;padding-top:22px}.difficulty-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.segmented{display:flex;gap:3px;padding:4px;background:#0d172a88;border:1px solid #445472;border-radius:12px}.segmented button{min-height:36px;padding:0 16px;border:0;background:transparent;color:var(--muted);border-radius:8px;font-size:12px;font-weight:800}.segmented button.active{background:#3a4c6b;color:#fff;box-shadow:0 2px 8px #0813288a}.daily-tile{display:flex;align-items:center;gap:12px;min-width:272px;text-align:left;background:#254a5973;border:1px solid #54918e84;border-radius:13px;padding:11px 15px;color:#fff;transition:background .2s,transform .2s}.daily-tile:hover{background:#2a5d68;transform:translateY(-2px)}.daily-icon{color:var(--aqua);font-size:28px}.daily-tile strong{display:block;font-size:13px}.daily-tile small{display:block;color:#b8d6d7;font-size:11px;margin-top:2px}.tile-arrow{margin-left:auto;color:var(--aqua)}.text-nav{grid-column:1/-1;display:flex;justify-content:center;gap:26px;margin-top:1px}.text-nav button{border:0;background:none;color:var(--muted);font-size:12px;padding:8px}.text-nav button:hover{text-decoration:underline;color:#fff}.game{max-width:820px;margin:35px auto 0}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.game-heading h1{font-size:clamp(29px,4vw,42px);letter-spacing:-.04em;margin:7px 0 0}.compact{min-height:40px;padding:0 14px;font-size:12px}.hud{display:flex;align-items:stretch;gap:9px;margin-bottom:17px;flex-wrap:wrap}.stat{min-width:104px;background:#21314fba;border:1px solid #44577a9b;border-radius:12px;padding:9px 15px}.stat small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em}.stat strong{font-size:19px;line-height:1.45}.hud-spacer{flex:1}.board-wrap{background:#172641bc;border:1px solid #3a4e6f;border-radius:21px;padding:clamp(11px,2.4vw,23px);box-shadow:var(--shadow)}.board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(7px,1.25vw,13px);max-width:720px;margin:auto}.card{position:relative;aspect-ratio: .78;min-width:0;border:0;background:none;padding:0;perspective:700px;touch-action:manipulation}.card-inner{position:absolute;inset:0;transition:transform .36s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.card.revealed .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:clamp(8px,1.2vw,14px);backface-visibility:hidden}.card-back{border:1px solid #6984a5;background:linear-gradient(145deg,#34496b,#233553);box-shadow:inset 0 0 0 5px #e3ebf00b,0 6px 10px #0a132973}.card-back:before{content:"";position:absolute;inset:10%;border:1px solid #a0b7cc44;border-radius:8px}.card-back svg{width:42%;height:42%;fill:#e7c77f;filter:drop-shadow(0 0 8px #e9cc7d64)}.card-front{transform:rotateY(180deg);border:1px solid #7589a8;background:radial-gradient(circle at 50% 43%,#40597d,#263a5a 67%);box-shadow:inset 0 0 24px #a3d9e41a}.card-front svg{width:62%;height:62%;overflow:visible;filter:drop-shadow(0 0 12px currentColor)}.card.matched .card-front{border-color:#91e4db;box-shadow:inset 0 0 20px #91e4db3b,0 0 15px #91e4db29}.card:hover:not(.matched):not(.revealed) .card-inner{transform:translateY(-4px)}.card:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:12px}.game-tip{height:23px;text-align:center;color:var(--muted);font-size:13px;margin:15px 0 0}.overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#060d1dc9;backdrop-filter:blur(8px);padding:18px}.dialog{position:relative;width:min(100%,480px);max-height:min(88dvh,720px);overflow-y:auto;border:1px solid #65809a;background:linear-gradient(145deg,#283a5b,#182941);border-radius:22px;box-shadow:0 30px 70px #020710a8;padding:32px}.close-btn{position:absolute;top:14px;right:15px;border:0;background:none;color:#d8e5ed;font-size:30px;width:36px;height:36px}.dialog h2{font-size:clamp(29px,5vw,42px);line-height:1.1;letter-spacing:-.04em;margin:11px 35px 20px 0}.dialog p{color:#c8d4e6;line-height:1.6;font-size:14px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.modal-actions .primary,.modal-actions .secondary{flex:1}.steps{display:grid;gap:11px}.step{display:flex;gap:13px;align-items:start;padding:12px;background:#ffffff0a;border-radius:11px;color:#d3deec;font-size:14px;line-height:1.45}.step b{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:#436070;color:var(--aqua)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid div{padding:16px;border:1px solid #526584;background:#ffffff09;border-radius:12px}.stats-grid small{display:block;color:var(--muted);font-size:11px}.stats-grid strong{display:block;font-size:25px;margin-top:5px;color:var(--gold)}.credit{border-top:1px solid #52627b;padding-top:18px;margin-top:23px;font-size:13px;color:var(--muted)}.result-stars{font-size:38px;color:var(--gold);letter-spacing:.1em}.result-summary{font-size:15px;color:#dde9ed}.toast{position:fixed;z-index:20;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#e8f7f0;color:#1d3845;border-radius:12px;padding:10px 17px;font-size:13px;font-weight:700;box-shadow:var(--shadow);transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.home{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:42px 0 16px}.hero-copy h1{margin:16px 0 17px}.hero-art{grid-row:2;height:230px;min-height:230px;margin:0 0 12px}.orbit-a{width:260px;height:260px}.orbit-b{width:180px;height:180px}.hero-card{width:100px;height:125px;border-radius:14px}.hero-card span{font-size:52px}.hc-one{left:22%;top:27%}.hc-two{left:43%;top:13%}.hc-three{left:55%;top:39%}.home-footer{grid-template-columns:1fr;gap:17px}.daily-tile{width:100%}.text-nav{grid-column:1;margin:0 0 6px}.game{margin-top:26px}}
@media(max-width:480px){.shell{padding:13px 13px 22px}.brand{font-size:13px;letter-spacing:.1em;gap:7px}.brand-mark{width:35px;height:35px}.top-actions{gap:5px}.icon-btn,.lang-btn{height:35px;min-width:35px}.hero-copy{padding-top:30px}.hero-copy h1{font-size:clamp(45px,12vw,58px)}.hero-copy p{font-size:15px;line-height:1.5}.hero-art{height:205px;min-height:205px}.hero-card{width:89px;height:113px}.home-footer{padding-top:18px}.difficulty-wrap{display:block}.segmented{margin-top:9px;width:max-content;max-width:100%}.segmented button{padding:0 13px}.game-heading{margin-bottom:14px}.game-heading h1{font-size:28px}.hud{gap:6px}.stat{min-width:0;flex:1;padding:7px 9px}.stat strong{font-size:16px}.hud-spacer{display:none}.hud button{flex:1}.board-wrap{padding:8px;border-radius:13px}.board{gap:6px}.card-back:before{inset:7%}.game-tip{font-size:11px}.dialog{padding:26px 19px}.modal-actions .primary,.modal-actions .secondary{min-width:120px}}
@media(max-height:650px) and (min-width:761px){.home{min-height:auto}.hero-copy{padding:22px 0}.hero-art{min-height:350px}.home-footer{padding-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}