.game-area{--bg: #fbf7f4;--blush: #f3dccf;--terracota: #d6a98b;--rose: #c89a87;--muted: #9e8b82;position:relative;height:80vh;background:var(--bg);overflow:hidden;width:min(980px,94vw);border-radius:12px;box-shadow:0 6px 20px #1414140a}.hud{display:flex;justify-content:space-between;padding:16px;font-weight:500}.falling-item{position:absolute;top:-40px;font-size:2.2rem;animation-name:fall;animation-timing-function:linear;animation-fill-mode:forwards;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06))}@keyframes fall{to{transform:translateY(92vh) rotate(10deg)}}.end-screen{text-align:center;padding:40px}.app-container:after{content:"A&H";position:fixed;right:12px;bottom:12px;font-family:Playfair Display,serif;font-size:40px;color:#b86b630f;pointer-events:none}.app-header{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.couple-name{font-family:Playfair Display,serif}.app-container{min-height:100vh;background:#f9f6f2;display:flex;flex-direction:column;align-items:center}.app-header{text-align:center;padding:24px 16px 8px}.header-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.header-image{max-width:820px;width:min(86vw,820px);height:auto;display:block;margin:0 auto;object-fit:contain}.header-image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(min-width:1200px){.header-image{max-width:920px}}@media(max-width:880px){.header-image{width:min(92vw,720px)}}@media(max-width:480px){.header-image{width:96vw;height:auto;max-height:220px}}.couple-name{font-family:Playfair Display,serif;font-size:2.8rem;margin:0;color:var(--terracota)}.couple-name.fallback{margin-top:6px}.tagline{font-size:1rem;opacity:.75}.app-footer{margin:24px 0;font-size:.95rem;color:var(--muted)}.scoreboard{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;z-index:100}.score-item{background:#fffffff2;padding:8px 16px;border-radius:16px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(0,0,0,.05);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.score-item .icon{font-size:1.8rem}.score-item .value{font-size:1.6rem;font-weight:800;color:var(--terracota);font-family:Inter,sans-serif;min-width:40px;text-align:center}.score-value.pulse-anim{transform:scale(1.2);background:#fff8f0;box-shadow:0 0 15px #ffa50066}.falling-heart{font-size:2.1rem}.falling-ring{font-size:2.2rem}.falling-bill{font-size:1.9rem;opacity:.95}.falling-clock{font-size:2rem;filter:hue-rotate(10deg)}.end-screen h1{font-family:Playfair Display,serif;font-size:2.2rem;margin-bottom:6px}.end-message{font-size:1.05rem;margin-bottom:10px;color:var(--muted)}.final-score{font-size:1.4rem;color:var(--rose);margin:6px 0}.btn{background:linear-gradient(90deg,#b86b63,#d65a3e 70%);color:#fff;border:0;padding:12px 22px;min-width:150px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:0 12px 32px #b86b6333;transition:transform .12s ease,box-shadow .12s ease;display:inline-block;text-align:center;letter-spacing:.2px;z-index:5}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 46px #b86b633d}.btn:active{transform:translateY(1px)}.btn:focus{outline:3px solid rgba(184,107,99,.18);outline-offset:3px}.tutorial{width:min(840px,94vw);margin:12px auto 18px;background:linear-gradient(180deg,#f3dccf3d,#fffffff2);padding:20px 22px;border-radius:14px;border:1px solid rgba(210,170,140,.12);box-shadow:0 8px 34px #1414140f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.tutorial h2{font-family:Playfair Display,serif;margin:0 0 6px}.tutorial p{margin:6px 0;color:var(--muted);line-height:1.45}.tutorial .items{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.tutorial .item{background:#ffffffb3;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;min-width:120px}.tutorial .item strong{font-size:.98rem;color:var(--rose)}.tutorial .item span:last-child{margin-left:auto;color:var(--muted);font-weight:600}.tutorial .close-row{display:flex;justify-content:flex-end;margin-top:14px}@media(max-width:640px){.tutorial{padding:16px;width:96vw;border-radius:12px}.tutorial h2{font-size:1.15rem}.tutorial .items{gap:10px}.tutorial .item{flex:1 1 calc(50% - 10px);min-width:0;justify-content:flex-start}.tutorial .item span:first-child{font-size:1.25rem}.tutorial .close-row{justify-content:center}.btn{min-width:140px;padding:10px 16px}}@media(max-width:420px){.tutorial .item{flex:1 1 100%}.tutorial h2{font-size:1.05rem}.tutorial p{font-size:.95rem}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake-screen{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.falling-ice{font-size:2.1rem;filter:drop-shadow(0 0 5px #00ffff)}.falling-magnet{font-size:2.1rem;filter:drop-shadow(0 0 5px #ff0000)}.falling-diamond{font-size:2.4rem;filter:drop-shadow(0 0 8px #ffffff);z-index:50}.static-item{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.combo-counter{position:absolute;top:10px;right:20px;font-size:1.5rem;font-weight:800;color:gold;text-shadow:2px 2px 0 #d65a3e;transform:rotate(5deg);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:10}@keyframes popIn{0%{transform:scale(0) rotate(-10deg)}to{transform:scale(1) rotate(5deg)}}.frozen-overlay{position:absolute;inset:0;pointer-events:none;border:4px solid #aaddff;border-radius:12px;box-shadow:inset 0 0 20px #adf;z-index:100;opacity:.6}
