:root{--bg-primary:#0a0e1a;--bg-secondary:#131b2e;--card-back-from:#1e293b;--card-back-to:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-cyan:#38bdf8;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-glow:#6366f126}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 20%,#1e1b4b 0%,#0b0f19 75%);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem 1rem;display:flex}.ambient-glow-1{pointer-events:none;filter:blur(50px);z-index:0;background:radial-gradient(circle,#a855f72e 0%,#0000 70%);width:380px;height:380px;position:fixed;top:10%;left:15%}.ambient-glow-2{pointer-events:none;filter:blur(60px);z-index:0;background:radial-gradient(circle,#38bdf829 0%,#0000 70%);width:420px;height:420px;position:fixed;bottom:10%;right:15%}.game-container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:580px;display:flex;position:relative}.game-header{text-align:center;margin-bottom:1.25rem}.game-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#38bdf8 70%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:2.1rem;font-weight:800;display:inline-flex}.game-subtitle{color:var(--text-muted);font-size:.95rem}.stats-panel{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;margin-bottom:1.25rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;background:#ffffff0a;border-radius:14px;padding:.65rem .5rem;transition:all .25s;box-shadow:0 4px 16px #0003}.stat-card:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-2px)}.stat-label{color:var(--text-muted);justify-content:center;align-items:center;gap:.25rem;margin-bottom:.2rem;font-size:.75rem;display:flex}.stat-value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.stat-value.highlight{color:#38bdf8}.controls-panel{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.25rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#d946ef 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 18px #7c3aed59}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 24px #7c3aed80}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-icon{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0f;border-radius:12px;align-items:center;gap:.4rem;padding:.65rem .9rem;font-size:.9rem;transition:all .2s;display:flex}.btn-icon:hover{background:#ffffff1f;border-color:#ffffff40}.grid-board{aspect-ratio:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:.85rem;width:100%;padding:1rem;display:grid;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d}.card-wrapper{perspective:1000px;cursor:pointer;border-radius:16px;position:relative}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:16px;transition:transform .55s cubic-bezier(.34,1.56,.64,1);position:relative}.card-wrapper.flipped .card-inner,.card-wrapper.matched .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;box-shadow:0 6px 14px #00000047}.card-back{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1.5px solid #ffffff1f;transition:all .25s;overflow:hidden}.card-back-pattern{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card-back-pattern:before{content:"";border:1px dashed #ffffff26;border-radius:10px;width:60%;height:60%;position:absolute;transform:rotate(45deg)}.card-back-icon{opacity:.75;filter:drop-shadow(0 0 8px #6366f166);font-size:1.6rem;transition:transform .25s,opacity .25s}.card-wrapper:hover:not(.flipped):not(.matched) .card-back{border-color:#6366f199;transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.card-wrapper:hover:not(.flipped):not(.matched) .card-back-icon{opacity:1;transform:scale(1.18)rotate(8deg)}.card-front{border:2px solid #ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex;transform:rotateY(180deg)}.card-icon{filter:drop-shadow(0 4px 10px #00000059);font-size:2.2rem;line-height:1;animation:.4s forwards cardIconPop}.card-name{color:#fffffff2;letter-spacing:.05em;text-shadow:0 2px 4px #0009;font-size:.72rem;font-weight:600}@keyframes cardIconPop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.card-wrapper.matched{cursor:default}.card-wrapper.matched .card-front{border-color:#10b981;animation:.6s forwards matchedPulse;box-shadow:0 0 20px #10b98180,inset 0 0 15px #10b98140}.matched-badge{color:#fff;background:#10b981e6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}@keyframes matchedPulse{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.08)}to{opacity:.88;transform:rotateY(180deg)scale(.96)}}.card-wrapper.shake .card-inner{animation:.45s ease-in-out mismatchShake}@keyframes mismatchShake{0%,to{transform:rotateY(180deg)translate(0)}20%,60%{transform:rotateY(180deg)translate(-6px)}40%,80%{transform:rotateY(180deg)translate(6px)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0e1ad9;justify-content:center;align-items:center;padding:1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.victory-card{text-align:center;background:linear-gradient(160deg,#1e1b4b 0%,#0f172a 100%);border:1.5px solid #a855f766;border-radius:28px;width:100%;max-width:440px;padding:2.5rem 2rem;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards cardPopUp;position:relative;box-shadow:0 25px 60px #000000b3,0 0 40px #a855f740}@keyframes cardPopUp{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.victory-trophy{margin-bottom:.5rem;font-size:3.8rem;animation:2s ease-in-out infinite trophyFloat}@keyframes trophyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.victory-title{color:#fff;margin-bottom:.35rem;font-size:1.9rem;font-weight:800}.victory-subtitle{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem}.stars-container{justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:2.2rem;display:flex}.star-icon{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards starSpawn}@keyframes starSpawn{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.victory-summary-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.summary-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1rem}.summary-box-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem}.summary-box-val{color:#38bdf8;font-size:1.5rem;font-weight:700}.new-record-pill{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:20px;align-items:center;gap:.35rem;margin-bottom:1.2rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #ef444466}.btn-restart-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem;font-size:1.1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 6px 20px #10b98166}.btn-restart-large:hover{transform:translateY(-2px);box-shadow:0 8px 28px #10b98199}.confetti-canvas{pointer-events:none;z-index:105;width:100%;height:100%;position:fixed;inset:0}@media (width<=480px){.game-title{font-size:1.7rem}.grid-board{border-radius:18px;gap:.55rem;padding:.65rem}.card-face{border-radius:12px}.card-icon{font-size:1.75rem}.card-name{font-size:.62rem}.stat-value{font-size:1.05rem}}