:root{--color-bg-start: hsl(260, 40%, 94%);--color-bg-end: hsl(20, 60%, 95%);--color-primary: hsl(260, 50%, 65%);--color-primary-hover: hsl(260, 50%, 55%);--color-primary-light: hsl(260, 60%, 90%);--color-accent-mint: hsl(150, 45%, 50%);--color-accent-mint-light: hsl(150, 50%, 90%);--color-accent-peach: hsl(18, 75%, 65%);--color-accent-peach-light: hsl(18, 80%, 92%);--color-accent-sky: hsl(200, 65%, 55%);--color-accent-sky-light: hsl(200, 70%, 90%);--color-text-main: hsl(240, 10%, 25%);--color-text-muted: hsl(240, 6%, 50%);--color-white: #ffffff;--glass-bg: rgba(255, 255, 255, .45);--glass-bg-hover: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(142, 126, 177, .15);--glass-shadow-hover: 0 12px 40px 0 rgba(142, 126, 177, .25);--border-radius-sm: 12px;--border-radius-md: 20px;--border-radius-lg: 32px;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,BIZ UDPGothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:var(--color-text-main);background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--glass-shadow);transition:var(--transition-bounce)}.glass-card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-5px) scale(1.02)}.btn-bounce{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--border-radius-lg);border:none;font-weight:700;cursor:pointer;transition:var(--transition-bounce);text-decoration:none;box-shadow:0 4px 15px #0000000d}.btn-bounce:active{transform:scale(.92)}@keyframes floatBubble{0%{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-20px) rotate(180deg);opacity:.4}to{transform:translateY(0) rotate(360deg);opacity:.2}}.bubble-drift{position:absolute;pointer-events:none;border-radius:50%;background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);animation:floatBubble 8s ease-in-out infinite}body{margin:0;padding:0;font-family:"M PLUS Rounded 1c",Quicksand,Outfit,sans-serif;background:linear-gradient(135deg,#e0f2fe,#e0e7ff);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.game-container{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.header-bar{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.back-btn{pointer-events:auto;background:var(--color-white, #ffffff);color:var(--color-text, #333333);border:none;padding:12px 24px;border-radius:30px;font-size:1.1rem;font-weight:700;box-shadow:0 8px 20px #00000014;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.back-btn:active{transform:scale(.9)}.score-display{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:30px;font-size:1.2rem;font-weight:800;color:#4f46e5;box-shadow:0 8px 20px #4f46e51a;display:flex;align-items:center;gap:6px}.game-board{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.bubble{position:absolute;border-radius:50%;cursor:pointer;user-select:none;-webkit-user-select:none;animation:float-shake 4s ease-in-out infinite alternate;box-shadow:inset -10px -10px 15px #0000000d,inset 10px 10px 15px #ffffffe6,0 10px 20px #0000000a}.bubble:after{content:"";position:absolute;top:15%;left:15%;width:25%;height:25%;background:#fffc;border-radius:50%}@keyframes float-shake{0%{transform:translate(0)}to{transform:translate(12px)}}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:explode .5s cubic-bezier(.1,.8,.3,1) forwards}@keyframes explode{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.2);opacity:0}}.rest-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:linear-gradient(135deg,#fef3c7,#fde68a);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#78350f;text-align:center;padding:24px}.rest-card{background:#ffffffe6;padding:40px 32px;border-radius:40px;box-shadow:0 20px 40px #d9770626;max-width:480px;width:90%;animation:bounce-in .8s cubic-bezier(.175,.885,.32,1.275)}.rest-emoji{font-size:5rem;margin-bottom:24px;display:inline-block;animation:wave-sleep 3s ease-in-out infinite}.rest-title{font-size:2rem;font-weight:800;margin-bottom:16px}.rest-text{font-size:1.1rem;line-height:1.6;margin-bottom:24px;color:#92400e}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes wave-sleep{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-10deg) translateY(-10px)}}