body{text-align:center;background:#fff8ec;flex-direction:column;margin:0;font-family:Arial,sans-serif;display:flex}.site-header{z-index:1000;padding:max(8px,env(safe-area-inset-top))16px 8px;backdrop-filter:saturate(150%)blur(8px);color:#fff;background:#b5651d;border-bottom:1px solid #00000014;position:sticky;top:0}.header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.logo{border-radius:6px;width:32px}.brand-name{white-space:nowrap;font-size:x-large;font-weight:700}.status-bar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;min-width:0;display:grid}.actions-group{align-items:center;gap:10px;display:inline-flex}.actions-button{cursor:pointer;background:0 0;border:none}.actions-group img{width:28px;height:28px}h1{color:#f4a261;text-shadow:2px 2px 5px #0003;margin-bottom:20px;font-family:Arial,sans-serif;font-size:48px;font-weight:700}.countdown-content{width:5ch;display:flex}.tools{justify-content:center;align-items:center;gap:10px;margin:10px auto;padding:6px 8px;display:flex;position:relative}.tool{cursor:pointer;backdrop-filter:blur(2px);background:#fffa;border:1px solid #f4a261;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex;box-shadow:0 4px 12px #00000026}.tool:hover{background:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tool:active{background:#ffffff40;transform:translateY(0)}.tool-icon{width:28px;height:28px}.tool-count{color:#fff;background:#f4a261;border-radius:999px;padding:0 8px;font-size:1.2rem;font-weight:700}#combo-hud{user-select:none;pointer-events:none;transform-origin:0;z-index:999;align-items:center;display:inline-flex;position:absolute;top:0;right:-96px}.combo-img{width:auto;height:44px}.combo-number{color:#fff;-webkit-text-stroke:2px #f4a261;text-shadow:0 0 6px #fff9;transform-origin:0;font-family:Impact,Arial Black,sans-serif;font-size:20px}#combo-hud[hidden]{display:none!important}.card{color:#fff;cursor:pointer;background:linear-gradient(45deg,#f7b67e,#f4a261);border:none;border-radius:8px;justify-content:center;align-items:center;max-width:80px;max-height:80px;margin:1px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.card:active{transform:scale(.95)}#game-board-container{align-self:center;margin-top:10px}.card.flipped{background:linear-gradient(135deg,#83eaf1,#63a4ff);font-size:32px;animation:50ms forwards flipToFace}.card:hover{transform:scale(1.1);box-shadow:0 5px 15px #0003}.card.matched{visibility:hidden}#celebration,#game-over{color:#fff;z-index:1000;background:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;animation:1s ease-in-out fadeIn;display:none;position:fixed;top:0;left:0}#celebration h1{cursor:pointer;animation:1s infinite bounce}#try-again{color:#fff;background-color:#f4a261;padding:10px 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes flipToFace{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (width>=1024px){.card{width:60px;height:60px}.status-bar{font-size:1.5rem}}@media (width<=1024px){.card{width:calc(6vw - 10px);height:calc(6vw - 10px);font-size:.8rem}.card.flipped{font-size:24px}.status-bar{font-size:1.2rem}}@media (width<=600px){.card{border-radius:8px;width:calc(10vw - 10px);height:calc(10vw - 10px);padding:8px 12px;font-size:.5rem}.card.flipped{font-size:16px}h1{font-size:1.8rem}#celebration{font-size:1.5rem}.brand-name{display:none}.status-bar{grid-template-columns:repeat(3,1fr);gap:8px;font-size:1rem}.mid-item{padding:6px}.tool-count,.combo-number{font-size:.9rem}.actions-group img,.tool img{width:20px;height:20px}.combo-img{width:auto;height:26px}#combo-hud{right:-52px}}