*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:#fcf7ef;color:#231e42;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6b4de5;outline-offset:3px}.shell{max-width:1120px;margin:auto;padding:clamp(18px,4vw,44px) clamp(14px,3vw,32px) 70px}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:900;color:#8052a8}header{display:flex;justify-content:space-between;align-items:start;gap:12px}h1{font-size:clamp(3.3rem,8vw,6rem);line-height:1;letter-spacing:-.075em;margin:8px 0}h1 em{color:#ed7087;font-weight:400;font-family:Georgia,serif}header p{font-size:1.12rem;color:#726d81;margin:9px 0 22px}#sound{background:#fff;border:1px solid #ded7eb;border-radius:12px;padding:11px 15px;white-space:nowrap;font-weight:800}.mode{display:flex;gap:10px;margin:12px 0 22px}.mode button{flex:1;border:2px solid #dfd7e9;border-radius:18px;background:white;color:#2b2350;text-align:left;padding:14px 19px;font-weight:900}.mode button[aria-pressed=true]{background:#2d2453;color:#fff;border-color:#ad90e5;box-shadow:5px 5px 0 #d8f292}.mode small{display:block;font-size:.78rem;color:#756e82;font-weight:600}.mode [aria-pressed=true] small{color:#e6daf1}.layout{display:grid;grid-template-columns:minmax(0,620px) minmax(240px,1fr);gap:22px;align-items:start}.play{background:#31265a;color:#fff;border-radius:24px;padding:clamp(13px,3vw,24px);box-shadow:0 20px 36px #3423552e;min-width:0}.scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.scoreboard div{background:#493970;border:1px solid #7863a0;border-radius:12px;padding:8px 10px}.scoreboard small{display:block;color:#d1c4e3;font-size:.63rem;font-weight:900;letter-spacing:.08em}.scoreboard strong{font-size:1.35rem;line-height:1.3}.progress{height:10px;background:#5b477e;border-radius:30px;overflow:hidden;margin:13px 1px 17px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#91e3ce,#e6f78a);transition:width .3s}.board-wrap{position:relative;background:#4b3874;border:3px solid #a782d3;border-radius:20px;padding:11px;max-width:570px;margin:auto}.board-head{display:flex;justify-content:space-between;font-size:.75rem;font-weight:900;letter-spacing:.08em;color:#e6d1f7;padding:2px 5px 10px}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;gap:4px;touch-action:none;user-select:none;-webkit-user-select:none}.tile{display:grid;place-items:center;position:relative;border:0;border-radius:10px;background:#ffffff1a;padding:4%;min-width:0;min-height:0;touch-action:none;overflow:hidden}.tile:active{background:#ffffff40}.tile.selected{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #ffd78a}.tile.pop .sweet{animation:pop .23s ease-in both}.tile.new .sweet{animation:drop .3s ease-out}.sweet{display:block;width:87%;height:87%;position:relative;border-radius:36% 43% 40% 46%;box-shadow:inset -5px -7px 0 #15103440,inset 3px 3px 0 #ffffff91,0 4px 0 #22184b66;transform:rotate(-8deg)}.sweet:before{content:"";position:absolute;left:18%;top:12%;width:37%;height:16%;border-radius:50%;background:#ffffffa6;transform:rotate(-23deg)}.tile[data-kind="0"] .sweet{background:linear-gradient(135deg,#ffadbe,#f44375)}.tile[data-kind="1"] .sweet{background:linear-gradient(135deg,#ffed98,#fbb646);border-radius:50%}.tile[data-kind="2"] .sweet{background:linear-gradient(135deg,#a3f3c2,#39c8a6);border-radius:30% 50% 30% 50%}.tile[data-kind="3"] .sweet{background:linear-gradient(135deg,#ccacff,#895ceb);border-radius:50% 32% 50% 32%}.tile[data-kind="4"] .sweet{background:linear-gradient(135deg,#ffc497,#f88553);border-radius:48%}.tile[data-kind="5"] .sweet{background:linear-gradient(135deg,#a2d9ff,#5195e8);border-radius:35%}.tile[data-special="stripeH"] .sweet:after,.tile[data-special="stripeV"] .sweet:after{content:"";position:absolute;inset:43% 0;border-top:5px solid #fff9d9;border-bottom:5px solid #fff9d9;transform:rotate(-24deg)}.tile[data-special="stripeV"] .sweet:after{transform:rotate(66deg)}.tile[data-special="star"] .sweet{background:linear-gradient(135deg,#ffe39b,#fa8bd2,#9581ef);border-radius:50%}.tile[data-special="star"] .sweet:after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:clamp(18px,5vw,32px);text-shadow:0 2px 2px #643b75}.banner{position:absolute;inset:22% 9% auto;padding:22px;border-radius:18px;text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:1000;background:#241c47ee;color:#fff;border:3px solid #f3d893;box-shadow:0 12px 35px #1c153bba;z-index:3}[hidden]{display:none!important}.message{text-align:center;font-weight:800;color:#efe1f6;min-height:2.8em;margin:13px 0}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.actions button{min-height:46px;border:2px solid #947cbd;border-radius:11px;padding:9px 14px;background:#59447b;color:#fff;font-weight:850}.actions button.primary{background:#f9b978;border-color:#ffdb9d;color:#271c41}.actions button:disabled{opacity:.5;cursor:default}aside{background:#fff;border:1px solid #e4dce7;border-radius:20px;padding:24px}aside h2{font-size:1.8rem;margin:8px 0}aside p{color:#676073}aside strong{color:#65419a}.quiet{font-size:.88rem}.foot{color:#746b80}.foot a{color:#6546b2;font-weight:850}@keyframes pop{to{transform:scale(.2) rotate(32deg);opacity:0}}@keyframes drop{from{transform:translateY(-30%) scale(.65);opacity:.4}}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{margin-top:0}.play{max-width:670px;width:100%;margin:auto}}@media(max-width:500px){header{display:block}#sound{margin-bottom:12px}.mode button{padding:10px;font-size:.9rem}.mode small{font-size:.68rem}.scoreboard{gap:4px}.scoreboard div{padding:6px}.scoreboard strong{font-size:1.05rem}.scoreboard small{font-size:.56rem}.board-wrap{padding:6px}.board{gap:2px}.tile{border-radius:6px}.sweet{box-shadow:inset -3px -4px 0 #15103440,inset 2px 2px 0 #ffffff91,0 2px 0 #22184b66}.tile[data-special="stripeH"] .sweet:after,.tile[data-special="stripeV"] .sweet:after{border-width:3px}.play{border-radius:17px}}