*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:#f6f2ff;color:#1a1735;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 #e8c76a;outline-offset:3px}.shell{max-width:1190px;margin:auto;padding:clamp(18px,4vw,40px) clamp(12px,3vw,30px) 70px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:950;color:#6a55cf}h1{font-size:clamp(3rem,8vw,6rem);letter-spacing:-.075em;line-height:1.05;margin:8px 0}h1 em{font:400 1em Georgia,serif;color:#6650dc}header p{font-size:1.15rem;color:#716a86;margin:6px 0 23px}.layout{display:grid;grid-template-columns:minmax(0,730px) minmax(250px,1fr);gap:20px;align-items:start}.game{min-width:0;padding:clamp(10px,2.5vw,22px);border-radius:24px;background:#171631;color:#fff;box-shadow:0 20px 45px #25204936}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px}.stats div{padding:7px 10px;border:1px solid #565080;border-radius:11px;background:#28264b;min-width:0}.stats small{display:block;color:#b6b0d7;font-size:.58rem;font-weight:950;letter-spacing:.08em}.stats strong{display:block;font-size:clamp(.85rem,2vw,1.3rem);white-space:nowrap}.board-wrap{position:relative;width:min(100%,612px);margin:auto;aspect-ratio:1;background:#0c1027;border:6px solid #4e438a;border-radius:18px;overflow:hidden;box-shadow:0 7px 0 #0b0921}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:#100f29df;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.overlay h2{font-size:clamp(1.65rem,5vw,2.6rem);letter-spacing:-.05em;margin:10px 0}.overlay p{max-width:350px;color:#d6d2ee;margin:0 0 22px}.overlay button,.actions button,.power button{border:2px solid #7567b0;background:#302958;color:#fff;border-radius:12px;min-height:47px;padding:8px 16px;font-weight:900}.overlay .primary{background:#d8ef8b;border-color:#e9ffae;color:#242044}.control-row{display:flex;gap:12px;justify-content:space-between;align-items:center;max-width:612px;margin:17px auto 3px}.dpad{display:grid;grid-template-columns:repeat(3,clamp(53px,12vw,69px));grid-template-rows:repeat(2,clamp(49px,11vw,61px));gap:5px;touch-action:none}.dpad button{border:2px solid #7567b0;background:#373062;color:#fff;border-radius:13px;font-size:1.5rem;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none}.dpad button:active,.power button:active{transform:translateY(2px);background:#6352ad}.dpad #up{grid-column:2}.dpad #left{grid-column:1;grid-row:2}.dpad #down{grid-column:2;grid-row:2}.dpad #right{grid-column:3;grid-row:2}.power{width:min(46%,245px)}.power-caption{display:flex;justify-content:space-between;gap:5px;color:#d2cafa;font-size:.68rem;letter-spacing:.07em;font-weight:900}.charge-track{height:12px;border:1px solid #5d548e;border-radius:10px;background:#22203f;overflow:hidden;margin:8px 0}.charge-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#80e5d0,#d6f080);transition:width .18s}.power button{width:100%;min-height:60px;background:#408d85;border-color:#86dbbc;font-size:1.03rem}.power button:disabled{opacity:.52;cursor:default}.message{text-align:center;min-height:1.6em;margin:13px 0 0;color:#d9d1f9;font-weight:750}.actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.actions button{font-size:.84rem}.actions button:disabled{opacity:.4;cursor:default}.best{text-align:center;color:#bfb9de;font-size:.82rem;margin:14px 0 0}aside{background:#fff;border:1px solid #e5e0ef;border-radius:20px;padding:25px;box-shadow:0 8px 20px #32265c0c}aside h2{font-size:1.7rem;letter-spacing:-.035em;margin:8px 0}aside p{color:#665f7a}aside .quiet{font-size:.82rem}.foot a{font-weight:850;color:#6a55cf}@media(max-width:950px){.layout{grid-template-columns:1fr}.game{max-width:730px}aside{max-width:730px}}@media(max-width:460px){.stats{gap:3px}.stats div{padding:6px 4px}.stats small{font-size:.48rem}.stats strong{font-size:.78rem}.stats #hearts{font-size:.66rem}.control-row{gap:8px}.dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,51px);gap:3px}.power{width:calc(100% - 168px)}.power-caption{font-size:.54rem}.power button{min-height:51px;font-size:.75rem;padding:4px}.game{padding:9px}.board-wrap{border-width:4px}}