@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{color-scheme:dark;font-family:Nunito,sans-serif;--mc-bg: radial-gradient(circle at top, #123659 0%, #071524 100%);--mc-panel: #12324d;--mc-accent: #47c9ff;--mc-glow: rgba(71, 201, 255, .35);--mc-text: #f3f7ff;--mc-muted: rgba(243, 247, 255, .68);--mc-border: rgba(255, 255, 255, .08);--mc-shadow: 0 24px 60px rgba(0, 0, 0, .32);--mc-safe-area-top: 0px;--mc-safe-area-right: 0px;--mc-safe-area-bottom: 0px;--mc-safe-area-left: 0px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;width:100%}body{background:var(--mc-bg);color:var(--mc-text);overflow:hidden}body.mousecatch-game-active,body.mousecatch-game-active *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.mousecatch-game-active{overscroll-behavior:none}button,input,textarea{font:inherit}button{border:0}.mousecatch-shell{height:100dvh;background:radial-gradient(circle at top right,#ffffff1f 0,#fff0 28%),radial-gradient(circle at bottom left,#ffffff14 0,#fff0 30%),var(--mc-bg);overflow-x:hidden;overflow-y:auto;padding:12px 12px calc(78px + max(env(safe-area-inset-bottom),var(--mc-safe-area-bottom)));position:relative;scrollbar-color:rgba(71,201,255,.45) rgba(255,255,255,.05);scrollbar-width:thin;scroll-padding-bottom:calc(86px + max(env(safe-area-inset-bottom),var(--mc-safe-area-bottom)));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.mousecatch-shell.is-playing{padding:0}.mousecatch-shell::-webkit-scrollbar{width:10px}.mousecatch-shell::-webkit-scrollbar-track{background:#ffffff0a}.mousecatch-shell::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#47c9ffad,#47c9ff4d);border:2px solid transparent;border-radius:999px;background-clip:padding-box}.mousecatch-hero{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin:0 auto 10px;max-width:980px;width:100%}.mousecatch-hero__main{min-width:0}.mousecatch-hero h1{font-size:clamp(1.75rem,8vw,2.5rem);line-height:.95;margin:4px 0 6px}.mousecatch-hero h1.is-compact{font-size:clamp(1.18rem,4.4vw,1.48rem);letter-spacing:.01em;margin-bottom:4px}.mousecatch-hero p{color:var(--mc-muted);font-size:.92rem;margin:0;max-width:560px}.mousecatch-eyebrow{color:var(--mc-accent);display:inline-flex;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.mousecatch-status-indicator{background:#ef4444;border:2px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 0 0 4px #ffffff14;flex-shrink:0;height:12px;margin-top:6px;width:12px}.mousecatch-status-indicator.is-online{background:#22c55e}.mousecatch-content{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:980px;width:100%}.mousecatch-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.mousecatch-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff1a,#ffffff05),#060f1a47;border:1px solid var(--mc-border);border-radius:20px;box-shadow:var(--mc-shadow);display:flex;flex-direction:column;gap:12px;padding:14px}.mousecatch-card--wide{min-width:0}.mousecatch-card__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.mousecatch-card__header--stacked{align-items:stretch;flex-direction:column}.mousecatch-card__header h2{font-size:1.22rem;margin:0}.mousecatch-card__header p{color:var(--mc-muted);font-size:.9rem;margin:4px 0 0}.mousecatch-start-button,.mousecatch-primary{background:var(--mc-accent);border-radius:14px;box-shadow:0 18px 34px -14px var(--mc-glow);color:#f3f8ff;cursor:pointer;font-weight:900;padding:10px 16px}.mousecatch-start-button{align-items:center;background:linear-gradient(135deg,var(--mc-accent) 0%,rgba(10,28,44,.88) 128%);display:inline-flex;font-size:1.04rem;justify-content:center;min-height:56px;width:100%}.mousecatch-primary:disabled{cursor:default;opacity:.55}.mousecatch-prey-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.mousecatch-prey-button,.mousecatch-periods button,.mousecatch-nav button,.mousecatch-toggle,.mousecatch-theme-dot,.mousecatch-round-button,.mousecatch-leader{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.mousecatch-prey-button{align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:16px;color:var(--mc-muted);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 8px}.mousecatch-prey-button span{font-size:1.3rem}.mousecatch-prey-button strong{font-size:.82rem}.mousecatch-prey-button.is-selected{background:#47c9ff38;border-color:#47c9ff80;color:var(--mc-text);transform:translateY(-2px)}.mousecatch-settings-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mousecatch-setting{background:#ffffff0b;border:1px solid rgba(255,255,255,.04);border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.mousecatch-setting__header{align-items:center;display:flex;justify-content:space-between}.mousecatch-setting__header span{color:var(--mc-muted);font-size:.74rem;font-weight:800;text-transform:uppercase}.mousecatch-setting__header strong{color:var(--mc-accent);font-size:.84rem}.mousecatch-setting input[type=range]{appearance:none;background:transparent;cursor:pointer;width:100%}.mousecatch-setting input[type=range]::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:999px;height:5px}.mousecatch-setting input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--mc-accent);border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 8px 18px -10px var(--mc-glow);height:15px;margin-top:-5px;width:15px}.mousecatch-toggle{align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.04);border-radius:16px;color:var(--mc-text);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left}.mousecatch-toggle strong{display:block;margin-bottom:2px}.mousecatch-toggle small{color:var(--mc-muted);font-size:.8rem}.mousecatch-toggle__dot{background:#ffffff38;border-radius:999px;display:inline-flex;height:20px;position:relative;width:38px}.mousecatch-toggle__dot:after{background:#fff;border-radius:50%;content:"";height:12px;left:4px;position:absolute;top:4px;transition:transform .18s ease;width:12px}.mousecatch-toggle.is-enabled{border-color:#47c9ff59}.mousecatch-toggle.is-enabled .mousecatch-toggle__dot{background:var(--mc-accent)}.mousecatch-toggle.is-enabled .mousecatch-toggle__dot:after{transform:translate(18px)}.mousecatch-theme-row{display:flex;flex-wrap:wrap;gap:8px}.mousecatch-theme-dot{border:2px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;height:16px;width:16px}.mousecatch-theme-dot.is-active{box-shadow:0 0 0 4px #ffffff1f;transform:scale(1.12)}.mousecatch-stats-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mousecatch-stat-tile{background:#ffffff0d;border:1px solid rgba(255,255,255,.04);border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.mousecatch-stat-tile span{color:var(--mc-muted);font-size:.78rem}.mousecatch-stat-tile strong{font-size:1.02rem}.mousecatch-note{background:#ffffff0b;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:10px 12px}.mousecatch-note strong{display:block;font-size:.86rem;margin-bottom:4px}.mousecatch-note p{color:var(--mc-muted);font-size:.88rem;margin:0}.mousecatch-periods{display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;background:#07121e6b;border:1px solid rgba(255,255,255,.05);border-radius:16px}.mousecatch-periods button{background:transparent;border:1px solid transparent;border-radius:12px;color:var(--mc-muted);cursor:pointer;font-size:.78rem;font-weight:800;padding:7px 8px}.mousecatch-periods button.is-active{background:#47c9ff29;border-color:#47c9ff61;color:var(--mc-text)}.mousecatch-leaderboard{display:flex;flex-direction:column;gap:8px}.mousecatch-leader{align-items:center;background:#ffffff0b;border:1px solid rgba(255,255,255,.04);border-radius:14px;color:var(--mc-text);cursor:pointer;display:grid;gap:8px;grid-template-columns:auto auto minmax(0,1fr) auto;padding:8px 10px;text-align:left}.mousecatch-leader__rank{color:var(--mc-accent);font-size:1.2rem;font-weight:900;min-width:34px;text-align:center}.mousecatch-leader__body{align-items:baseline;display:flex;gap:6px;min-width:0}.mousecatch-leader__body strong,.mousecatch-leader__body small,.mousecatch-leader__score{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mousecatch-leader__body strong{font-size:.9rem}.mousecatch-leader__body small{color:var(--mc-muted);font-size:.76rem}.mousecatch-leader__score{color:var(--mc-text);font-size:.98rem;font-weight:900;justify-self:end;text-align:right}.mousecatch-avatar{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.06);border-radius:50%;display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden}.mousecatch-avatar img{height:100%;object-fit:cover;width:100%}.mousecatch-avatar--small{height:34px;width:34px}.mousecatch-avatar--large{font-size:1.45rem;height:72px;width:72px}.mousecatch-profile{align-items:flex-start;display:flex;gap:12px}.mousecatch-card--profile{background:transparent;border:0;box-shadow:none;gap:10px;padding:0}.mousecatch-profile-surface{background:linear-gradient(180deg,#ffffff14,#ffffff05),#08121e85;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:18px;min-height:220px;overflow:hidden;padding:0;position:relative}.mousecatch-profile-surface.has-photo{min-height:min(72vh,620px)}.mousecatch-profile-surface__content{background:linear-gradient(180deg,#09121f0a,#09121f2e);border-radius:20px 20px 0 0;display:flex;flex-direction:column;gap:10px;inset:auto 0 0;min-width:0;padding:12px;position:absolute;z-index:1}.mousecatch-profile__main{min-width:0}.mousecatch-profile__headline{align-items:center;display:flex;gap:10px;min-width:0}.mousecatch-profile__avatar-button{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--mc-text);cursor:default;display:inline-flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;padding:0;width:52px}.mousecatch-profile__avatar-button.has-photo{cursor:pointer}.mousecatch-profile__avatar-button img{height:100%;object-fit:cover;width:100%}.mousecatch-profile__title-group{min-width:0}.mousecatch-profile__main h2{font-size:1.3rem;line-height:1;margin:4px 0 2px}.mousecatch-profile__main p{color:var(--mc-muted);font-size:.84rem;margin:0}.mousecatch-profile-surface.has-photo .mousecatch-profile__main h2,.mousecatch-profile-surface.has-photo .mousecatch-profile__main p,.mousecatch-profile-surface.has-photo .mousecatch-profile__main .mousecatch-eyebrow{text-shadow:0 2px 18px rgba(0,0,0,.48)}.mousecatch-compact-stats{background:#ffffff0f;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.mousecatch-compact-stat{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.mousecatch-compact-stat+.mousecatch-compact-stat{border-top:1px solid rgba(255,255,255,.06)}.mousecatch-compact-stat span{color:var(--mc-muted);font-size:.84rem}.mousecatch-compact-stat strong{font-size:.92rem;font-weight:900;white-space:nowrap}.mousecatch-compact-stat strong small{color:#ffd978;font-size:.85em}.mousecatch-profile-editor,.mousecatch-profile-view{display:flex;flex-direction:column;gap:8px;margin:0 14px 14px}.mousecatch-profile-editor__row{display:flex;gap:8px;align-items:end}.mousecatch-upload,.mousecatch-textarea{display:flex;flex-direction:column;gap:6px}.mousecatch-upload{flex:1 1 auto;min-width:0}.mousecatch-upload span,.mousecatch-textarea span{color:var(--mc-muted);font-size:.82rem;font-weight:800}.mousecatch-textarea textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:var(--mc-text);padding:10px 12px}.mousecatch-upload__input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.mousecatch-upload__button{align-items:center;background:#47c9ff1f;border:1px solid rgba(71,201,255,.28);border-radius:14px;color:var(--mc-text);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:800;min-height:42px;padding:0 14px}.mousecatch-profile-editor__row .mousecatch-primary{min-height:42px}.mousecatch-upload__button.is-disabled{cursor:default;opacity:.55}.mousecatch-textarea textarea{min-height:84px;resize:vertical}.mousecatch-profile__about{background:#ffffff0b;border:1px solid rgba(255,255,255,.04);border-radius:14px;color:var(--mc-text);padding:10px 12px}.mousecatch-profile__about p{color:var(--mc-text);font-size:.9rem;line-height:1.45;margin:0}.mousecatch-card--profile .mousecatch-note{margin:0 14px 14px}.mousecatch-profile-view .mousecatch-primary{width:100%}.mousecatch-empty-state{align-items:center;color:var(--mc-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:180px;text-align:center}.mousecatch-empty-state strong{color:var(--mc-text);font-size:1rem}.mousecatch-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09101bb8;border:1px solid rgba(255,255,255,.08);border-radius:22px;bottom:calc(10px + max(env(safe-area-inset-bottom),var(--mc-safe-area-bottom)));box-shadow:var(--mc-shadow);display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));left:50%;max-width:980px;padding:6px;position:fixed;right:auto;transform:translate(-50%);width:calc(100% - 24px);z-index:30}.mousecatch-nav button{align-items:center;background:transparent;border-radius:16px;color:var(--mc-muted);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 6px}.mousecatch-nav button span{font-size:.95rem}.mousecatch-nav button strong{font-size:.78rem}.mousecatch-nav button.is-active{background:#47c9ff29;color:var(--mc-text)}.mousecatch-playfield{height:100dvh;overflow:hidden;position:relative;touch-action:none;width:100%}.mousecatch-canvas{cursor:none;height:100%;left:0;-webkit-touch-callout:none;position:absolute;top:0;touch-action:none;width:100%}.mousecatch-hud{left:calc(max(env(safe-area-inset-left),var(--mc-safe-area-left)) + 12px);pointer-events:none;position:absolute;top:calc(max(env(safe-area-inset-top),var(--mc-safe-area-top)) + 12px);z-index:5}.mousecatch-hud__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1422b8;border:1px solid rgba(255,255,255,.07);border-radius:22px;box-shadow:var(--mc-shadow);display:grid;grid-template-columns:repeat(4,minmax(0,auto));overflow:hidden}.mousecatch-hud__metric{align-items:center;display:grid;gap:8px;grid-template-columns:auto auto;min-width:0;padding:10px 14px}.mousecatch-hud__metric+.mousecatch-hud__metric{border-left:1px solid rgba(255,255,255,.08)}.mousecatch-hud__metric span{font-size:1.05rem}.mousecatch-hud__metric strong{font-size:.98rem;letter-spacing:.04em}.mousecatch-controls{display:flex;gap:10px;position:absolute;right:calc(max(env(safe-area-inset-right),var(--mc-safe-area-right)) + 12px);top:calc(max(env(safe-area-inset-top),var(--mc-safe-area-top)) + 12px);z-index:6}.mousecatch-round-button{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#1471aaf5,#0a5386f5);border:1px solid rgba(126,218,255,.22);border-radius:50%;color:var(--mc-text);cursor:pointer;display:flex;height:68px;justify-content:center;position:relative;width:68px}.mousecatch-control-hint{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070f1ae0;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 16px 34px #00000047;color:var(--mc-text);font-size:.8rem;font-weight:900;opacity:0;padding:9px 12px;pointer-events:none;position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(10px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.mousecatch-control-hint:after{background:#070f1ae0;border-bottom:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);content:"";height:10px;position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(-45deg);width:10px}.mousecatch-control-hint.is-visible{opacity:1;transform:translateY(-50%) translate(0)}.mousecatch-round-button--danger{background:radial-gradient(circle at top,#123759f5,#0c4270f5);border-color:#ff9aa861;box-shadow:inset 0 0 0 6px #ffffff08,0 10px 30px #0000003d}.mousecatch-round-button__icon{align-items:center;display:inline-flex;height:30px;justify-content:center;position:relative;width:30px;z-index:2}.mousecatch-round-button__icon svg{fill:none;height:100%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;width:100%}.mousecatch-round-button__icon--expand{color:#ffffffeb}.mousecatch-round-button__icon--close{color:#ff7f90}.mousecatch-progress-ring{height:68px;inset:0;position:absolute;transform:rotate(-90deg);width:68px}.mousecatch-progress-ring circle{fill:none;stroke:#ffffff14;stroke-width:3}.mousecatch-progress-ring__active{stroke:var(--mc-accent);stroke-linecap:round}.mousecatch-progress-ring__active--danger{stroke:#ff7f90}.mousecatch-toast{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09101bc7;border:1px solid rgba(255,255,255,.08);border-radius:16px;bottom:calc(76px + max(env(safe-area-inset-bottom),var(--mc-safe-area-bottom)));box-shadow:var(--mc-shadow);display:flex;gap:12px;left:50%;max-width:min(92vw,560px);padding:10px 14px;position:fixed;transform:translate(-50%);z-index:40}.mousecatch-toast.is-error{border-color:#ff8a8a52}.mousecatch-toast button{background:transparent;color:inherit;cursor:pointer}.mousecatch-image-viewer{align-items:center;background:#02080fe0;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:80}.mousecatch-image-viewer__frame{background:transparent;border:0;cursor:zoom-out;display:inline-flex;max-height:100%;max-width:min(94vw,780px);padding:0}.mousecatch-image-viewer__frame img{border-radius:18px;max-height:88vh;max-width:100%;object-fit:contain}.mousecatch-image-viewer__close{background:#09121f7a;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--mc-text);cursor:pointer;padding:10px 14px;position:absolute;right:18px;top:calc(18px + max(env(safe-area-inset-top),var(--mc-safe-area-top)))}@media(max-width:920px){.mousecatch-grid{grid-template-columns:1fr}}@media(max-width:720px){.mousecatch-shell{padding:10px 10px calc(74px + max(env(safe-area-inset-bottom),var(--mc-safe-area-bottom)))}.mousecatch-hero h1{font-size:clamp(1.55rem,7.8vw,2.1rem)}.mousecatch-card__header,.mousecatch-profile{align-items:flex-start;flex-direction:column}.mousecatch-card__header{gap:8px}.mousecatch-periods{grid-template-columns:repeat(2,minmax(0,1fr))}.mousecatch-settings-grid,.mousecatch-stats-grid{grid-template-columns:1fr 1fr}.mousecatch-profile-editor__row{align-items:stretch;flex-direction:column}.mousecatch-leader{grid-template-columns:auto auto minmax(0,1fr) auto}.mousecatch-leader__score{grid-column:auto;padding-left:0;text-align:right}}@media(max-width:520px){.mousecatch-prey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mousecatch-settings-grid,.mousecatch-stats-grid{grid-template-columns:1fr}.mousecatch-hud__panel{grid-template-columns:repeat(2,minmax(0,auto))}.mousecatch-profile-surface.has-photo{min-height:min(58vh,420px)}.mousecatch-hud__metric{padding:9px 12px}.mousecatch-hud__metric:nth-child(3){border-left:0}.mousecatch-hud__metric:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}.mousecatch-round-button{height:58px;width:58px}.mousecatch-round-button__icon{height:26px;width:26px}.mousecatch-progress-ring{height:58px;width:58px}.mousecatch-toast{bottom:calc(72px + max(env(safe-area-inset-bottom),var(--mc-safe-area-bottom)))}}