@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f1a;--surface: #1a1a2e;--border: #2e2e50;--accent: #ff7c3f;--accent2: #00f57b;--text: #f0f0ff;--text-dim: #8888aa;--marked: #ff7c3f22;--marked-border: #ff7c3f;--win-bg: #00f5d420;--win-border: #00f57b;--tile-hover: #ffffff08}html{height:100%}body{min-height:100vh;background:var(--bg);background-image:radial-gradient(ellipse at 20% 10%,#ff7c3f18 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,#00f5d420 0%,transparent 50%);color:var(--text);font-family:DM Sans,sans-serif;display:flex;flex-direction:column;align-items:center;overflow:hidden}.app{width:100%;max-width:640px;height:100vh;padding:1rem 0 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;overflow:hidden}header{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.site-title{font-family:Bebas Neue,sans-serif;font-size:clamp(1.5rem,5vw,1.5rem);letter-spacing:.08em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1;text-shadow:none}.game-switcher{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center}.game-btn{padding:.4rem 1rem;border-radius:999px;border:1.5px solid var(--border);background:transparent;color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .18s ease;letter-spacing:.02em}.game-btn:hover{border-color:var(--accent);color:var(--text);background:#ff7c3f11}.game-btn.active{border-color:var(--accent);background:linear-gradient(135deg,#ff7c3f22,#00f5d420);color:var(--text);box-shadow:0 0 12px #ff7c3f44}main{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:4px;width:min(98vw,95vh);max-width:600px}.tile{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;cursor:pointer;padding:4px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden;min-height:0;min-width:0}.tile:hover:not(.free){background:var(--tile-hover);border-color:#fff2;transform:scale(1.02)}.tile:active:not(.free){transform:scale(.97)}.tile.marked{background:var(--marked);border-color:var(--marked-border);box-shadow:0 0 10px #ff7c3f33 inset}.tile.win{background:var(--win-bg);border-color:var(--win-border);box-shadow:0 0 16px #00f5d455 inset,0 0 8px #00f5d433;animation:pulse-win 1.2s ease-in-out infinite}@keyframes pulse-win{0%,to{box-shadow:0 0 16px #00f5d455 inset,0 0 8px #00f5d433}50%{box-shadow:0 0 24px #00f5d488 inset,0 0 16px #00f5d466}}.tile.free{background:linear-gradient(135deg,#ff7c3f18,#00f5d418);border-color:#ff7c3f55;cursor:default}.tile-inner{font-family:DM Sans,sans-serif;font-size:clamp(.7rem,1.7vw,.72rem);font-weight:500;line-height:1.25;text-align:center;color:var(--text);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.tile.marked .tile-inner{color:var(--text-dim)}.tile.win .tile-inner{color:var(--accent2)}.free-space{display:flex;flex-direction:column;align-items:center;gap:2px}.free-space img{width:clamp(2px,20vw,50px);height:auto;pointer-events:none}.free-space span{font-family:Bebas Neue,sans-serif;font-size:clamp(.65rem,3vw,.9rem);letter-spacing:.1em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.4)}to{transform:scale(1)}}.controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.new-game-btn{padding:.5rem 1.5rem;border-radius:999px;border:1.5px solid var(--border);background:transparent;color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .18s;letter-spacing:.02em}.new-game-btn:hover{border-color:var(--text-dim);color:var(--text);background:#ffffff08}.win-msg{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pop .3s ease-out}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:fall 3s ease-in forwards}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media(max-width:480px){.board{gap:0px;width:100%;height:60vh}.tile{border-radius:6px;aspect-ratio:unset}}