@media (min-width:768px){#play-area{isolation:auto;justify-content:center;place-items:start;width:max-content;margin-left:auto;margin-right:auto;position:relative;grid-template-columns:max-content 320px!important}#play-area .board{margin:0}}:root{--bg:#0f1115;--panel:#161a22;--text:#e6e9ef;--muted:#a9b1c3;--border:#2a3244;--shadow:#00000059;--radius:14px;--num:28px;--pipe:5px;--padX:10px;--padY:10px;--gap:8px;--chipRadius:14px;--faceHi:#ffffff14;--faceLo:#00000059;--edge:#ffffff0f;--cell:64px;--grid-gap:8px;--cols:4;--rows:4;--pip-0:#9aa0a6;--pip-1:#e53935;--pip-2:#1e88e5;--pip-3:#43a047;--pip-4:#fdd835;--pip-5:#8e24aa;--pip-6:#fb8c00}[data-theme=light]{--bg:#f5f7fa;--panel:#fff;--text:#1a202c;--muted:#4a5568;--border:#cbd5e0;--shadow:#0000001a;--faceHi:#fffffff2;--faceLo:#00000014;--edge:#0000001a;--pip-0:#111;--pip-1:#111;--pip-2:#111;--pip-3:#111;--pip-4:#111;--pip-5:#111;--pip-6:#111}[data-theme=light] .brand{color:#3b5bdb}[data-theme=light] .level-grid button,[data-theme=light] #tabs button,[data-theme=light] .toolbar input,[data-theme=light] .toolbar select,[data-theme=light] .toolbar button{border-color:var(--border);background:#fff}[data-theme=light] .toolbar button:hover{background:#0000000d}[data-theme=light] .domino-chip{background:linear-gradient(#fffffff2,#0000 30%),linear-gradient(#0000 70%,#00000014);box-shadow:0 4px 12px #00000026,inset 0 1px #0000001a,inset 0 -1px #0000001a}[data-theme=light] .domino-chip.dragging{box-shadow:0 12px 28px #00000040,inset 0 1px #0000001a,inset 0 -1px #0000001a}[data-theme=light] .board{border-color:var(--border);background:#fff}html[data-theme=light] .board .board-cell{border-color:var(--border);background-color:#fff;box-shadow:inset 0 0 0 1px #00000008}[data-theme=light] .board-cell.bad{background:#ef44441a;border-color:#ef4444}html[data-theme=light] .board-controls{--bc-bg:#fff;--bc-border:var(--border);--bc-pill:#f1f5f9;--bc-text:#1f2937;--bc-muted:#6b7280;--bc-accent:#2563eb;background:var(--bc-bg);border-color:var(--bc-border);box-shadow:0 2px 10px #00000014}html[data-theme=light] .meta-pill{background:var(--bc-pill);border-color:var(--bc-border)}html[data-theme=light] .timer-label{color:var(--bc-muted)}html[data-theme=light] .timer{color:var(--bc-accent)}html[data-theme=light] .btn-reset{color:#1f2937;border-color:var(--bc-border);background:#eef2ff}html[data-theme=light] .btn-reset:hover{background:#e5e9ff;border-color:#c7d2fe}html[data-theme=light] .rule-bubble{color:#111827;background:#e2e8f0;border-color:#94a3b8;box-shadow:0 1px 2px #00000014}[data-theme=light] #leaderboard-card{background:var(--panel);border-color:var(--border)}[data-theme=light] #leaderboard-list li{border-color:var(--border);background:#f8fafc}[data-theme=light] .lb-row{border-color:var(--border);background:#fff}[data-theme=light] .lb-rank{color:#1f2937;background:#e2e8f0}[data-theme=light] .modal-leaderboard{background:#f8f9fa}[data-theme=light] .modal-leaderboard .leaderboard-title{color:#1a202c}[data-theme=light] .modal-leaderboard .lb-row{background:#fff;border-color:#e0e0e0}[data-theme=light] .modal-leaderboard .lb-rank{color:#1976d2;background:#e3f2fd}[data-theme=light] .modal-leaderboard .lb-name{color:#1a202c}[data-theme=light] .modal-leaderboard .lb-time{color:#4a5568}[data-theme=light] .modal-leaderboard .lb-empty{color:#718096}[data-theme=light] .modal-share{background:#f0f7ff}[data-theme=light] .share-btn{color:#fff!important;background:#3b5bdb!important}[data-theme=light] .share-btn:hover{background:#2f4bb8!important}[data-theme=light] .share-feedback{color:#3b5bdb}[data-theme=light] .share-feedback.success{color:#16a34a}[data-theme=light] .share-feedback.error{color:#dc2626}[data-theme=light] .account-btn{color:#1a202c;border-color:var(--border);background:#fff}[data-theme=light] .account-btn:hover{background:#f7fafc}[data-theme=light] .dropdown-menu{border-color:var(--border);background:#fff;box-shadow:0 8px 24px #0000001f}[data-theme=light] .menu-item{color:#1a202c}[data-theme=light] .menu-item:hover,[data-theme=light] .menu-item:focus{background:#f7fafc}[data-theme=light] .menu-item.danger{color:#dc2626}[data-theme=light] .modal,[data-theme=light] .auth-modal{border-color:var(--border);background:#fff}[data-theme=light] .modal-backdrop,[data-theme=light] .auth-backdrop{background:#0006}[data-theme=light] button,[data-theme=light] .btn{color:#1a202c;border-color:var(--border);background:#fff}[data-theme=light] button:hover:not(:disabled),[data-theme=light] .btn:hover:not(:disabled){background:#f7fafc}[data-theme=light] button.primary,[data-theme=light] .btn.primary{color:#fff;background:#3b5bdb;border-color:#3b5bdb}[data-theme=light] button.primary:hover:not(:disabled),[data-theme=light] .btn.primary:hover:not(:disabled){background:#2f4bb8}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#1a202c;border-color:var(--border);background:#fff}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#3b5bdb;outline:none;box-shadow:0 0 0 3px #3b5bdb1a}[data-theme=dark] .modal,[data-theme=dark] #solved-modal{color:#e6e9ef;background:#1a1f2e}[data-theme=dark] #solved-modal h2{color:#e6e9ef}[data-theme=dark] .modal-time{color:#a9b1c3}[data-theme=dark] .modal-leaderboard{background:#0f1422}[data-theme=dark] .modal-leaderboard .leaderboard-title{color:#e6e9ef}[data-theme=dark] .modal-leaderboard .lb-row{background:#161a22;border-color:#2a3244}[data-theme=dark] .modal-leaderboard .lb-rank{color:#cfe0ff;background:#1a2234}[data-theme=dark] .modal-leaderboard .lb-name{color:#e6e9ef}[data-theme=dark] .modal-leaderboard .lb-time{color:#a9b1c3}[data-theme=dark] .modal-leaderboard .lb-empty{color:#6b7280}[data-theme=dark] .modal-share{background:#0f1827}[data-theme=dark] #solved-modal .btn{color:#e6e9ef;background:#2a3244}[data-theme=dark] #solved-modal .btn:hover{background:#323c52}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.app-header,.app-footer{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.app-footer{border-top:1px solid var(--border);border-bottom:none}.brand{color:#9ab6ff;font-weight:800}.toolbar{justify-content:center;align-items:center;gap:10px;display:flex}.toolbar label{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.toolbar input,.toolbar select,.toolbar button{color:var(--text);border:1px solid var(--border);background:#0f1422;border-radius:8px;padding:6px 8px;font-size:14px}.toolbar button{cursor:pointer;transition:background .2s}.toolbar button:hover{background:#ffffff0d}.level-grid{justify-content:center;gap:8px;display:grid}.level-grid button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0f1422;border-radius:8px;padding:10px 0}.daily-challenge{margin-top:16px}.daily-buttons{flex-direction:column;gap:16px;max-width:600px;margin:0 auto;display:flex}.daily-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;background:#0f142280;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;font-family:inherit;transition:all .2s;display:flex}.daily-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.daily-btn:active{transform:translateY(0)}.daily-btn-label{text-transform:uppercase;letter-spacing:1px;font-size:20px;font-weight:600}.daily-btn-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;line-height:1.2}.daily-btn-seed{opacity:.7;letter-spacing:1px;font-family:Courier New,monospace;font-size:14px}.daily-btn.easy{border-color:#54d38e}.daily-btn.easy:hover{background:#54d38e1a;border-color:#54d38e}.daily-btn.medium{border-color:orange}.daily-btn.medium:hover{background:#ffa5001a;border-color:orange}.daily-btn.hard{border-color:#f44}.daily-btn.hard:hover{background:#ff44441a;border-color:#f44}[data-theme=light] .daily-btn{background:#fffc;border-color:#d1d5db}[data-theme=light] .daily-btn:hover{background:#fff}[data-theme=light] .daily-btn.easy{border-color:#10b981}[data-theme=light] .daily-btn.medium{border-color:#f59e0b}[data-theme=light] .daily-btn.hard{border-color:#ef4444}@media (min-width:768px){.daily-buttons{flex-direction:row;justify-content:center;max-width:none}.daily-btn{flex:1;max-width:250px}}#tabs button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0f1422;border-radius:8px;margin-top:12px;padding:6px 10px}#tabs button.active{outline:2px solid #9ab6ff}.main{min-width:min(100%,800px);max-width:85vw;margin:5px auto;padding:0 16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 18px var(--shadow);padding:8px}h2{margin:0 0 6px}.muted{color:var(--muted);margin-bottom:0}.spacer{padding:5px}.tray{isolation:auto;gap:12px;gap:var(--gap);row-gap:calc(var(--gap) + 2px);box-sizing:border-box;flex-wrap:wrap;place-content:flex-start;width:100%;min-width:0;max-width:100%;min-height:clamp(60px,18vw,90px);display:flex;position:relative}#domino-tray{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 18px var(--shadow);isolation:auto;padding:10px;position:relative}@media (max-width:767.98px){#domino-tray{width:100%;max-width:100%}.board{min-width:0;max-width:100%;margin-left:auto;margin-right:auto;width:max-content!important}#play-area{isolation:auto;justify-items:center;position:relative;grid-template-columns:1fr!important;width:100%!important}.tray{width:100%;max-width:100%}}html[data-theme=light] #domino-tray{border-color:var(--border);background:#fff;box-shadow:0 6px 14px #00000014}.domino-chip{place-items:center;gap:var(--gap);border-radius:var(--chipRadius);background:linear-gradient(180deg,var(--faceHi),transparent 35%),linear-gradient(180deg,transparent 65%,var(--faceLo));border:1px solid var(--border);box-shadow:0 10px 24px #00000061,inset 0 1px 0 var(--edge),inset 0 -1px 0 #0003;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;padding:var(--padY)var(--padX);transition:transform 80ms,box-shadow .12s;display:grid;position:relative}.domino-chip.dragging{transition:none!important}.domino-chip:hover{transform:translateY(-2px)scale(1.02)}.domino-chip:active{cursor:grabbing;transform:translateY(0)}.domino-chip.dragging{transform:translate(var(--dx),var(--dy))scale(1.18);z-index:100010;box-shadow:0 18px 40px #00000080,inset 0 1px 0 var(--edge),inset 0 -1px 0 #0003}.drag-debug-overlay{pointer-events:none;position:absolute;inset:0}.drag-debug-center{background:red;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.drag-debug-cell{background:#008cff26;border:2px solid #008cffe6;border-radius:6px;position:absolute}#domino-tray .domino-chip:hover{transform:translateY(-2px)}.domino-num{width:var(--num);height:var(--num);color:var(--text);place-items:center;font-size:16px;font-weight:800;display:grid}.domino-face{font-size:0}.domino-face .pips{pointer-events:none;transform-origin:50%;will-change:transform;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:90%;height:90%;display:grid;position:relative}.domino-face .pip{background:#000;border-radius:50%;place-self:center;width:62%;height:62%;box-shadow:0 0 #0000008c,0 0 0 1px #ffffff14,inset 0 1px 1px #ffffff40}.domino-face .pip.hidden{visibility:hidden}.domino-face .pips .pip:first-child{grid-area:1/1}.domino-face .pips .pip:nth-child(2){grid-area:1/2}.domino-face .pips .pip:nth-child(3){grid-area:1/3}.domino-face .pips .pip:nth-child(4){grid-area:2/1}.domino-face .pips .pip:nth-child(5){grid-area:2/2}.domino-face .pips .pip:nth-child(6){grid-area:2/3}.domino-face .pips .pip:nth-child(7){grid-area:3/1}.domino-face .pips .pip:nth-child(8){grid-area:3/2}.domino-face .pips .pip:nth-child(9){grid-area:3/3}.domino-face[data-val="1"] .pip{background:var(--pip-1)}.domino-face[data-val="2"] .pip{background:var(--pip-2)}.domino-face[data-val="3"] .pip{background:var(--pip-3)}.domino-face[data-val="4"] .pip{background:var(--pip-4)}.domino-face[data-val="5"] .pip{background:var(--pip-5)}.domino-face[data-val="6"] .pip{background:var(--pip-6)}.domino-chip[data-rot="0"] .domino-face .pips{transform:rotate(90deg)}.domino-chip[data-rot="1"] .domino-face .pips{transform:rotate(0)}.domino-chip[data-rot="2"] .domino-face .pips{transform:rotate(270deg)}.domino-chip[data-rot="3"] .domino-face .pips{transform:rotate(180deg)}.domino-chip.h{grid-template-columns:var(--num)var(--pipe)var(--num);grid-template-rows:var(--num);width:calc(var(--num)*2 + var(--pipe) + var(--padX)*2 + var(--gap)*2);height:calc(var(--num) + var(--padY)*2)}.domino-chip.v{grid-template-columns:var(--num);grid-template-rows:var(--num)var(--pipe)var(--num);width:calc(var(--num) + var(--padX)*2);height:calc(var(--num)*2 + var(--pipe) + var(--padY)*2 + var(--gap)*2)}.domino-pipe{width:100%;height:100%;position:relative}.domino-chip.h .domino-pipe:before,.domino-chip.v .domino-pipe:before{content:"";opacity:.9;background:linear-gradient(#ffffff2e,#ffffff05);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 1px #00000040}.domino-chip.h .domino-pipe:before{width:var(--pipe);height:70%}.domino-chip.v .domino-pipe:before{height:var(--pipe);width:70%}.board{grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));place-content:center;gap:var(--grid-gap);padding:var(--grid-gap);border:1px dashed var(--border);border-radius:var(--radius);min-width:calc(var(--cell)*var(--cols) + var(--grid-gap)*(var(--cols) + 1));isolation:auto;background:#0b0f19;margin:0 auto;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.board-cell{border:1px solid var(--border);background:#0e1422;border-radius:10px}.board-cell.blocked{pointer-events:none;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.rule-bubble{color:#e6e9ef;pointer-events:none;z-index:80;background:#5b619b8c;border:1px solid #ffffff1f;border-radius:10px;padding:2px 6px;font-size:12px;line-height:1;position:absolute;top:-5px;right:-10px}.board .domino-chip{border:0;border-radius:10px;gap:0;padding:0;position:absolute!important}.board .domino-num{width:100%;height:100%}.board .domino-face .pips{gap:0;width:75%;height:75%}@media (max-width:640px){.board .domino-face .pips{width:71.4286%;height:71.4286%}}.board .domino-face .pip{width:60%;height:60%}.board .domino-chip.h{width:calc(var(--cell)*2 + var(--grid-gap));height:var(--cell);grid-template-columns:var(--cell)var(--grid-gap)var(--cell);grid-template-rows:1fr}.board .domino-chip.v{width:var(--cell);height:calc(var(--cell)*2 + var(--grid-gap));grid-template-columns:1fr;grid-template-rows:var(--cell)var(--grid-gap)var(--cell)}.board .domino-chip.h .domino-pipe:before,.board .domino-chip.v .domino-pipe:before{background:var(--panel);box-shadow:none;opacity:1}.board .domino-chip.h .domino-pipe:before{width:var(--grid-gap);height:100%}.board .domino-chip.v .domino-pipe:before{height:var(--grid-gap);width:100%}#domino-tray .domino-face .pips{width:75%;height:75%}@media (max-width:1024px){#domino-tray .domino-face .pips{width:75%;height:75%}}@media (max-width:820px){#domino-tray .domino-face .pips{width:81.8182%;height:81.8182%}}@media (max-width:640px){#domino-tray .domino-face .pips{width:90%;height:90%}}@media (max-width:480px){#domino-tray .domino-face .pips{width:100%;height:100%}}.board-cell.bad{outline:2px solid #ff5c7a;box-shadow:inset 0 0 0 2px #ff5c7a59}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:.12s ease-in-out shake}@media (max-width:1024px){:root{--cell:56px;--grid-gap:7px}}@media (max-width:820px){:root{--cell:48px;--grid-gap:6px}}@media (max-width:640px){:root{--cell:42px;--grid-gap:6px}}@media (max-width:480px){:root{--cell:36px;--grid-gap:5px}}@media (max-width:560px){.card.board-card .board{width:max-content;min-width:unset;margin-left:auto;margin-right:auto}}@media (max-width:1024px){:root{--num:24px;--pipe:4px;--padX:8px;--padY:8px;--gap:8px}.domino-num{font-size:clamp(12px,3vw,18px)}}@media (max-width:820px){:root{--num:22px;--pipe:4px;--padX:7px;--padY:7px;--gap:8px}}@media (max-width:640px){:root{--num:20px;--pipe:3px;--padX:6px;--padY:6px;--gap:7px}}@media (max-width:480px){:root{--num:18px;--pipe:3px;--padX:6px;--padY:6px;--gap:6px}}.board .domino-num{font-size:clamp(12px,3.5vw,18px)}@media (pointer:coarse){html,body,*{-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}}body.page-home{touch-action:auto;overscroll-behavior:auto;overflow-y:auto}body.page-game{touch-action:none;overscroll-behavior:none;overflow:hidden}.play-area{touch-action:none;-ms-touch-action:none;overscroll-behavior:contain;gap:5px;display:grid}@media (min-width:1000px){.play-area{grid-template-columns:max-content 320px;grid-template-areas:"board tray";justify-content:center;place-items:start}.tray-card{grid-area:tray}.board-card{grid-area:board;height:100%}.board{min-height:420px}}.play-area button,.play-area a{touch-action:manipulation}@media (min-width:768px){main>header:has(#timer-display){grid-template-columns:max-content max-content 320px;align-items:center;gap:0 12px;width:max-content;margin-left:auto;margin-right:auto;display:grid!important}main>header:has(#timer-display)>:first-child{grid-column:1}main>header:has(#timer-display)>:nth-child(2){grid-column:2}main>header:has(#timer-display)>:nth-child(3){grid-column:3;justify-self:end}}@media (pointer:coarse){body.page-game,body.page-game *{-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:transparent!important}}.level-grid{grid-template-columns:repeat(auto-fit,minmax(80px,80px));justify-content:center;align-items:stretch;gap:clamp(8px,2.6vw,12px);display:grid}.level-grid button{text-align:center;border:1px solid var(--border);min-height:clamp(44px,11vw,56px);color:var(--text);letter-spacing:.2px;white-space:normal;word-break:break-word;cursor:pointer;background:#0f1422;border-radius:12px;place-items:center;padding:clamp(8px,2.4vw,12px) 6px;font-size:clamp(13px,3.8vw,15px);line-height:1.2;transition:transform 80ms,background .2s,border-color .2s;display:grid}.level-grid button:hover{transform:translateY(-1px)}.level-grid button:active{transform:translateY(0)}.level-grid button[disabled]{opacity:.45;cursor:not-allowed}.level-grid button.passed{outline:2px solid #54d38e}.level-grid-wrap{-webkit-overflow-scrolling:touch;max-height:min(70vh,100dvh - 220px);padding-right:2px;overflow:auto}#leaderboard-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:auto;max-height:min(60vh,100dvh - 240px);overflow:auto}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;z-index:200;background:#00000059;transition:opacity .16s;position:fixed;inset:0}.modal-backdrop.show{opacity:1}.modal{opacity:0;z-index:210;background:#fff;border-radius:16px;width:min(92vw,520px);padding:20px 18px 16px;transition:transform .16s,opacity .16s;position:fixed;top:50%;left:50%;transform:translate(-50%,-48%)scale(.98);box-shadow:0 24px 60px #00000040}.modal.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.modal-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.modal-header .trophy{font-size:28px;line-height:1}.modal h2{margin:0;font-size:1.25rem}.modal-time{font-variant-numeric:tabular-nums;color:#333;margin:6px 0 16px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}#solved-backdrop.modal-backdrop{z-index:99990;pointer-events:auto}#solved-modal.modal{z-index:100000;pointer-events:auto}#solved-modal h2{color:#111;font-weight:700}#solved-modal .btn{color:#0b0b0b;background:#e6e6e6;border:0}#solved-modal .btn:active{transform:translateY(0)}.modal-leaderboard{background:#f8f9fa;border-radius:12px;max-height:280px;margin:16px 0;padding:12px;overflow-y:auto}.modal-leaderboard .leaderboard-title{color:#333;margin:0 0 10px;font-size:1rem;font-weight:600}.modal-leaderboard #leaderboard-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.modal-leaderboard .lb-row{background:#fff;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.modal-leaderboard .lb-rank{color:#1976d2;font-variant-numeric:tabular-nums;background:#e3f2fd;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.85rem;font-weight:600;display:inline-grid}.modal-leaderboard .lb-name{color:#333;font-weight:500}.modal-leaderboard .lb-time{color:#666;font-variant-numeric:tabular-nums;font-size:.9rem}.modal-leaderboard .lb-empty{text-align:center;color:#888;padding:16px;font-style:italic}.modal-share{text-align:center;background:#f0f7ff;border-radius:10px;margin:12px 0;padding:12px}.share-btn{align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:inline-flex;color:#fff!important;background:#2b6cff!important}.share-btn:hover{transform:translateY(-1px);background:#2258d3!important}.share-icon{font-size:1.1rem}.share-feedback{color:#2b6cff;min-height:20px;margin-top:8px;font-size:.85rem;font-weight:500}.share-feedback.success{color:#22c55e}.share-feedback.error{color:#ef4444}.btn{appearance:none;cursor:pointer;background:#f1f1f1;border:0;border-radius:10px;padding:8px 12px;transition:transform .12s,background .12s,box-shadow .12s}.btn:hover{background:#e9e9e9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{color:#fff;background:#2b6cff}.btn.primary:hover{background:#2258d3}.auth-actions{gap:.5rem;margin-left:auto;display:flex}.auth-btn{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .75rem;transition:background .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}[data-theme=light] .auth-btn{color:#0f172a;background:#f1f5f9;border-color:#cbd5e0}[data-theme=light] .auth-btn:hover{background:#e2e8f0}[data-theme=dark] .auth-btn{color:#e5e7eb;background:#111827;border-color:#374151}[data-theme=dark] .auth-btn:hover{background:#1f2937}[data-theme=light] .auth-btn.primary{color:#fff;background:#0f172a;border-color:#0000}[data-theme=light] .auth-btn.primary:hover{background:#0b1220}[data-theme=dark] .auth-btn.primary{color:#0f172a;background:#e5e7eb;border-color:#0000}[data-theme=dark] .auth-btn.primary:hover{background:#d1d5db}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-wrap{pointer-events:none;z-index:220;place-items:center;display:grid;position:fixed;inset:0}.auth-backdrop{opacity:0;pointer-events:none;background:#00000073;transition:all .2s;position:fixed;inset:0}.auth-modal{color:#111;opacity:0;pointer-events:none;z-index:10;background:#fff;border-radius:16px;width:min(520px,92vw);padding:16px;transition:all .2s;transform:translateY(10px);box-shadow:0 24px 60px #00000047}.auth-modal.open{opacity:1;pointer-events:auto;transform:none}.auth-backdrop.show{opacity:1;pointer-events:auto}.auth-modal header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:1rem;padding:4px 6px 10px;display:flex}.auth-modal header h3{margin:0;font-size:1.1rem}.auth-close{cursor:pointer;background:0 0;border:none;font-size:1.25rem}.auth-modal input,.auth-modal select,.auth-modal textarea{font-size:16px!important}.auth-tabs{gap:.25rem;margin:.75rem 0;display:flex}.auth-tabs button{cursor:pointer;background:#f7f7f7;border:1px solid #ddd;border-radius:10px;flex:1;padding:.55rem}.auth-tabs button.active{background:#e9f0ff;border-color:#bad0ff}.auth-panel{display:none}.auth-panel.active{display:block}.auth-form{gap:.75rem;display:grid}.auth-form label{color:#222;gap:.25rem;font-size:.9rem;display:grid}.auth-form input{border:1px solid #ccc;border-radius:10px;padding:.6rem .65rem;font-size:14px}.auth-actions-row{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.auth-error{color:#b00020;min-height:1.2rem;font-size:.9rem}.auth-muted{color:#555;font-size:.85rem}.lb-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.lb-row{border:1px solid var(--border);background:#0f1422;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.lb-rank{color:#cfe0ff;font-variant-numeric:tabular-nums;background:#1a2234;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:inline-grid}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-time{font-variant-numeric:tabular-nums;color:#9ab6ff;font-weight:700}.lb-empty{color:var(--muted);padding:8px 2px}.board-controls{--bc-bg:#0c1120;--bc-border:#1e2636;--bc-pill:#11182b;--bc-text:#cfe4ff;--bc-muted:#91a3c0;--bc-accent:#7fd1ff;background:var(--bc-bg);border:1px solid var(--bc-border);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 2px 10px #00000040}.board-controls.top{justify-content:flex-end;margin-bottom:8px}.board-controls.bottom{justify-content:center;margin-top:5px;margin-bottom:5px}.board-controls .bc-left,.board-controls .bc-right{align-items:center;gap:8px;display:flex}.meta-pill{background:var(--bc-pill);border:1px solid var(--bc-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.meta-label{color:var(--bc-muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px}.meta-value{color:var(--bc-text);font-variant-numeric:tabular-nums;font-size:14px}.timer-label{color:var(--bc-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.timer{color:var(--bc-accent);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.btn-reset{color:#e6f1ff;border:1px solid var(--bc-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#17223a;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;transition:transform 60ms,background .2s,border-color .2s;display:inline-flex}.btn-reset:hover{background:#1a2745;border-color:#2a3a58}.btn-reset:active{transform:translateY(1px)scale(.99)}@media (max-width:420px){.meta-pill{padding:6px 8px}.board-controls{gap:8px;padding:8px 10px}}.app-header{z-index:120;pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.auth-actions,.auth-actions .auth-btn{z-index:121;pointer-events:auto;position:relative}.app-actions{align-items:center;gap:8px;display:flex}.account-wrap{position:relative}#account-wrap{display:none}html[data-auth=in] #auth-open{display:none!important}html[data-auth=in] #account-wrap{display:block!important}html[data-auth=out] #account-wrap{display:none!important}.account-btn{color:#e6f1ff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#17223a;border:1px solid #1e2636;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.account-btn .avatar{font-size:14px;line-height:1}.account-btn .chev{fill:currentColor;opacity:.8;width:16px;height:16px}.dropdown-menu{z-index:1000;background:#0c1120;border:1px solid #1e2636;border-radius:12px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.menu-item{text-align:left;color:#cfe4ff;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 10px;text-decoration:none;display:block}.menu-item:hover,.menu-item:focus{background:#121b2f;outline:none}.menu-item.danger{color:#ff9aa2}@media (max-width:480px){.account-btn .label{display:none}}.game-with-ads{gap:16px;width:100%;max-width:100%;display:grid}@media (min-width:1024px){.game-with-ads{grid-template-columns:160px 1fr 160px;align-items:start}.ad-bottom{display:none}}@media (max-width:1023px){.game-with-ads{grid-template-columns:1fr}.ad-sidebar{display:none}.ad-bottom{display:block}}.ad-container{background:var(--panel);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;min-height:250px;padding:12px;display:flex;position:sticky;top:80px}.ad-placeholder{border:2px dashed var(--border);width:100%;height:100%;min-height:250px;color:var(--muted);text-align:center;background:linear-gradient(135deg,#2b6cff0d,#2b6cff05);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.ad-sidebar .ad-container{width:160px;max-height:600px}.ad-bottom{margin-top:24px}.ad-bottom .ad-container{width:100%;max-width:728px;min-height:100px;margin:0 auto;position:static}.ad-bottom .ad-placeholder{min-height:90px}#game-content{width:fit-content;min-width:0;max-width:100%;margin-left:auto;margin-right:auto}[data-theme=light] .ad-container{background:#fff;border-color:#e5e7eb}[data-theme=light] .ad-placeholder{color:#6b7280;background:linear-gradient(135deg,#3b5bdb0d,#3b5bdb05);border-color:#d1d5db}@media (max-width:767px){.ad-container{padding:8px}.ad-bottom .ad-container{min-height:80px}.ad-bottom .ad-placeholder{min-height:60px;font-size:12px}}.app-footer{border-top:1px solid var(--border);background:var(--panel);margin-top:auto;padding:24px 18px}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.footer-link{color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text)}.footer-divider{color:var(--border);-webkit-user-select:none;user-select:none}.footer-copyright{color:var(--muted);font-size:13px}@media (min-width:640px){.footer-content{flex-direction:row;justify-content:space-between}}