*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #14082b;--panel: #241245;--text: #f4efff;--muted: #b6a5e0;--tile-gap: 4px}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 500px at 50% -50px,#31135e,var(--bg));color:var(--text);touch-action:manipulation;overflow:hidden}#app{height:100%;display:flex;flex-direction:column;align-items:center}.hud{width:100%;max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}.back{color:var(--muted);text-decoration:none;font-size:1.4rem;padding:4px 8px}.hud-item{display:flex;flex-direction:column;align-items:center;min-width:52px}.hud-item .label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.hud-item span:last-child{font-size:1.15rem;font-weight:700}.goal span:last-child{display:flex;align-items:center;gap:5px}.mini-tile{width:18px;height:18px;border-radius:5px;display:inline-block}.hud-buttons{display:flex;gap:6px}.hud-buttons button{background:var(--panel);border:1px solid #43289f;color:var(--text);border-radius:10px;font-size:1.05rem;width:40px;height:40px;cursor:pointer}#board-wrap{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:6px 10px 20px}#board{position:relative;background:#ffffff0f;border-radius:14px;box-shadow:0 8px 40px #00000073}.tile{position:absolute;border-radius:22%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.34,1.3,.64,1),opacity .2s ease;box-shadow:inset 0 -4px #00000038,inset 0 2px #ffffff4d;user-select:none;-webkit-user-select:none;touch-action:none}.tile.selected{outline:3px solid #fff;outline-offset:-3px;filter:brightness(1.2)}.tile.removing{transform:scale(0)!important;opacity:0}.c0{background:#ff5e78}.c1{background:#ffa801}.c2{background:#ffd32a}.c3{background:#05c46b}.c4{background:#4bcffa}.c5{background:#b366f9}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080314cc;display:flex;align-items:center;justify-content:center;z-index:10}#overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid #43289f;border-radius:18px;padding:30px 36px;text-align:center;display:flex;flex-direction:column;gap:12px;min-width:260px}.panel h2{font-size:1.6rem}.panel p{color:var(--muted)}.panel button{border:none;border-radius:10px;padding:12px;font-size:1rem;font-weight:600;cursor:pointer;background:#3a2377;color:var(--text)}.panel button.primary{background:linear-gradient(90deg,#6c5ce7,#00cec9);color:#fff}.link-home{color:var(--muted);font-size:.85rem;text-decoration:none;margin-top:4px}#tutorial{position:fixed;top:0;right:0;bottom:0;left:0;background:#080314d9;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}#tutorial.hidden{display:none}.tut-panel{max-width:340px}.tut-art{font-size:2.1rem;display:flex;align-items:center;justify-content:center;gap:8px}.tut-art .mini-tile{width:30px;height:30px;border-radius:8px}.tut-step h2{font-size:1.3rem;margin-top:8px}.tut-step p{color:var(--muted);font-size:.95rem;line-height:1.55;margin-top:8px}.tut-step p b{color:var(--text)}.tut-step.hidden{display:none}.tut-dots{display:flex;gap:7px;justify-content:center}.tut-dots .dot{width:8px;height:8px;border-radius:50%;background:#43289f}.tut-dots .dot.on{background:#00cec9}.tut-buttons{display:flex;gap:10px}.tut-buttons button{flex:1}#tut-skip{background:transparent;border:1px solid #43289f;color:var(--muted)}