html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#04040a;font-family:Segoe UI,system-ui,sans-serif;color:#dfe6ff;user-select:none}#renderCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#flash{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0;background:#fff;mix-blend-mode:screen}#edgeFlash{position:absolute;inset:0;z-index:19;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px 30px #78a0ffe6}#edgeFlash.pulse{animation:edgePulse .55s ease-out}@keyframes edgePulse{0%{opacity:0}18%{opacity:1}to{opacity:0}}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(18px + env(safe-area-inset-top)) 22px 18px;pointer-events:none;z-index:5}.panel{background:#0a0c1c8c;border:1px solid rgba(90,120,255,.25);border-radius:14px;padding:10px 18px;backdrop-filter:blur(10px);box-shadow:0 0 24px #3c50ff26,inset 0 0 18px #3c50ff0d}#title{font-size:22px;font-weight:800;letter-spacing:4px;background:linear-gradient(90deg,#57d7ff,#b967ff,#ff6bcb);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(120,140,255,.6))}#stats{display:flex;gap:26px;margin-top:6px;font-size:13px}.stat b{display:block;font-size:20px;color:#fff;font-variant-numeric:tabular-nums}.stat span{opacity:.6;letter-spacing:2px;font-size:10px}#comboBadge{display:inline-block;margin-left:8px;padding:2px 12px;border-radius:20px;background:linear-gradient(90deg,#ff6bcb,#ffd23f);color:#1a0a20;font-weight:900;font-size:15px;opacity:0;transform:scale(.5)}#comboBadge.pop{animation:comboPop .5s cubic-bezier(.2,2.4,.4,1) forwards}@keyframes comboPop{0%{opacity:0;transform:scale(.4) rotate(-8deg)}60%{opacity:1;transform:scale(1.35) rotate(3deg)}to{opacity:1;transform:scale(1)}}#comboBadge.hot{background:linear-gradient(90deg,#ff8a3f,#ffd23f,#ff5c39);box-shadow:0 0 18px #ff8c3ccc;animation-name:comboPop,hotGlow;animation-duration:.5s,1s;animation-iteration-count:1,infinite}@keyframes hotGlow{0%,to{box-shadow:0 0 14px #ff8c3cb3}50%{box-shadow:0 0 28px #ff5a28}}#comboBadge.mega{background:linear-gradient(90deg,#ff6bcb,#ffd23f,#57d7ff,#7cff6b,#b967ff);background-size:300% 100%;color:#160a20;animation-name:comboPop,megaShimmer;animation-duration:.5s,1.2s;animation-iteration-count:1,infinite;animation-timing-function:cubic-bezier(.2,2.4,.4,1),linear}@keyframes megaShimmer{to{background-position:300% 0}}#hud.shake{animation:hudShake .4s ease-out}@keyframes hudShake{0%,to{transform:translate(0)}20%{transform:translate(calc(-6px * var(--sh,1)),calc(3px * var(--sh,1)))}40%{transform:translate(calc(5px * var(--sh,1)),calc(-4px * var(--sh,1)))}60%{transform:translate(calc(-4px * var(--sh,1)),calc(2px * var(--sh,1)))}80%{transform:translate(calc(3px * var(--sh,1)),calc(-2px * var(--sh,1)))}}#controls{display:flex;gap:10px;pointer-events:auto}.btn{cursor:pointer;border:1px solid rgba(120,150,255,.35);border-radius:12px;background:#141834b3;color:#cfe0ff;padding:10px 16px;font-size:14px;font-weight:700;letter-spacing:1px;transition:all .15s;backdrop-filter:blur(8px)}.btn:hover{background:#465ac880;box-shadow:0 0 18px #5a78ff80;transform:translateY(-1px)}#hint{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:12px;letter-spacing:2px;opacity:.45;pointer-events:none;z-index:5;white-space:nowrap}#winOverlay{position:absolute;inset:0;display:none;flex-direction:column;z-index:10;align-items:center;justify-content:center;pointer-events:none}#winOverlay.show{display:flex}#winCard{pointer-events:auto;text-align:center;padding:42px 70px;border-radius:24px;background:#080a1ab8;border:1px solid rgba(140,160,255,.3);backdrop-filter:blur(14px);box-shadow:0 0 80px #7850ff59;animation:winIn .8s cubic-bezier(.2,1.6,.35,1)}@keyframes winIn{0%{opacity:0;transform:scale(.4) translateY(80px)}to{opacity:1;transform:scale(1) translateY(0)}}#winTitle{font-size:56px;font-weight:900;letter-spacing:8px;margin-bottom:8px;background:linear-gradient(90deg,#ffd23f,#ff6bcb,#b967ff,#57d7ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:winShimmer 3s linear infinite;filter:drop-shadow(0 0 18px rgba(255,180,255,.5))}@keyframes winShimmer{to{background-position:300% 0}}#winStats{font-size:17px;margin:14px 0 6px;letter-spacing:1px}#winBest{font-size:13px;opacity:.65;margin-bottom:24px;letter-spacing:1px}#winBest.newRecord{opacity:1;color:#ffd23f;font-weight:800;text-shadow:0 0 12px rgba(255,210,63,.8)}#btnAgain{font-size:17px;padding:14px 34px;background:linear-gradient(90deg,#3a49d8,#8a2be2);border:none;color:#fff}#btnAgain:hover{box-shadow:0 0 34px #965affcc}@media(max-width:640px){#hud{flex-direction:column;align-items:stretch;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px}.panel{padding:8px 12px}#title{font-size:16px;letter-spacing:2px}#stats{gap:0;margin-top:6px;justify-content:space-between}.stat{text-align:center}.stat b{font-size:16px}#comboBadge{margin-left:4px;padding:1px 7px;font-size:12px}#controls{justify-content:flex-end}#hint{white-space:normal;width:calc(100% - 24px);max-width:420px;text-align:center;font-size:10px;letter-spacing:1px;line-height:1.5}#winCard{padding:28px 24px;width:calc(100% - 40px);max-width:360px}#winTitle{font-size:34px;letter-spacing:4px}#winStats{font-size:15px}#btnAgain{font-size:15px;padding:12px 24px}}#scoreboard{display:none;align-items:center;gap:14px;background:#0a0c1c9e;border:1px solid rgba(120,150,255,.3);border-radius:3px;padding:8px 14px;backdrop-filter:blur(10px);pointer-events:none}#scoreboard.show{display:flex}body.mp #soloPanel,body.mp #btnRestart,body.mp #hint{display:none}.scTile{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:5px 12px;border-radius:3px;border:1px solid transparent;transition:opacity .2s,background .2s,border-color .2s,transform .2s}.scTile:not(.active){opacity:.42}.scTile.active{opacity:1;border-color:#8caaffd9;background:#465fcd6b;transform:scale(1.1);animation:scBreath 1.6s ease-in-out infinite}@keyframes scBreath{0%,to{transform:scale(1.08)}50%{transform:scale(1.14)}}.scName{font-size:10px;letter-spacing:2px;opacity:.7}.scTile.active .scName{opacity:1}.scVal{font-size:24px;color:#fff;font-variant-numeric:tabular-nums}.scTurn{font-size:12px;font-weight:800;letter-spacing:1px;text-align:center;min-width:104px;padding:5px 10px;border-radius:3px;border:1px solid transparent;text-transform:uppercase}.scTurn.mine{color:#9dffbd;background:#46d2822e;border-color:#46d2828c}.scTurn:not(.mine){color:#ffcf8a;background:#ffaf4624;border-color:#ffaf4666}#menu,#mpOverlay{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:#04040ab8;backdrop-filter:blur(6px)}#menu.show,#mpOverlay.show{display:flex}#menuCard,#mpCard{background:#0c0e1ee6;border:1px solid rgba(120,150,255,.28);border-radius:3px;padding:34px 32px;width:calc(100% - 48px);max-width:360px;text-align:center}#menuTitle{font-size:24px;font-weight:800;letter-spacing:5px;margin-bottom:24px;color:#cfe0ff}#menuMain,#menuMulti,#menuWait,#mpButtons{display:flex;flex-direction:column;gap:12px}#menuMain[hidden],#menuMulti[hidden],#menuWait[hidden]{display:none}.mbtn{cursor:pointer;border:1px solid rgba(120,150,255,.4);border-radius:3px;background:#1e2448b3;color:#dfe6ff;padding:13px 18px;font-size:15px;font-weight:700;letter-spacing:1px;transition:background .15s,border-color .15s}.mbtn:hover{background:#3c4a96b3;border-color:#96afff99}.mbtn.ghost{background:transparent;border-color:#7896ff38;font-weight:600;opacity:.85}.mbtn.ghost:hover{background:#28305a80}#joinRow{display:flex;gap:8px}#mCode{flex:1;min-width:0;text-transform:uppercase;text-align:center;letter-spacing:6px;font-size:18px;font-weight:800;padding:12px 10px;border-radius:3px;border:1px solid rgba(120,150,255,.4);background:#060814cc;color:#fff;outline:none}#mCode:focus{border-color:#96afffcc}#joinRow .mbtn{flex:0 0 auto}.waitMsg{font-size:16px;margin-bottom:6px}#waitCode{font-size:14px;opacity:.85;margin-bottom:8px}#waitCode b{display:inline-block;letter-spacing:6px;font-size:22px;color:#fff;margin-left:6px}#menuErr{margin-top:14px;font-size:13px;color:#ff8a8a}#mpTitle{font-size:32px;font-weight:900;letter-spacing:3px;margin-bottom:10px}#mpTitle.win{color:#7cff9e}#mpTitle.lose{color:#ff7c7c}#mpTitle.draw{color:#ffd23f}#mpScore{font-size:17px;opacity:.9;margin-bottom:22px;font-variant-numeric:tabular-nums}@media(max-width:640px){#scoreboard{gap:8px;padding:6px 10px}.scTile{min-width:56px;padding:3px 6px}.scVal{font-size:20px}.scTurn{min-width:72px;font-size:10px}}