:root{--color-background: #080a1a;--color-surface: rgba(18, 22, 49, .92);--color-surface-muted: rgba(18, 22, 55, .72);--color-surface-soft: rgba(24, 30, 72, .78);--color-text: #f5f7ff;--color-text-muted: #b0b6d7;--color-primary: #7c5cff;--color-primary-alt: #9d7bff;--color-accent: #50e3c2;--color-danger: #ff6f91;--color-warning: #ffc75f;--color-border: rgba(124, 92, 255, .25);--color-shadow: rgba(12, 16, 48, .65);--gradient-primary: linear-gradient(135deg, #6e4cff, #9d7bff);--gradient-accent: linear-gradient(135deg, #50e3c2, #63ffd8);--gradient-danger: linear-gradient(135deg, #ff6f91, #ff9671);--gradient-surface: linear-gradient(180deg, rgba(18, 20, 46, .92), rgba(10, 12, 34, .88));--shadow-soft: 0 12px 28px rgba(6, 8, 24, .45), 0 4px 12px rgba(20, 24, 60, .32);--shadow-medium: 0 20px 40px rgba(9, 11, 34, .55), 0 6px 20px rgba(22, 18, 58, .35);--shadow-deep: 0 28px 60px rgba(10, 9, 38, .65), 0 12px 32px rgba(18, 18, 52, .4);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;font-family:Segoe UI,Pretendard,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;align-items:flex-start;padding:24px 0;min-width:320px;min-height:100vh;background:radial-gradient(120% 120% at 50% -20%,#6e4cff59,#080a1a0d),radial-gradient(100% 120% at 10% 10%,rgba(80,227,194,.12),transparent),radial-gradient(120% 160% at 80% 0%,#ff6caf26,#080a1a14),#040510;color:var(--color-text)}#root{min-height:100vh;width:100%}a{color:inherit}button{font-family:inherit}.surface-card{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);box-shadow:var(--shadow-deep);overflow:hidden;border:1px solid rgba(124,92,255,.18)}.surface-card:before{content:"";position:absolute;inset:-40% -10% auto;height:120%;background:linear-gradient(120deg,#7c5cff38,#50e3c22e,#1316370d);filter:blur(120px);opacity:.6;pointer-events:none}.surface-card:after{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 55%);mix-blend-mode:screen;opacity:.4;pointer-events:none}.surface-card__header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);align-items:center}.surface-card__title-group{display:flex;flex-direction:column;gap:var(--space-xs);max-width:min(640px,100%)}.surface-card__title{margin:0;font-size:1.8rem;font-weight:700;color:var(--color-text)}.surface-card__subtitle{margin:0;font-size:1rem;color:var(--color-text-muted);line-height:1.5}.surface-card__meta{display:flex;gap:var(--space-sm);align-items:center;color:var(--color-text-muted)}.surface-card__body{display:flex;flex-direction:column;gap:var(--space-lg);position:relative;z-index:1}.ui-button{border:none;border-radius:var(--radius-md);padding:12px 20px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,filter .18s ease;display:inline-flex;align-items:center;gap:var(--space-xs);position:relative;overflow:hidden}.ui-button:after{content:"";position:absolute;inset:-120% -40%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 55%);opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(20%);pointer-events:none}.ui-button__icon{display:inline-flex;align-items:center;justify-content:center}.ui-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.ui-button--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 18px 28px #6e4cff59}.ui-button--accent{background:var(--gradient-accent);color:#0f4636;box-shadow:0 18px 28px #50e3c247}.ui-button--ghost{background:#7c5cff1f;color:var(--color-text);border:1px solid rgba(124,92,255,.32);box-shadow:none}.ui-button--outline{background:transparent;color:var(--color-text);border:1px solid rgba(27,30,40,.12);box-shadow:none}.ui-button:not(:disabled):hover{transform:translateY(-2px);opacity:.92;filter:brightness(1.05)}.ui-button:not(:disabled):hover:after{opacity:.6;transform:translateY(0)}.ui-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.ui-toolbar--spread{justify-content:space-between;gap:var(--space-md)}.ui-toolbar__group{display:inline-flex;gap:var(--space-sm);flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.metric-card{position:relative;background:#12183ab8;border:1px solid rgba(124,92,255,.18);border-radius:18px;padding:calc(var(--space-md) + 4px);display:flex;flex-direction:column;gap:var(--space-xs);overflow:hidden}.metric-card:before{content:"";position:absolute;inset:-30% 10% auto;height:70%;background:radial-gradient(circle at center,rgba(124,92,255,.28),transparent 70%);opacity:.9;pointer-events:none}.metric-card:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#7c5cff1f,#0e122633);opacity:.4;pointer-events:none}.metric-card__label{font-size:.85rem;font-weight:700;letter-spacing:.04em;color:#bdc5e8b3}.metric-card__value{font-size:1.45rem;font-weight:700;color:#f5f7ff}.metric-card__value--warning{color:#ffc75f}.metric-card__value--success{color:#50e3c2}.chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:#7c5cff3d;color:#d7d4ff}.chip--accent{background:#57e2a12e;color:#1a775a}.chip--danger{background:#ff80a233;color:#c43758}.stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;background:#7c5cff40;color:#d7d4ff}.stat-pill__value{font-weight:700}.status-banner{margin:0;padding:12px 16px;border-radius:var(--radius-md);font-weight:600;text-align:center;background:#7c5cff29;color:#d0ccff}.status-banner--success{background:#57e2a13d;color:#1a775a}.status-banner--warning{background:#ffc75f38;color:#8a5c13}.status-banner--danger{background:#ff80a233;color:#c43758}.status-banner--info{background:#7c5cff29;color:#d0ccff}.cosmic-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cosmic-background__layer{position:absolute;inset:-20%;background-repeat:no-repeat;opacity:.5}.cosmic-background__stars{background-image:radial-gradient(1px 1px at 20px 20px,rgba(255,255,255,.35) 0,transparent 50%),radial-gradient(1px 1px at 40px 80px,rgba(255,255,255,.28) 0,transparent 50%),radial-gradient(1px 1px at 120px 40px,rgba(255,255,255,.22) 0,transparent 50%),radial-gradient(1px 1px at 200px 160px,rgba(255,255,255,.3) 0,transparent 50%),radial-gradient(1px 1px at 320px 120px,rgba(255,255,255,.25) 0,transparent 50%);background-size:240px 240px;animation:twinkle 14s linear infinite}.cosmic-background__nebula{background:radial-gradient(circle at 20% 30%,rgba(124,92,255,.24),transparent 60%),radial-gradient(circle at 70% 10%,rgba(80,227,194,.18),transparent 55%),radial-gradient(circle at 80% 70%,rgba(255,114,140,.22),transparent 65%);filter:blur(90px);opacity:.6}.cosmic-background__trail{background:conic-gradient(from 120deg,rgba(124,92,255,.22),transparent 55%);opacity:.4;animation:rotate-slow 40s linear infinite}.cosmic-background__aurora{background:radial-gradient(circle at 60% 20%,rgba(80,227,194,.32),transparent 60%);filter:blur(160px);opacity:.5;animation:pulse-soft 18s ease-in-out infinite alternate}.cosmic-orbits{position:absolute;inset:auto -20% -40%;height:520px;opacity:.25;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 50%,transparent 45%,rgba(124,92,255,.15) 46%,transparent 47%),radial-gradient(circle at 50% 50%,transparent 30%,rgba(80,227,194,.12) 31%,transparent 32%),radial-gradient(circle at 50% 50%,transparent 60%,rgba(255,108,175,.14) 61%,transparent 62%);background-size:100% 100%;animation:float-orbit 26s linear infinite}@keyframes twinkle{0%{opacity:.5;transform:translateZ(0)}50%{opacity:.8;transform:translate3d(-4px,-6px,0)}to{opacity:.5;transform:translateZ(0)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-soft{0%{opacity:.35;transform:scale(1)}to{opacity:.6;transform:scale(1.12)}}@keyframes float-orbit{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.03)}to{transform:translateY(0) scale(1)}}.app{position:relative;max-width:1240px;margin:0 auto;padding:56px 32px 72px;color:var(--color-text);overflow:hidden}.app__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:40px}.app__header{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;position:relative;text-align:left;flex-wrap:wrap}.app__header:before{content:"";position:absolute;inset:-120px -60px auto;height:220px;background:radial-gradient(circle,#7c5cff47,#18143f0d);filter:blur(65px);opacity:.9;pointer-events:none}.app__header:after{content:"";position:absolute;inset:-180px auto auto -200px;width:320px;height:320px;background:radial-gradient(circle at center,rgba(80,227,194,.18),transparent 70%);filter:blur(120px);opacity:.6;pointer-events:none}.app__headline{max-width:640px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;flex:1 1 360px}.global-leaderboards{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(124,92,255,.14);background:linear-gradient(120deg,#101230d1,#0a0c20bd);padding:8px 0;z-index:2}.global-leaderboards:before,.global-leaderboards:after{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:2}.global-leaderboards:before{left:0;background:linear-gradient(90deg,#0e1028f2,#0e102800)}.global-leaderboards:after{right:0;background:linear-gradient(270deg,#0e1028f2,#0e102800)}.global-leaderboards__track{display:flex;align-items:center;gap:28px;padding:0 40px;width:max-content;min-height:44px}.global-leaderboards__track--animate{animation:leaderboard-marquee 24s linear infinite;will-change:transform}.global-leaderboards__item{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-size:.9rem;color:#dfe2ff}.global-leaderboards__label{font-weight:700;color:#f4f6ff;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.global-leaderboards__divider{font-size:.8rem;color:#dde2ff80}.global-leaderboards__detail{font-weight:600;color:#63ffd8;font-size:.9rem}@keyframes leaderboard-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.global-leaderboards__track--animate{animation:none;transform:none}}.app__headline h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);font-weight:700;letter-spacing:-.02em;color:#f8faff}.app__headline p{margin:0;font-size:1.05rem;color:#b1b8db}.global-alert{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#ff9bb72e;color:#ffb8cc;font-size:.9rem;font-weight:600}.app__nickname{margin-top:12px;margin-left:auto;align-self:flex-start;align-items:flex-end;text-align:right;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;position:relative;flex:0 1 360px}.app__nickname-label{font-size:.9rem;font-weight:700;letter-spacing:.08em;color:#b7bee9cc;text-transform:uppercase}.app__nickname-field{display:flex;gap:12px;align-items:center}.app__nickname-input{flex:1;border-radius:14px;border:1px solid rgba(124,92,255,.3);background:#0c1026cc;color:#f4f6ff;padding:12px 14px;font-size:1rem}.app__nickname-input::placeholder{color:#afb6dc99}.app__nickname-input:focus{outline:none;border-color:#7c5cff99;box-shadow:0 0 0 3px #7c5cff38}.app__nickname-hint{margin:0;font-size:.9rem;color:#aeb6e8}.app__nickname-toast{align-self:flex-start;padding:6px 12px;border-radius:12px;background:#57e2a12e;color:#3be6a7;font-size:.85rem;font-weight:600}.app__eyebrow{font-size:.9rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#b7bee9b3}.app__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.app__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:#7c5cff2e;color:#e4e2ff;font-size:.85rem;font-weight:600;letter-spacing:.06em}.app__body{display:flex;gap:28px;align-items:flex-start;position:relative;z-index:2}.app__footer{text-align:center;font-size:.95rem;color:#939bc6}.game-menu{display:flex;flex-direction:column;gap:12px;width:280px;flex-shrink:0;position:sticky;top:56px}.game-menu__button{width:100%;border:none;border-radius:18px;padding:18px 20px;text-align:left;display:flex;flex-direction:column;gap:10px;background:#12183ab8;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:1px solid transparent}.game-menu__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 36px #1c184e52,0 10px 20px #0c0e2a5c;border-color:#7c5cff66}.game-menu__button--selected{background:linear-gradient(140deg,#6e4cff52,#20234ee0);box-shadow:0 28px 55px #4e37bd73,0 12px 28px #0e122e6b;border-color:#7c5cff8c;transform:translateY(-2px)}.game-menu__button--disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.game-menu__title{font-size:1.05rem;font-weight:700;color:#f8f9ff}.game-menu__button--selected .game-menu__title{color:#fff}.game-menu__summary{font-size:.9rem;line-height:1.4;color:#b2b7da}.game-menu__meta{display:flex;gap:8px;align-items:center}.game-menu__badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;background:#7c5cff42;color:#e0ddff}.game-menu__tag{font-size:.7rem;font-weight:600;color:#af5670;background:#d9748e2e;padding:4px 8px;border-radius:9999px}.game-view{flex:1;min-width:0;position:relative;z-index:2;display:flex;flex-direction:column;gap:24px}.coming-soon{background:#121631e6;border-radius:22px;padding:42px;text-align:center;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-medium);border:1px solid rgba(124,92,255,.2);position:relative;overflow:hidden}.coming-soon:before{content:"";position:absolute;inset:-60px -120px auto;height:240px;background:radial-gradient(circle at center,rgba(124,92,255,.28),transparent 70%);filter:blur(120px);opacity:.9}.coming-soon:after{content:"";position:absolute;inset:auto -80px -120px;width:280px;height:280px;background:radial-gradient(circle,rgba(80,227,194,.24),transparent 75%);filter:blur(120px);opacity:.6}.coming-soon h2{margin:0;font-size:1.9rem;color:#f6f7ff}.coming-soon p{margin:0;font-size:1rem;color:#a2a8cc}.coming-soon__badge{align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:9999px;background:#7c5cff38;color:#e6e4ff;font-weight:700;font-size:.8rem;letter-spacing:.08em}.focus-puzzle__grid{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:12px;background:#12163899;padding:18px;border-radius:22px;border:1px solid rgba(124,92,255,.16);box-shadow:inset 0 0 0 1px #7c5cff14;position:relative;overflow:hidden}.focus-puzzle__grid:before{content:"";position:absolute;inset:-60% 10% auto;height:80%;background:radial-gradient(circle at center,rgba(124,92,255,.22),transparent 60%);filter:blur(120px);opacity:.8;pointer-events:none}.focus-puzzle__grid:after{content:"";position:absolute;inset:auto -40% -70%;width:60%;height:140%;background:radial-gradient(circle,rgba(80,227,194,.18),transparent 60%);filter:blur(160px);opacity:.5;pointer-events:none}.focus-puzzle__tile{border:none;border-radius:16px;background:linear-gradient(145deg,#181e4ef2,#23123fd1);box-shadow:0 12px 24px #0a0c2699,inset 0 0 0 1px #7c5cff2e;font-size:1.35rem;font-weight:700;color:#f8f9ff;padding:18px 0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;position:relative;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.focus-puzzle__tile:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.16),transparent 60%);opacity:.6;pointer-events:none}.focus-puzzle__tile:before{content:"";position:absolute;width:120%;height:140%;inset:-110% auto auto -10%;transform:rotate(25deg);background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 65%);opacity:0;transition:opacity .35s ease,transform .35s ease;pointer-events:none}.focus-puzzle__tile:not(:disabled):hover:before{opacity:.45;transform:rotate(25deg) translateY(55%)}.focus-puzzle__tile:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 32px #1a124473,inset 0 0 0 1px #7c5cff47}.focus-puzzle__tile:disabled{cursor:default}.focus-puzzle__tile--target{background:linear-gradient(150deg,#7c5cffc7,#7c5cff61);color:#fff;box-shadow:0 20px 36px #7c5cff6b,inset 0 0 12px #ffffff29;animation:pulse-target 1.3s ease-in-out infinite}.focus-puzzle__tile--cleared{background:linear-gradient(150deg,#50e3c2cc,#28af928c);color:#092a21;box-shadow:inset 0 0 12px #ffffff2e,0 14px 24px #28af9252}.focus-puzzle__tile--error{background:linear-gradient(160deg,#ff789699,#5a1c2ee6);color:#ffe7eb;animation:shake-error .4s ease}@keyframes pulse-target{0%{transform:translateY(0);box-shadow:0 18px 32px #7c5cff6b,inset 0 0 12px #ffffff29}50%{transform:translateY(-2px) scale(1.02);box-shadow:0 24px 40px #7c5cff8c,inset 0 0 16px #fff3}to{transform:translateY(0);box-shadow:0 18px 32px #7c5cff6b,inset 0 0 12px #ffffff29}}@keyframes shake-error{0%{transform:translate(0)}25%{transform:translate(-4px) rotate(-1deg)}50%{transform:translate(4px) rotate(1deg)}75%{transform:translate(-3px) rotate(-.6deg)}to{transform:translate(0)}}.breathing-guide__toolbar{background:#161a3ebf;border-radius:18px;padding:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:1px solid rgba(124,92,255,.18)}.toolbar__label{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c1c7eeb8}.toolbar__select{flex:1;min-width:180px;border-radius:12px;border:1px solid rgba(124,92,255,.26);padding:10px 14px;font-size:.95rem;background:#0c1026d9;color:#f4f6ff;appearance:none}.toolbar__select:focus{outline:none;border-color:#7c5cffa6;box-shadow:0 0 0 3px #7c5cff47}.toolbar__actions{display:flex;gap:10px}.breathing-guide__description{margin:0;color:#c1c6ea;font-size:.95rem}.breathing-guide__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.breathing-guide__visual{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px;border-radius:22px;background:linear-gradient(135deg,#181c4ceb,#0c1030e6);color:#f0f4ff;border:1px solid rgba(124,92,255,.18);position:relative;overflow:hidden}.breathing-guide__visual:before{content:"";position:absolute;inset:-50% 20% auto;height:70%;background:radial-gradient(circle at center,rgba(124,92,255,.28),transparent 65%);filter:blur(120px);opacity:.7;animation:pulse-soft 12s ease-in-out infinite}.breathing-guide__orb{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#ffffffd9,#786eeb8c);box-shadow:inset 0 0 30px #ffffffd9,0 25px 55px #6859f080;transition:transform .15s ease;animation:breathe-orb 6s ease-in-out infinite}.breathing-guide__orb-label{font-size:1.1rem;font-weight:700;color:#23224c}.breathing-guide__cue{margin:0;font-size:1rem;color:#cbd4ff}@keyframes breathe-orb{0%{transform:scale(1);box-shadow:inset 0 0 30px #ffffffd9,0 25px 55px #6859f080}50%{transform:scale(1.08);box-shadow:inset 0 0 40px #ffffffeb,0 30px 65px #50e3c273}to{transform:scale(1)}}.breathing-guide__progress{display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:10px;border-radius:9999px;background:#3a3f7099;overflow:hidden;border:1px solid rgba(124,92,255,.16)}.progress-bar__fill{height:100%;background:linear-gradient(135deg,#7c5cffd9,#50e3c2bf);border-radius:inherit;transition:width .1s ease;box-shadow:0 0 12px #7c5cff59}.progress-bar__text{font-size:.85rem;color:#c4c9ee;font-weight:600}.balloon-pop__stage{position:relative;height:360px;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#121842e6,#0b0e26f2);box-shadow:inset 0 0 0 1px #7c5cff29,0 25px 45px #0a0b208c}.balloon-pop__particles{position:absolute;inset:0;pointer-events:none}.sparkle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 70%);border-radius:50%;opacity:0;animation:sparkle-pop .8s ease-out forwards}@keyframes sparkle-pop{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(-40px) scale(1.3);opacity:0}}.balloon-pop__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#bfc5ec;font-weight:600;background:linear-gradient(180deg,#181c42c7,#0b0e26b8)}.balloon{position:absolute;bottom:-20%;transform:translate(-50%);border-radius:50%;border:none;cursor:pointer;box-shadow:inset 0 0 18px #ffffffb8,0 16px 30px #16124161;animation:balloon-rise 5s linear forwards}.balloon:active{transform:translate(-50%) scale(.92)}.balloon__shine{position:absolute;top:18%;left:25%;width:28%;height:18%;background:#ffffffbf;border-radius:50%;filter:blur(1px);pointer-events:none}.balloon__string{position:absolute;bottom:-32px;left:50%;width:2px;height:36px;background:#9ba5e652;transform:translate(-50%);border-radius:9999px;pointer-events:none}@keyframes balloon-rise{0%{bottom:-20%}to{bottom:110%}}.balloon-pop__leaderboard{background:#161a3ec7;border-radius:18px;padding:22px 26px;border:1px solid rgba(124,92,255,.16);display:flex;flex-direction:column;gap:12px}.balloon-pop__leaderboard h3{margin:0;font-size:1.1rem;color:#dfe1ff}.leaderboard__empty{margin:0;color:#9ba4d4}.balloon-pop__leaderboard ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.balloon-pop__leaderboard li{display:grid;grid-template-columns:36px minmax(0,1.2fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(140deg,#181c4cd9,#101230d1);border:1px solid rgba(124,92,255,.16)}.leaderboard__rank{font-weight:700;font-size:1.05rem;color:#bfaeff}.leaderboard__name{font-weight:600;color:#f2f4ff}.leaderboard__score{font-weight:700;color:#63ffd8}.leaderboard__date{font-size:.8rem;color:#8a93c5;text-align:right}.interval-clicker__console{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.interval-clicker__timer{display:flex;flex-direction:column;gap:8px;background:#121838b8;padding:20px;border-radius:18px;border:1px solid rgba(124,92,255,.16)}.interval-clicker__label{font-size:.9rem;font-weight:600;color:#c1c7eeb8}.interval-clicker__countdown{font-size:clamp(2.2rem,4vw,3.1rem);font-weight:700;color:#e2e4ff;animation:chrono-glow 1.6s ease-in-out infinite alternate}.interval-clicker__sub{font-size:.9rem;color:#9ba4d4;font-weight:500}.interval-clicker__buttons{display:flex;gap:12px}.interval-clicker__auto-note{font-size:.9rem;font-weight:600;color:#aeb6e8}.interval-clicker__window{display:flex;justify-content:center}.interval-clicker__actions{display:flex;flex-direction:column;gap:14px;margin-top:20px}.interval-clicker__primary-action{width:100%;justify-content:center;border-radius:18px;padding:24px 28px;font-size:1.25rem;font-weight:700;min-height:140px;background:linear-gradient(135deg,#57e2a1d9,#50e3c2a6);color:#042e25;box-shadow:0 28px 42px #44c9944d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.interval-clicker__primary-action:disabled{background:#181c4cad;color:#e0e4ff;opacity:.65;cursor:default;box-shadow:none;filter:none}.interval-clicker__primary-action--active:not(:disabled){cursor:pointer}.interval-clicker__primary-action--active:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.05)}.interval-clicker__primary-action--used:not(:disabled){background:#7c5cff47;color:#cbcfff;cursor:default;box-shadow:none}.interval-clicker__panels{display:flex;flex-direction:column;gap:16px}.interval-clicker__leaderboard,.interval-clicker__history{background:#161a3ec7;border-radius:18px;padding:22px 26px;border:1px solid rgba(124,92,255,.16);display:flex;flex-direction:column;gap:12px}.panel__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel__header h3,.interval-clicker__history h3{margin:0;font-size:1.1rem;color:#dfe1ff}.panel__reset{border:none;background:none;color:#ff9bb7;font-weight:600;cursor:pointer}.interval-clicker__leaderboard ol,.interval-clicker__history ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.interval-clicker__leaderboard li{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:linear-gradient(140deg,#181c4cd9,#101230d1);border:1px solid rgba(124,92,255,.16)}.leaderboard__name{font-weight:600;color:#e3e6ff}.leaderboard__count{font-weight:700;color:#63ffd8}.interval-clicker__history ul li{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;background:linear-gradient(140deg,#181c4ccc,#101230c7);font-size:.9rem;border:1px solid rgba(124,92,255,.12)}.history__name{font-weight:600;color:#e3e6ff}.history__timestamp{color:#8a93c5}.stopwatch__identity{display:flex;flex-direction:column;gap:8px;background:#161a3ebf;border-radius:18px;padding:20px;border:1px solid rgba(124,92,255,.18)}.identity__label{font-size:.85rem;font-weight:700;color:#c1c7eeb8;text-transform:uppercase;letter-spacing:.08em}.identity__display{padding:12px 14px;border-radius:12px;border:1px solid rgba(124,92,255,.18);background:#0c1026d9;color:#f4f6ff;font-weight:600}.identity__display--empty{color:#aab2df;font-style:italic}.identity__controls{display:flex;gap:12px;flex-wrap:wrap}.identity__input{flex:1;min-width:200px;border-radius:12px;border:1px solid rgba(124,92,255,.26);padding:10px 14px;font-size:.95rem;background:#0c1026d9;color:#f4f6ff}.identity__input:focus{outline:none;border-color:#7c5cffa6;box-shadow:0 0 0 3px #7c5cff47}.identity__hint,.identity__alert{margin:0;font-size:.85rem;color:#ff9bb7;font-weight:600}.stopwatch__console{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.stopwatch__timer{display:flex;flex-direction:column;gap:6px;background:#121838b8;padding:20px;border-radius:18px;border:1px solid rgba(124,92,255,.16);flex:1 1 0}.stopwatch__label{font-size:.9rem;color:#c1c7eeb8;font-weight:600}.stopwatch__display{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;color:#f2f4ff;letter-spacing:.05em;padding:10px 0}.stopwatch__display--active{color:#9f8cff;animation:chrono-glow 1.2s ease-in-out infinite alternate}.stopwatch__target{font-size:.9rem;color:#9ba4d4;font-weight:600}@keyframes chrono-glow{0%{text-shadow:0 0 12px rgba(157,139,255,.35),0 0 24px rgba(98,196,255,.28)}to{text-shadow:0 0 18px rgba(157,139,255,.55),0 0 32px rgba(98,196,255,.45)}}.stopwatch__actions{flex:1 1 0;display:flex;flex-direction:column;gap:14px;min-width:240px}.stopwatch__primary-action{width:100%;justify-content:center;padding:24px 28px;font-size:1.25rem;min-height:152px;box-shadow:0 32px 48px #7c5cff47}.stopwatch__reset-action{width:100%;justify-content:center;padding:14px 20px;font-size:1rem}.stopwatch__leaderboard{background:#161a3ec7;border-radius:18px;padding:24px;border:1px solid rgba(124,92,255,.16);display:flex;flex-direction:column;gap:12px;overflow-x:auto}.stopwatch__leaderboard h3{margin:0;font-size:1.1rem;color:#dfe1ff}.stopwatch__leaderboard table{width:100%;border-collapse:collapse;min-width:520px}.stopwatch__leaderboard th,.stopwatch__leaderboard td{text-align:left;padding:10px 12px;font-size:.9rem}.stopwatch__leaderboard thead{background:#7c5cff38;color:#f0f2ff}.stopwatch__leaderboard tbody tr:nth-of-type(odd){background:#181c4cd1}.stopwatch__leaderboard tbody tr:nth-of-type(2n){background:#101230c7}.stopwatch__leaderboard td{color:#d6d8ff}@media(max-width:900px){.app__header{flex-direction:column;align-items:center;text-align:center;gap:28px}.app__nickname{margin-top:28px;margin-left:0;align-items:center;text-align:center}.global-leaderboards{margin-top:20px}.global-leaderboards__track{gap:20px;padding:0 28px}.app__body{flex-direction:column;gap:24px}.game-menu{width:100%;flex-direction:row;flex-wrap:wrap;position:relative;top:0}.game-menu__button{flex:1 1 240px}}@media(max-width:640px){.app{padding:32px 18px 48px}.game-menu{flex-direction:column;position:relative;top:0}.global-leaderboards{padding:8px 0}.global-leaderboards__track{gap:16px;padding:0 22px}.focus-puzzle,.breathing-guide,.coming-soon{padding:24px}.focus-puzzle__grid{grid-template-columns:repeat(4,minmax(60px,1fr));gap:10px}.focus-puzzle__tile{font-size:1.2rem;padding:14px 0}.breathing-guide__visual{padding:24px}.breathing-guide__orb{width:140px;height:140px}}