:root{font-family:Inter,ui-rounded,system-ui,sans-serif;color:#fff;background:#17102b;font-synthesis:none}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none;user-select:none}.game-shell{position:relative;background:radial-gradient(circle at 50% 15%,#6642a3 0,#291843 45%,#130d25)}button{min-width:44px;min-height:44px;padding:10px 16px;border:1px solid #ffffff40;border-radius:14px;color:#fff;background:#49316f;font:700 .92rem inherit;cursor:pointer;touch-action:manipulation;box-shadow:0 4px #241735}button:hover{filter:brightness(1.15)}button:focus-visible{outline:3px solid #ffe57c;outline-offset:3px}.primary{color:#29133d;background:#ffd257;border-color:#fff1a4}.screen{position:absolute;inset:0}.map-screen{overflow:auto;padding:max(28px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));text-align:center}.map-screen h1{margin:2px 0 8px;font-size:clamp(3.2rem,12vw,6.6rem);line-height:.9;letter-spacing:-.07em;text-shadow:0 5px 0 #b82f7e,0 10px 28px #0008}.map-screen>p{margin:14px auto;max-width:560px;color:#eadff8}.eyebrow{margin:0;color:#ffda64!important;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(56px,82px));gap:12px;justify-content:center;margin:30px auto;max-width:500px}.level-button{aspect-ratio:1;border-radius:50%;padding:5px;background:linear-gradient(145deg,#fa66a8,#8d55eb)}.level-button small,.level-button b{display:block}.level-button small{font-size:.5rem;letter-spacing:.08em}.level-button b{font-size:1.35rem}.play-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.play-screen[hidden],.map-screen[hidden]{display:none}.hud{position:relative;z-index:2;display:flex;gap:8px;align-items:stretch;padding:max(8px,env(safe-area-inset-top)) 10px 8px;background:#17102bd9;backdrop-filter:blur(9px)}.hud>div{display:grid;place-content:center;min-width:62px;padding:3px 9px;border-radius:11px;background:#ffffff10;text-align:center}.hud small,.hud b{display:block}.hud small{color:#cbb9e7;font-size:.55rem;letter-spacing:.08em}.hud b{font-size:.96rem}#board-host{position:relative;min-height:0;touch-action:none}.candy-canvas{display:block;width:100%;height:100%}.hint{z-index:2;margin:0;padding:8px;text-align:center;color:#d7c7ed;background:#17102bd9;font-size:.8rem}.result{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:20px;background:#140c25cc;backdrop-filter:blur(7px)}.result[hidden]{display:none}.result-card{width:min(480px,100%);padding:28px;border:1px solid #ffffff30;border-radius:24px;background:#34204f;text-align:center;box-shadow:0 24px 80px #0008}.result-card h2{margin:7px 0;font-size:clamp(2.2rem,9vw,4rem)}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0}.monetization-note{color:#d8c5ef;font-size:.78rem}.toast{position:absolute;z-index:10;left:50%;bottom:max(20px,env(safe-area-inset-bottom));translate:-50% 0;width:min(420px,calc(100% - 32px));padding:13px 18px;border-radius:14px;background:#211333f2;text-align:center;box-shadow:0 8px 32px #0008}.toast[hidden]{display:none}@media(max-width:540px){.level-grid{grid-template-columns:repeat(5,minmax(50px,64px));gap:9px}.hud{gap:4px}.hud>div{min-width:0;flex:1;padding:3px}.hud button{padding:7px 10px}.hud small{font-size:.48rem}}@media(max-height:580px)and (orientation:landscape){.map-screen{padding-top:12px}.map-screen h1{font-size:2.8rem}.level-grid{grid-template-columns:repeat(8,54px);margin:14px auto}.hud{position:absolute;left:0;right:0;background:linear-gradient(#17102be8,transparent)}.hint{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#17102be8)}}