:root{font-family:Inter,system-ui,sans-serif;color:#f8f6ff;background:#1a1436}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 48% -15%,#764ca8 0,#322858 45%,#140f2a 90%)}a{color:#e8ddff}.header{max-width:1140px;margin:auto;padding:20px 22px;display:flex;justify-content:space-between}.brand{text-decoration:none;color:#fff;font-weight:900;font-size:23px}.brand span{color:#fa9de2}main{max-width:1140px;margin:auto;padding:10px 18px 70px}.intro{text-align:center}.intro p{font-size:12px;letter-spacing:.25em;color:#fac4ea}.intro h1{font-size:clamp(46px,8vw,80px);margin:5px 0;text-shadow:0 8px #1b1239}.intro .sub{color:#d3c5e2;margin:0 0 23px}.game{display:grid;grid-template-columns:minmax(0,650px) minmax(225px,1fr);gap:26px;padding:26px;border-radius:30px;background:linear-gradient(140deg,#59467c,#2e2758);border:1px solid #e5adf17a;box-shadow:0 20px 0 #171233,0 33px 60px #08061b99,inset 0 2px #ffffff4d;perspective:1100px}.board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;padding:20px;background:radial-gradient(ellipse at 50% 30%,#374e7b,#25365e 72%);border-radius:22px;border:9px solid #9378ad;box-shadow:0 14px 0 #302750,0 25px 25px #09051e77,inset 0 7px 16px #090820aa;transform:rotateX(6deg);transform-origin:bottom;touch-action:manipulation}.slot{min-width:0;aspect-ratio:1;border:0;border-radius:50%;background:transparent;padding:0}.bubble{cursor:pointer;position:relative;transform:translateY(-3px);transition:transform .15s,filter .15s;border:1px solid #ffffff88;box-shadow:0 8px 0 var(--dark),0 13px 10px #0c143a9c,inset -8px -12px 14px #1118487d,inset 5px 5px 10px #fff9;background:radial-gradient(circle at 30% 24%,#fff9 0 6%,transparent 16%),radial-gradient(circle at 33% 28%,var(--light),var(--base) 57%,var(--dark) 93%)}.bubble::after{content:'';position:absolute;left:15%;top:7%;width:40%;height:24%;border-radius:50%;transform:rotate(-30deg);background:#ffffff93;filter:blur(3px)}.bubble span{position:absolute;bottom:-7%;left:42%;width:15%;height:9%;background:var(--dark);clip-path:polygon(50% 0,100% 100%,0 100%)}.bubble.selected,.bubble:hover{transform:translateY(-8px) scale(1.06);filter:brightness(1.2);z-index:2}.rose{--light:#ffb8cb;--base:#f04b88;--dark:#8f2459}.cyan{--light:#c6fbff;--base:#45d2e9;--dark:#1b789e}.gold{--light:#fff4b1;--base:#ffc455;--dark:#ad6127}.violet{--light:#e9bbff;--base:#a961f6;--dark:#633196}.mint{--light:#d2ffe4;--base:#62d69e;--dark:#278669}.side{display:flex;flex-direction:column;gap:18px}.hud{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hud span{font-size:11px;letter-spacing:.14em;color:#d3bfe7;padding:10px;border-radius:11px;background:#201b44a3}.hud b{display:block;color:white;font-size:24px;letter-spacing:0;margin-top:3px}.side h2{font-size:25px;line-height:1.2;margin:0}.message{min-height:45px;color:#ffe7a6;font-weight:750}.actions{display:flex;gap:10px;flex-wrap:wrap}button.action{padding:11px 14px;border-radius:11px;background:#664d88;color:white;border:1px solid #e4baf1;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 4px #30244c}button.action.primary{background:#ffd382;color:#39265a}button:disabled{opacity:.4;cursor:default}.help{font-size:14px;line-height:1.6;color:#d2c5e3}.help b{color:white}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:760px){.game{grid-template-columns:1fr;padding:12px;gap:25px}.board{padding:11px;border-width:6px;gap:3px}.side{gap:13px;padding:0 6px}.hud b{font-size:20px}.intro h1{font-size:51px}}@media(prefers-reduced-motion:reduce){.bubble{transition:none}}