:root{--theme-bg:#f8f0f0;--theme-fg:#181818;--theme-accent:#ff7043;--theme-bg1: var(--theme-bg);--theme-bg2: color-mix(in oklab, var(--theme-bg1) 88%, black 12%);--theme-panel-bg:#ffffff;--theme-score-bg:#f8f0f0;--theme-muted:#6b7280;--theme-border:#dcdcdc;--accent-base: #ff7043;--accent: var(--accent-flash, var(--accent-base));--bg1: var(--mode-bg1, var(--theme-bg1));--bg2: var(--mode-bg2, color-mix(in oklab, var(--bg1) 88%, black 12%));--bg: var(--mode-bg, var(--theme-bg));--fg: var(--theme-fg);--accent: var(--mode-accent, var(--theme-accent));--panel-bg: var(--theme-panel-bg);--score-bg: var(--theme-score-bg);--muted: var(--theme-muted);--border: var(--theme-border);--panel-selected: color-mix(in oklab, var(--panel-bg) 88%, var(--accent) 12%);--shadow-sm:0 2px 10px rgba(0,0,0,.07);--shadow-md:0 10px 26px rgba(255,112,67,.18);--title-shadow:0 2px 10px #fff7, 0 1px 0 #0001;--r-lg:28px;--r-md:14px;--r-sm:10px;--control-size: clamp(32px, 7vw, 44px);--card-w: clamp(84px, 30vw, 148px);--card-aspect: 7/9;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tr-fast: .12s ease;--tr-med: .18s ease;--focus-ring: 3px solid color-mix(in srgb, var(--accent) 70%, #fff 30%)}@supports not (color-mix(in oklab,white,black)){:root{--theme-bg2: color-mix(in srgb, var(--theme-bg) 92%, #000 8%);--panel-selected: color-mix(in srgb, var(--panel-bg) 88%, var(--accent) 12%)}}@media (prefers-reduced-motion: reduce){:root{--tr-fast: 0s;--tr-med: 0s}}[data-theme=dark]{--theme-bg:#4a4760;--theme-fg:#f8f6f2;--theme-accent:#ff8a50;--theme-bg1: var(--theme-bg);--theme-bg2: color-mix(in oklab, var(--theme-bg1) 88%, black 12%);--theme-panel-bg:#554f6a;--theme-score-bg:#4a4760cc;--theme-border:#7c7890;--shadow-sm:0 2px 12px rgba(255,255,255,.1);--shadow-md:0 12px 28px rgba(255,224,130,.16)}@supports not (color-mix(in oklab,white,black)){[data-theme=dark]{--theme-bg2: color-mix(in srgb, var(--theme-bg) 88%, #000 12%)}}*{box-sizing:border-box}*:where(:focus-visible){outline:var(--focus-ring);outline-offset:2px}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;touch-action:manipulation;overflow-x:hidden}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none}[hidden]{display:none!important}.no-tap-highlight,.no-tap-highlight *{-webkit-tap-highlight-color:transparent}.scroll-thin{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.scroll-thin::-webkit-scrollbar{width:4px;height:4px}.scroll-thin::-webkit-scrollbar-thumb{background:#0000002e;border-radius:2px}.center{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-weight:800;border-radius:14px;padding:10px 18px;transition:transform var(--tr-fast),filter var(--tr-fast),opacity var(--tr-fast),box-shadow var(--tr-fast);line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;user-select:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 7px #ff704338}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(1px) scale(.98)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-xs{padding:4px 10px;border-radius:10px}.round-btn,.music-btn{width:var(--control-size);height:var(--control-size);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:var(--accent);color:#fff;box-shadow:0 2px 7px #ff704338;transition:transform var(--tr-fast),filter var(--tr-fast),opacity var(--tr-fast);user-select:none}.round-btn:hover,.music-btn:hover{filter:brightness(1.07)}.round-btn:active,.music-btn:active{transform:scale(.96)}.round-btn:focus,.music-btn:focus{outline:none;box-shadow:none}.music-btn{padding:0}#userNameBox{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;max-width:100%}#userNameBox .user-name-label{font-size:.95rem;font-weight:600;color:var(--fg);max-width:46vw;overflow:hidden;text-overflow:ellipsis}#userNameBox .edit-name-btn{flex-shrink:0;width:var(--control-size);height:var(--control-size);border-radius:50%;padding:0;line-height:1}@media (max-width:900px){:root{--card-w: clamp(76px, 32vw, 126px)}}@media (max-width:600px){:root{--card-w: clamp(68px, 31vw, 110px);--control-size: clamp(30px, 10vw, 40px)}}@media (max-width:420px){:root{--card-w: clamp(58px, 43vw, 92px)}}@media (max-height:600px){:root{--card-w: clamp(48px, 22vw, 80px)}}:root{--bg1: color-mix(in oklab, var(--bg) 98%, black 2%);--bg2: color-mix(in oklab, var(--bg) 98%, black 2%);--header-h: calc(var(--control-size) + 12px);--tr-fast: .12s ease;--tr-med: .18s ease;--r-lg: 28px;--r-md: 14px;--r-sm: 10px;--shadow-sm: 0 2px 10px rgba(0,0,0,.07);--shadow-md: 0 10px 26px rgba(255,112,67,.18);--title-shadow: 0 2px 10px #fff7, 0 1px 0 #0001;--card-w: clamp(84px, 30vw, 148px);--card-aspect: 7/9}.lobby,#lobby{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:8px;height:100dvh;isolation:isolate;--lobby-bg1: var(--bg1);--lobby-bg2: var(--bg2)}.lobby-card,#lobby-card{width:100%;max-width:1100px;height:100%;max-height:100dvh;background:var(--score-bg);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:10px;overflow:hidden}.lobby-head,#lobby-head{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:8px;min-width:0;min-height:var(--header-h);padding-top:max(0px,var(--safe-top))}.lobby-left{grid-column:1;display:flex;align-items:center;gap:6px;min-width:0}#lobby-title{grid-column:2;min-width:0;text-align:center;line-height:1.06;font-size:clamp(1.25rem,2.2vw,2.2rem);font-weight:900;letter-spacing:.3px;text-shadow:var(--title-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobby-controls{grid-column:3;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:flex-end;min-width:0;max-width:100%}#themeBtnLobby{position:relative;overflow:hidden}#themeBtnLobby:before,#themeBtnLobby:after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;text-shadow:0 0 3px #0006;transition:opacity .25s,transform .35s}#themeBtnLobby:before{content:"☀︎";opacity:1;transform:scale(1)}#themeBtnLobby:after{content:"🌙";opacity:0;transform:scale(.6) rotate(-90deg)}[data-theme=dark] #themeBtnLobby:before{opacity:0;transform:scale(.6) rotate(90deg)}[data-theme=dark] #themeBtnLobby:after{opacity:1;transform:scale(1)}#soundBtnLobby.muted,#soundBtnGame.muted{background:#bdbdbd;color:#fffde0}[data-theme=dark] #soundBtnLobby.muted,[data-theme=dark] #soundBtnGame.muted{background:#666;color:#ffe082}#userNameBox{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}.user-name-label{font-size:.96rem;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-name-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-size);height:var(--control-size);border-radius:50%;border:0;padding:0;line-height:1;background:var(--accent);color:#fff;box-shadow:0 2px 7px #ff704329;flex-shrink:0;transition:transform var(--tr-fast),filter var(--tr-fast)}.edit-name-btn:hover{filter:brightness(1.06)}.edit-name-btn:active{transform:scale(.96)}.name-input{width:clamp(120px,32vw,220px);font-size:1.02rem;font-weight:700;color:var(--fg);background:var(--panel-bg);border:2px solid var(--accent);border-radius:var(--r-md);outline:none;padding:8px 12px;box-shadow:0 2px 14px #ff704321;transition:border-color var(--tr-med),box-shadow var(--tr-med),background var(--tr-fast),color var(--tr-fast)}.name-input::placeholder{color:#c97c53;opacity:1;font-weight:400}.name-input:hover{border-color:#d1470b}.name-input:focus{border-color:#ff7043;background:#fff7ee;color:#d1470b;box-shadow:0 0 0 4px #ffbfa055,0 2px 12px #ff70431f}[data-theme=dark] .name-input{color:#ffe082;background:#302d38;border-color:#ff7043;box-shadow:0 2px 14px #ff704344}[data-theme=dark] .name-input:focus{background:#23222a;border-color:#ffe082;color:#ffe082;box-shadow:0 0 0 4px #ffe08244,0 2px 12px #ffe08228}.collection-grid,#collectionCarousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:clamp(6px,1.2vw,12px);align-content:center;justify-items:center;overflow-y:hidden;overflow-x:hidden;padding:4px 2px;scrollbar-width:none}.collection-grid::-webkit-scrollbar,#collectionCarousel::-webkit-scrollbar{display:none}.collection-grid,.collection-grid *,#collectionCarousel,#collectionCarousel *{-webkit-tap-highlight-color:transparent}.collection-card{container-type:inline-size;width:100%;max-width:var(--card-w);aspect-ratio:var(--card-aspect);display:grid;grid-template-rows:auto 1fr auto;align-items:start;justify-items:center;background:var(--panel-bg);border-radius:12px;padding:6px 4px;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--tr-fast),box-shadow var(--tr-fast),border-color var(--tr-fast),background var(--tr-fast);box-shadow:var(--shadow-sm)}.collection-card:hover,.collection-card:focus{transform:translateY(-1px) scale(1.01);box-shadow:var(--shadow-md);border-color:var(--accent)}.collection-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent),0 6px 18px color-mix(in srgb,var(--accent) 18%,transparent);background:var(--panel-selected)}.collection-card.disabled{opacity:.5;pointer-events:none;filter:grayscale(.6)}.collection-img{width:clamp(40px,10vw,84px);height:clamp(40px,10vw,84px);object-fit:contain}.collection-title{width:100%;text-align:center;padding:2px 4px;font-weight:800;letter-spacing:-.01em;color:var(--fg);line-height:1.14;white-space:normal;word-break:break-word;hyphens:auto;overflow:hidden;text-overflow:clip;max-height:calc(2.28em + 2px);font-size:clamp(1rem,1.4vw,1.22rem)}@supports (font-size: 1cqw){.collection-title{font-size:clamp(.92rem,2.8cqw,1.2rem)}}[data-theme=dark] .collection-card{background:#2f2c3a;border-color:#4a4760}[data-theme=dark] .collection-card.selected{background:#3a2c2a}[data-theme=dark] .collection-title{color:#ffe082}.mainBtn{display:inline-block;font-size:clamp(1.05rem,1.4vw,1.24rem);padding:12px 22px;border:none;border-radius:16px;background:var(--accent);color:#fff;font-weight:800;box-shadow:0 3px 10px #ff704338;cursor:pointer;transition:transform var(--tr-fast),filter var(--tr-fast),opacity var(--tr-fast),box-shadow var(--tr-fast)}.mainBtn:hover{filter:brightness(1.05)}.mainBtn:active{transform:translateY(1px) scale(.985)}.mainBtn:disabled{opacity:.6;cursor:not-allowed}#startBtn{align-self:center;margin-block:4px}.mode-card{background:var(--score-bg);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:16px;width:min(90vw,420px);max-height:90dvh;display:flex;flex-direction:column;gap:14px}.mode-header{display:flex;justify-content:space-between;align-items:center}.mode-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.mode-item{border:2px solid transparent;border-radius:var(--r-md);background:var(--panel-bg);padding:10px;cursor:pointer;transition:border-color var(--tr-med),background var(--tr-med)}.mode-item:hover{border-color:var(--accent)}.mode-item.selected{border-color:var(--accent);background:var(--panel-selected)}.mode-title{font-weight:800;font-size:1.05rem;margin-bottom:4px;color:var(--fg)}.mode-desc{font-size:.92rem;opacity:.85}[data-theme=dark] .mode-card{background:#2f2c3a}[data-theme=dark] .mode-item{background:#302d38}[data-theme=dark] .mode-item.selected{background:#3a2c2a}[data-theme=dark] .mode-title{color:#ffe082}.lobby-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-block:6px 4px}.btn.btn-secondary{background:var(--panel-bg);color:var(--fg);border:2px solid var(--border);border-radius:14px;padding:10px 16px;font-weight:800;transition:transform var(--tr-fast),filter var(--tr-fast),border-color var(--tr-fast),box-shadow var(--tr-fast)}.btn.btn-secondary:hover{filter:brightness(1.03);border-color:var(--accent);box-shadow:0 2px 7px #00000014}.btn.btn-secondary:active{transform:translateY(1px) scale(.98)}.mode-chip{font-size:.95rem}#currentModeLabel{font-weight:900}.music-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 2px 7px #ff704329;width:var(--control-size);height:var(--control-size);transition:transform var(--tr-fast),filter var(--tr-fast)}.music-btn:hover{filter:brightness(1.06)}.music-btn:active{transform:scale(.96)}.music-icon{width:70%;height:70%;display:block}#startBtn{position:relative;min-width:9rem}#startBtn .btn-spinner{display:none;width:1em;height:1em;margin-left:.6em;border:.18em solid currentColor;border-top-color:transparent;border-radius:50%;vertical-align:-.2em;animation:ks-spin .9s linear infinite}#startBtn.loading .btn-spinner{display:inline-block}#startBtn.loading .btn-label{opacity:.85}#startBtn.loading{pointer-events:none;opacity:.9}@keyframes ks-spin{to{transform:rotate(360deg)}}.round-btn:focus-visible,.music-btn:focus-visible,.btn:focus-visible,.collection-card:focus-visible,.mode-item:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,#fff 30%);outline-offset:2px}@media (max-width: 600px){.lobby-head,#lobby-head{position:relative;display:grid;grid-template-areas:"left  right" "uname uname" "title title";grid-template-columns:1fr auto;grid-auto-rows:min-content;row-gap:6px;min-height:auto;padding-top:max(0px,var(--safe-top))}.lobby-left{grid-area:left;justify-self:start}#lobby-controls{grid-area:right;justify-self:end}#userNameBox{grid-area:uname;justify-self:center;display:inline-flex;align-items:center;gap:6px;padding-inline:4px}#userNameBox .user-name-label{max-width:62vw;font-size:1rem;text-align:center}#lobby-title{grid-area:title;font-size:clamp(1rem,4.8vw,1.28rem)}.edit-name-btn,.round-btn,.music-btn,#themeBtnLobby,#soundBtnLobby,#soundBtnGame{width:calc(var(--control-size) - 8px);height:calc(var(--control-size) - 8px);font-size:.9rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.lobby-card,#lobby-card{padding:8px;gap:8px}.collection-grid,#collectionCarousel{grid-template-columns:repeat(4,1fr)!important;gap:6px;grid-auto-rows:1fr;padding:6px 2px;overflow-y:auto;scrollbar-width:thin}.collection-grid::-webkit-scrollbar{width:4px;height:4px}.collection-grid::-webkit-scrollbar-thumb{background:#0000002e;border-radius:2px}.collection-card{border-radius:10px;padding:6px 4px}.collection-img{width:clamp(28px,12vw,48px);height:clamp(28px,12vw,48px)}.collection-title{font-size:clamp(.82rem,3.4vw,.98rem)}@supports (font-size: 1cqw){.collection-title{font-size:clamp(.76rem,3.6cqw,.94rem)}}.lobby-cta{gap:8px}.btn.btn-secondary{padding:8px 14px}.mode-card{width:92vw;padding:12px;gap:12px}.mode-item{padding:8px}.mode-title{font-size:1rem}.mode-desc{font-size:.88rem}}@media (max-width: 360px){#userNameBox .user-name-label{max-width:68vw;font-size:.95rem}.edit-name-btn,.round-btn,.music-btn,#themeBtnLobby,#soundBtnLobby,#soundBtnGame{width:26px;height:26px;font-size:.82rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.collection-title{font-size:clamp(.76rem,3.6vw,.9rem)}}#chooseModeBtn{background:var(--mode-accent, var(--accent))!important;border:2px solid var(--mode-accent, var(--accent))!important;color:#fff!important;box-shadow:0 3px 10px #0000002e}#chooseModeBtn:hover{filter:brightness(1.05)}#chooseModeBtn .mode-chip{border:none!important;background:transparent!important;padding:0!important}#game{position:relative;width:100vw;height:100svh;overflow:hidden;touch-action:none;isolation:isolate}[data-theme=dark] #game{filter:drop-shadow(0 0 18px #fff6)}#world,#fx{position:absolute;inset:0;display:block;width:100%;height:100%}#world{z-index:10}#fx{z-index:50;pointer-events:none}#world[hidden],#fx[hidden]{display:none!important}#ui-bar{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 8px);display:flex;align-items:center;gap:8px;padding:0 8px;z-index:9999;pointer-events:none}#ui-bar>*{pointer-events:auto}:root{--control-size: 44px}#restart,#flip,#pause,#soundBtnGame{width:var(--control-size);height:var(--control-size);border-radius:50%;border:none;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(18px,4vw,22px);box-shadow:0 2px 7px #ff704316;transition:transform .12s,opacity .12s,box-shadow .12s;outline:none}@media (hover:hover){#restart:hover,#flip:hover,#pause:hover,#soundBtnGame:hover{box-shadow:0 4px 12px #ff704330}}#restart:active,#flip:active,#pause:active{transform:scale(.97)}#flip[disabled],#pause[disabled]{opacity:.45;cursor:not-allowed}#restart:focus-visible,#flip:focus-visible,#pause:focus-visible,#soundBtnGame:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),#fff 30%)}@media (prefers-reduced-motion: reduce){#restart,#flip,#pause,#soundBtnGame{transition:none!important}}#score{margin:auto;padding:6px 14px;min-width:70px;text-align:center;color:var(--score-color);font-weight:800;font-size:clamp(14px,4vw,22px);background:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pause-card{background:var(--theme-panel-bg, #fff);color:var(--fg, inherit);border-radius:16px;padding:24px;max-width:340px;margin:auto;text-align:center;box-shadow:0 8px 24px #00000040}.pause-card h2{margin-bottom:8px}.pause-card p{margin:0;opacity:.8}.pause-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center}@media (max-width: 360px){:root{--control-size: 40px}.pause-card{padding:20px;max-width:300px}}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(8px);z-index:1000}.modal[hidden]{display:none!important}#winModal .game-over-card{background:var(--panel-bg);color:var(--fg);border-radius:22px;padding:22px 18px;min-width:260px;box-shadow:var(--shadow-md);text-align:center}#winModal h2{margin:0 0 8px}#winModal p{margin:0 0 12px}#leaderboardModal .lb-card{background:var(--panel-bg);color:var(--fg);border-radius:24px;box-shadow:var(--shadow-md);padding:18px 14px;min-width:320px;max-width:96vw}.lb-header{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:12px}.lb-header span{font-size:1.2em;font-weight:700}.lb-tabs{display:flex;gap:6px;border-radius:10px;background:#f8f0f0cc;padding:3px 4px;box-shadow:0 2px 6px #ff704313}.lb-tab{border:none;background:none;font-weight:700;color:var(--fg);padding:6px 14px;border-radius:7px;font-size:1em;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}.lb-tab.active,.lb-tab:focus-visible{background:var(--accent);color:#fff;box-shadow:0 2px 7px #ff704325;outline:none}#lbTable{width:100%;border-collapse:collapse}#lbTable th,#lbTable td{padding:5px 7px;text-align:left}#lbTable tr:nth-child(odd){background:#f6f6f6}[data-theme=dark] .lb-tabs{background:#3a2c2a}[data-theme=dark] .lb-tab{color:#ffe082}[data-theme=dark] .lb-tab.active{background:var(--accent);color:#fff}[data-theme=dark] #leaderboardModal .lb-card{background:#302d38;color:#ffe082}[data-theme=dark] #lbTable tr:nth-child(odd){background:#31293a}#donateModal .dm-card{position:relative;background:var(--panel-bg);color:var(--fg);border-radius:var(--r-lg);padding:24px 20px;max-width:90vw;width:320px;text-align:center;box-shadow:var(--shadow-sm)}.dm-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.2rem;cursor:pointer}.dm-header{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:12px}.dm-logo{width:32px;height:32px}.dm-qr img{width:160px;height:160px;object-fit:contain;margin:12px 0}.dm-account{font-weight:700;word-break:break-all}@media (max-width:600px){#leaderboardModal .lb-card{min-width:unset;max-width:100vw;width:97vw;padding:8px 4px;border-radius:16px;font-size:.96em}#lbTable th,#lbTable td{padding:3px 4px;font-size:.95em}.lb-header{gap:8px;margin-bottom:8px;flex-wrap:wrap}}@media (max-width:340px){#leaderboardModal .lb-card{padding:4px 2px;border-radius:10px;font-size:.9em}#lbTable th,#lbTable td{padding:2px;font-size:.9em}}