:root{font-family:Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{height:100%}body{margin:0;background-color:#05030f;background-size:256px 256px;background-repeat:repeat;color:#f4f4ff;display:flex;justify-content:center;align-items:center;padding:1.5rem;box-sizing:border-box}#app{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 2.5rem 2.5rem;border-radius:20px;background:linear-gradient(145deg,#1f1a34e6,#0e1228d9);box-shadow:0 25px 50px #00000073,0 0 0 1px #6441c833;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.title{margin:0;font-size:clamp(2.5rem,5vw,3.75rem);letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:linear-gradient(120deg,#8b5cf6,#22d3ee,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 25px rgba(139,92,246,.35)}#controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:stretch;padding:.75rem 1rem;border-radius:14px;background:#11162dd9;box-shadow:inset 0 0 0 1px #7861ff33,0 10px 25px #00000059}#controls label{display:flex;flex-direction:column;gap:.4rem;color:#d8ddff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}#controls .icon-label{align-items:center}#controls button{align-self:center;width:48px;height:34px;border-radius:50%;border:1px solid rgba(125,99,255,.55);background:linear-gradient(145deg,#f6f7fff2,#e5e9fff2);color:#1b1d2b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 6px 16px #00000059;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}#controls button:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 10px 24px #00000073}#controls button:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf859,0 14px 28px #00000073}#controls select{font-size:.95rem;padding:.45rem .9rem;border-radius:10px;border:1px solid rgba(125,99,255,.55);background:linear-gradient(145deg,#f6f7fff2,#e5e9fff2);color:#1b1d2b;box-shadow:0 6px 16px #00000059;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}#controls select option{color:#1b1d2b;background:#f6f7fff2}#controls select:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000073}#controls select:focus{outline:none;border-color:#38bdf8e6;box-shadow:0 0 0 3px #38bdf840}#game{border-radius:16px;border:2px solid rgba(129,140,248,.4);box-shadow:0 18px 45px #0000008c,0 0 0 1px #4f46e54d;background:#030207}#game:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf880,0 20px 55px #0009}#timer{font-family:Fira Code,monospace;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#dfe3ff;padding:.35rem .85rem;border-radius:12px;background:#11162dcc;box-shadow:inset 0 0 0 1px #7861ff40,0 12px 24px #00000059}