.card{perspective:600px;cursor:pointer;aspect-ratio:1}.card__inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:8px;transition:transform .35s;position:relative}.card--flipped .card__inner{transform:rotateY(180deg)}.card__face{backface-visibility:hidden;border-radius:8px;position:absolute;inset:0;overflow:hidden}.card__face--front{transform:rotateY(180deg)}@keyframes hint-pulse{0%,to{box-shadow:0 0 #00e5ff00}50%{box-shadow:0 0 14px 5px #00e5ffa6}}.card--hint .card__inner{animation:1.2s ease-in-out infinite hint-pulse}.card--matched{outline:3px solid var(--color-match);border-radius:8px}.card--matched .card__inner{transform:rotateY(180deg)}.game-screen{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;width:100%;height:100%;display:flex}.score-bar{width:100%;max-width:min(100%,100dvh - 8rem);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid #00e5ff33;border-radius:8px;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 2px 16px #7c3aff40}.score-bar__back{cursor:pointer;color:var(--color-accent);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 2px;display:flex}.score-bar__back:hover{opacity:.8}.score-bar__mute{cursor:pointer;opacity:.8;background:0 0;border:none;padding:0 2px;font-size:1.2rem;line-height:1}.score-bar__mute:hover{opacity:1}.card-grid{gap:var(--spacing-sm);width:100%;max-width:min(100%,100dvh - 8rem);margin-inline:auto;display:grid}@media (orientation:landscape) and (height<=500px){.game-screen{gap:var(--spacing-sm);padding:var(--spacing-sm)}.card-grid{gap:var(--spacing-xs)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation}:root{--color-bg:#05041a;--color-surface:#120c3ccc;--color-primary:#7c3aff;--color-accent:#00e5ff;--color-text:#e8f4ff;--color-match:#00e5ff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px}body{background-color:var(--color-bg);color:var(--color-text);background-image:url(/assets/background-l6ht9At0.webp);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-start;height:100dvh;font-family:Fredoka,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}#app{width:100%;height:100%;padding:var(--spacing-md);opacity:0;transition:opacity .15s;overflow:hidden}#app:before{content:"";-webkit-backdrop-filter:blur();z-index:-1;background:radial-gradient(at 50% -5%,#7c3aff8c 0%,#05041ad1 65%);position:fixed;inset:0}#app.app--visible{opacity:1}.install-btn{bottom:var(--spacing-md);right:var(--spacing-md);z-index:100;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-text);cursor:pointer;border:none;border-radius:8px;font-size:.875rem;font-weight:600;position:fixed;box-shadow:0 2px 8px #0006}.install-btn:hover{background:var(--color-match)}.update-toast{bottom:var(--spacing-md);z-index:200;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);color:var(--color-text);white-space:nowrap;border:1px solid #ffffff26;border-radius:8px;font-size:.875rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000080}.update-toast__btn{padding:2px var(--spacing-sm);background:var(--color-accent);color:var(--color-bg);cursor:pointer;border:none;border-radius:4px;font-size:.875rem;font-weight:600}@media (orientation:landscape) and (height<=500px){#app{padding:var(--spacing-sm)}}.lobby-screen{justify-content:center;align-items:center;gap:var(--spacing-md);height:100%;padding:var(--spacing-md);flex-direction:column;display:flex}.lobby-screen__title{color:var(--color-accent);text-align:center;text-shadow:0 2px 8px #0000008c;font-size:2.5rem}.lobby-screen__subtitle{color:var(--color-text);font-size:1.1rem}.lobby-screen__wins{color:var(--color-accent);font-size:1.2rem;font-weight:700}.card-back-picker{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.card-back-picker__item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;color:var(--color-text);background:0 0;border:3px solid #0000;border-radius:12px;flex-direction:column;transition:border-color .2s;display:flex}.card-back-picker__item--selected{border-color:var(--color-accent)}.card-back-picker__item:hover:not(.card-back-picker__item--selected){border-color:var(--color-primary)}.card-back-picker__img{object-fit:cover;border-radius:8px;width:80px;height:80px}.card-back-picker__label{font-size:.9rem}.lobby-screen__start-btn{padding:var(--spacing-md) var(--spacing-xl);color:#e8f4ff;cursor:pointer;background:linear-gradient(135deg,#7c3aff,#5b1fe8);border:none;border-radius:50px;font-size:1.2rem;font-weight:700;transition:transform .1s,opacity .1s,box-shadow .1s;box-shadow:0 0 24px #7c3aff99,0 4px 12px #0006}.lobby-screen__start-btn:hover{opacity:1;transform:scale(1.02);box-shadow:0 0 36px #7c3affd9,0 4px 12px #0006}.layout-picker{justify-content:center;gap:var(--spacing-md);flex-flow:wrap;display:flex}.layout-picker__item{cursor:pointer;padding:var(--spacing-sm);background:0 0;border:3px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;transition:border-color .2s;display:flex;position:relative}.layout-picker__item--selected{border-color:var(--color-accent)}.layout-picker__item:hover:not(.layout-picker__item--selected):not(.layout-picker__item--locked){border-color:var(--color-primary)}.layout-picker__item--locked{opacity:.45;cursor:not-allowed}.layout-picker__lock{justify-content:center;align-items:center;font-size:1.8rem;display:flex;position:absolute;inset:0}.layout-picker__unlock-hint{color:var(--color-text);opacity:.9;font-size:.75rem;font-weight:700;line-height:1}.layout-preview{grid-template-columns:repeat(var(--preview-cols), 1fr);grid-template-rows:repeat(var(--preview-rows), 1fr);gap:2px;width:60px;height:45px;display:grid}.layout-preview__cell{background:var(--color-primary);border-radius:2px}@media (height<=600px){.lobby-screen__title{font-size:1.8rem}.card-back-picker__img{width:60px;height:60px}.lobby-screen{gap:var(--spacing-sm)}}.win-screen{justify-content:center;align-items:center;gap:var(--spacing-md);height:100%;padding:var(--spacing-md);text-align:center;flex-direction:column;display:flex}.win-screen__title{color:var(--color-accent);text-shadow:0 2px 8px #0000008c;font-size:2.5rem}.win-screen__stats{gap:var(--spacing-sm);flex-direction:column;font-size:1.3rem;display:flex}.win-screen__bests{background:var(--color-surface);padding:var(--spacing-md);-webkit-backdrop-filter:blur(16px);border:1px solid #00e5ff4d;border-radius:12px;min-width:250px;box-shadow:0 8px 40px #7c3aff59}.win-screen__bests h2{margin-bottom:var(--spacing-sm);color:var(--color-accent)}.win-screen__play-again-btn{padding:var(--spacing-md) var(--spacing-xl);color:#e8f4ff;cursor:pointer;background:linear-gradient(135deg,#7c3aff,#5b1fe8);border:none;border-radius:50px;font-size:1.2rem;font-weight:700;transition:transform .1s,opacity .1s,box-shadow .1s;box-shadow:0 0 24px #7c3aff99,0 4px 12px #0006}.win-screen__play-again-btn:hover{opacity:1;transform:scale(1.02);box-shadow:0 0 36px #7c3affd9,0 4px 12px #0006}@media (height<=600px){.win-screen__title{font-size:1.8rem}.win-screen__stats{font-size:1rem}.win-screen{gap:var(--spacing-sm)}}