@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@700&display=swap);:root{--card-width:110px;--card-height:153px;--button-size:48px;--number-button-size:30px;--accent:#3b7dd8;--accent-dark:#2d6bc4;--accent-light:#5a9ae8;--green:#27ae60;--green-dark:#1e8b49;--red:#e53935;--red-dark:#c62828;--surface:#ffffff;--surface-alt:#f4f6fa;--surface-raised:#fefefe;--border:#dce1ea;--border-strong:#b8c0ce;--text-primary:#1a2035;--text-secondary:#4a5568;--text-muted:#8898aa;--shadow-xs:0 1px 3px rgba(0,0,0,0.09);--shadow-sm:0 2px 10px rgba(0,0,0,0.12);--shadow-md:0 4px 20px rgba(0,0,0,0.16);--shadow-lg:0 8px 40px rgba(0,0,0,0.24);--shadow-card:0 3px 10px rgba(0,0,0,0.20),0 1px 3px rgba(0,0,0,0.10);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:0.18s ease}*{box-sizing:border-box}html{font-size:16px}body{font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding-top:62px;padding-bottom:62px;padding-left:5px;padding-right:5px;background-color:#071610;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 1px,transparent 1px,transparent 13px),repeating-linear-gradient(-45deg,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 1px,transparent 1px,transparent 13px),radial-gradient(ellipse at 50% -5%,#1d6035 0,#0a2d1a 45%,#071610 100%);background-attachment:fixed;touch-action:manipulation;color:var(--text-primary)}header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(180deg,rgba(255,255,255,.07) 0,rgba(255,255,255,0) 50%),linear-gradient(135deg,#07101e 0,#0f2040 55%,#162f5e 100%);color:#fff;padding:10px 0;text-align:center;z-index:100;border-bottom:1px solid rgba(90,154,232,.28);box-shadow:0 2px 0 rgba(90,154,232,.12),0 3px 24px rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.player-name-badge{position:absolute;right:14px;font-size:.72rem;font-weight:500;color:rgba(255,255,255,.8);cursor:pointer;white-space:nowrap;display:none;line-height:1.2;padding:3px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);transition:background-color var(--transition);letter-spacing:.01em}.player-name-badge.visible{display:inline-block}.player-name-badge:hover{background-color:rgba(255,255,255,.18);color:#fff}header h1{margin:0;line-height:1;display:flex;align-items:center}.site-logo-svg{height:2.1rem;width:auto;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(90,154,232,.22));overflow:visible}.logo-text{font-family:Cinzel,Georgia,serif;font-size:26px;font-weight:700;letter-spacing:7px;fill:url(#logo-gold)}.logo-suit{font-family:Georgia,'Times New Roman',serif;font-size:19px;fill:url(#logo-gold);opacity:.82}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:18px auto 0 auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px 12px 24px}.game-options{display:flex;align-items:center;gap:0;margin-bottom:16px;padding:9px 9px 9px 14px;background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);font-size:.9rem;font-weight:500;width:95%;max-width:600px;color:var(--text-secondary)}.game-options-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;align-items:center;gap:16px;flex:1;min-width:0}.baize-selector,.mode-selector,.sound-selector{display:flex;align-items:center;flex-shrink:0}.game-options label{cursor:pointer;margin-left:5px;user-select:none;white-space:nowrap}.game-options input[type=checkbox]{cursor:pointer;vertical-align:middle;flex-shrink:0;accent-color:var(--accent)}.game-options input[type=checkbox]:disabled+label{cursor:not-allowed;color:var(--text-muted)}#instructionsButton{padding:5px 13px;font-size:.88rem;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:background-color var(--transition),border-color var(--transition),color var(--transition);flex-shrink:0;white-space:nowrap;margin-left:10px;box-shadow:var(--shadow-xs)}#instructionsButton:hover{background:var(--accent);color:#fff;border-color:var(--accent-dark)}.start-timer-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}#goButton{padding:11px 34px;font-size:1.15rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform .1s ease;min-height:44px;margin-bottom:0;border-width:0;border-style:solid;letter-spacing:.03em;box-shadow:var(--shadow-sm)}#goButton:active{transform:scale(.97);box-shadow:none}#goButton.start-state{background:linear-gradient(160deg,#34c066 0,#1e8b49 100%);color:#fff}#goButton.reset-state{background:linear-gradient(160deg,#f05050 0,#c62828 100%);color:#fff}#goButton.start-state:hover{background:linear-gradient(160deg,#40cd72 0,#22984f 100%);box-shadow:var(--shadow-md)}#goButton.reset-state:hover{background:linear-gradient(160deg,#f36060 0,#d42e2e 100%);box-shadow:var(--shadow-md)}.timer{font-family:'Space Mono',monospace;font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:.04em;background:var(--surface-alt);padding:6px 16px;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:inset 0 1px 3px rgba(0,0,0,.06);margin-bottom:0}.center-row{display:flex;justify-content:center;align-items:center;gap:20px;position:relative;width:100%;flex-wrap:nowrap}.ab-button-container{display:flex;justify-content:center;gap:80px;width:100%;margin-top:10px;margin-bottom:15px;height:var(--button-size)}.pile{width:var(--card-width);aspect-ratio:226/314;border:1px solid var(--border);background:var(--surface-alt);border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:var(--text-secondary);cursor:default;box-shadow:var(--shadow-xs);user-select:none;flex-shrink:0}.card-container{width:var(--card-width);aspect-ratio:226/314;border:1px solid #999;background-color:var(--surface);border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:var(--shadow-card);user-select:none;position:relative;cursor:pointer;background-size:100% 100%;background-repeat:no-repeat;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card-container.empty-slot{background-color:var(--surface-alt);border-style:dashed;border-color:var(--border);cursor:default;box-shadow:none}.card-container.empty-slot .deckofcards-card{background-image:none!important}.card-container.empty-slot .card-number-button{background:#e0e4ec;color:var(--text-muted);cursor:default}.card-container.face-down{background-image:url("https://deckofcardsapi.com/static/img/back.png");background-size:100% 100%;border-color:#777;font-size:0;cursor:pointer;box-shadow:var(--shadow-card)}.card-container.face-down .deckofcards-card{background-image:none!important}.cards-remaining-display{margin-bottom:10px;font-size:.95rem;font-weight:600;color:var(--text-secondary);text-align:center;width:100%;min-height:1.2em;letter-spacing:.01em}.user-hand{display:flex;gap:10px;margin-bottom:25px;flex-wrap:nowrap;justify-content:center;align-items:flex-start;min-height:calc(var(--card-height) + 10px);width:95%;max-width:calc(5 * var(--card-width) + 4 * 10px + 20px);padding:5px;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-hand .card-container{margin-bottom:0}.playing-area{width:100%;display:flex;flex-direction:column;align-items:center;border-radius:var(--radius-md);transition:background .35s ease,box-shadow .35s ease,padding .35s ease}.playing-area.baize{background-color:#286040;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23f)' opacity='0.55'/%3E%3C/svg%3E"),linear-gradient(160deg,rgba(255,255,255,.08) 0,transparent 45%,rgba(0,0,0,.08) 100%);background-blend-mode:overlay,normal;background-size:300px 300px,100% 100%;box-shadow:inset 0 3px 14px rgba(0,0,0,.32),inset 0 -2px 8px rgba(0,0,0,.18);padding:18px 10px 14px}.playing-area.baize .pile{color:rgba(255,255,255,.92);background-color:rgba(0,0,0,.18);border-color:rgba(255,255,255,.18)}.playing-area.baize .cards-remaining-display{color:rgba(255,255,255,.85)}.message{margin-top:12px;margin-bottom:8px;font-weight:600;font-size:1.05rem;min-height:1.5em;text-align:center;color:var(--text-secondary);padding:6px 16px;background:var(--surface-alt);border-radius:var(--radius-sm);border:1px solid var(--border);width:95%;max-width:500px}.deckofcards-card{width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;flex-shrink:0}.selected{border:3px solid var(--accent)!important;box-shadow:0 0 0 2px var(--accent-light),var(--shadow-md)!important;transform:translateY(-10px) scale(1.06);z-index:10}.card-container.playable{box-shadow:0 0 0 2px #27ae60,0 4px 12px rgba(39,174,96,.45);border-color:#27ae60}.controls{display:flex;flex-direction:column;align-items:center;margin-top:10px;min-height:50px;width:100%}.draw-button{padding:10px 28px;font-size:1.05rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:linear-gradient(160deg,#e8ecf4 0,#d5dbe8 100%);color:var(--text-secondary);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform .1s ease;min-height:44px;box-shadow:var(--shadow-xs);letter-spacing:.02em}.draw-button:disabled{cursor:not-allowed;background:var(--surface-alt);color:var(--text-muted);border-color:var(--border);box-shadow:none}.draw-button:not(:disabled):hover{background:linear-gradient(160deg,#dce2f0 0,#c8cedf 100%);box-shadow:var(--shadow-sm)}.draw-button:not(:disabled):active{transform:scale(.97);box-shadow:none}.draw-button.highlight-action{background:linear-gradient(160deg,#5a9ae8 0,var(--accent-dark) 100%)!important;color:#fff!important;border-color:var(--accent-dark)!important;box-shadow:0 0 0 2px rgba(59,125,216,.35),var(--shadow-sm)!important}.circle-button{width:var(--button-size);height:var(--button-size);border-radius:50%;background:linear-gradient(160deg,#5a9ae8 0,var(--accent-dark) 100%);color:#fff;font-size:1.2rem;font-weight:700;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(59,125,216,.45),0 1px 3px rgba(0,0,0,.15);border:none;user-select:none;transition:background var(--transition),box-shadow var(--transition),transform .1s ease;flex-shrink:0;letter-spacing:.01em}.circle-button:hover{background:linear-gradient(160deg,#6aaaf0 0,var(--accent) 100%);box-shadow:0 4px 14px rgba(59,125,216,.55),0 1px 4px rgba(0,0,0,.15)}.circle-button:active{transform:scale(.94);box-shadow:0 1px 4px rgba(59,125,216,.35)}.card-number-button{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:var(--number-button-size);height:var(--number-button-size);font-size:.9rem}.deck-selector{display:flex;align-items:center;gap:5px;flex-shrink:0;margin-right:15px}.deck-selector label{cursor:pointer;user-select:none;white-space:nowrap;margin-right:3px}.deck-selector input[type=radio]{cursor:pointer;vertical-align:middle;margin:0 2px 0 0;accent-color:var(--accent)}.deck-selector input[type=radio]:disabled+label{cursor:not-allowed;color:var(--text-muted)}.times-display{margin-top:16px;border:1px solid var(--border);padding:12px 16px;background:var(--surface-alt);border-radius:var(--radius-md);width:95%;max-width:650px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 15px}.best-time{font-size:.92rem;font-weight:500;color:var(--text-secondary);transition:background-color .3s ease;padding:4px 10px;border-radius:var(--radius-sm);line-height:1.4;text-align:left;flex-basis:48%;min-width:250px;flex-shrink:0}.last-time{color:var(--text-muted);font-size:.85rem;flex-basis:100%;text-align:center;margin-top:4px;padding:4px 6px;border-radius:var(--radius-sm);line-height:1.4}.best-time.active-mode{font-weight:700;background-color:#e6f4ee;color:var(--green-dark)}.result-name-section{margin:10px 0 14px;display:flex;flex-direction:column;align-items:center;gap:8px}.result-name-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin:0}.result-name-input{padding:7px 12px;font-size:1rem;font-family:Inter,sans-serif;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);width:200px;max-width:100%;text-align:center;transition:border-color var(--transition),box-shadow var(--transition);background:var(--surface);color:var(--text-primary)}.result-name-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,125,216,.18)}.result-save-btn{padding:8px 24px;font-size:.95rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;background:linear-gradient(160deg,#34c066 0,var(--green-dark) 100%);color:#fff;border:none;border-radius:var(--radius-sm);transition:background var(--transition),box-shadow var(--transition);box-shadow:0 2px 8px rgba(39,174,96,.35);letter-spacing:.02em}.result-save-btn:hover{background:linear-gradient(160deg,#40cd72 0,#22984f 100%);box-shadow:0 3px 12px rgba(39,174,96,.45)}.result-leaderboard-status{font-size:.78rem;min-height:1.1em;margin:2px 0 6px;color:var(--text-muted);letter-spacing:.01em}.result-leaderboard-status.saved{color:var(--green)}.result-leaderboard-status.failed{color:var(--red)}.result-dismiss-btn{margin-top:14px;padding:9px 32px;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;background:var(--surface-alt);color:var(--text-primary);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);transition:background var(--transition),border-color var(--transition);letter-spacing:.02em}.result-dismiss-btn:hover{background:var(--surface-raised);border-color:var(--accent)}.reshuffle-display{margin-top:6px;font-size:.88rem;font-weight:500;color:var(--text-muted);min-height:1.2em;text-align:center;letter-spacing:.01em}.keyboard-hint{font-size:.8rem;color:var(--text-muted);text-align:center;margin:4px 0 8px 0}.keyboard-hint kbd,.keyboard-shortcuts-list kbd{display:inline-block;padding:1px 6px;font-family:'Space Mono',monospace;font-size:.8em;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:4px;box-shadow:0 1px 0 var(--border-strong);white-space:nowrap}.keyboard-shortcuts-list{list-style:none;padding:0;margin:8px 0 12px 0}.keyboard-shortcuts-list li{margin-bottom:6px;font-size:.95rem;color:var(--text-secondary)}.result-overlay{display:none;position:fixed;inset:0;z-index:2000;background:rgba(14,31,23,.72);justify-content:center;align-items:center;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.result-overlay.active{display:flex;animation:overlay-fade-in .25s ease}@keyframes overlay-fade-in{from{opacity:0}to{opacity:1}}.result-card{position:relative;background:var(--surface-raised);border-radius:var(--radius-lg);padding:36px 48px;text-align:center;box-shadow:var(--shadow-lg);animation:result-pop-in .3s cubic-bezier(.34,1.56,.64,1);border:5px solid var(--border);max-width:320px;width:85%;cursor:default}.result-close-btn{position:absolute;top:8px;right:10px;background:0 0;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.result-close-btn:hover{color:var(--text-primary);background:var(--surface-alt)}.result-card.win{border-color:var(--green)}.result-card.lose{border-color:var(--red)}@keyframes result-pop-in{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.result-emoji{font-size:3rem;margin-bottom:8px}.result-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px;color:var(--text-primary)}.result-time{font-family:'Space Mono',monospace;font-size:1.35rem;font-weight:700;color:var(--text-secondary);margin-bottom:14px;letter-spacing:.04em}.result-dismiss{font-size:.78rem;color:var(--text-muted);margin:0;letter-spacing:.01em}.toggle-times-btn{display:none;margin-top:12px;padding:6px 16px;font-size:.88rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;background:var(--surface-alt);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:background-color var(--transition);box-shadow:var(--shadow-xs)}.toggle-times-btn:hover{background:var(--border)}.times-display.collapsed{display:none}.modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(14,31,23,.65);justify-content:center;align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal-content{background-color:var(--surface-raised);margin:auto;border:1px solid var(--border);width:90%;max-width:550px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.close-button{color:var(--text-muted);position:absolute;top:8px;right:15px;font-size:28px;font-weight:700;line-height:1;z-index:10;padding:0 6px;background-color:var(--surface-raised);border-radius:50%;cursor:pointer;transition:color var(--transition),background-color var(--transition)}.close-button:focus,.close-button:hover{color:var(--text-primary);background-color:var(--surface-alt)}.modal-body{padding:25px;padding-bottom:15px;overflow-y:auto;flex-grow:1;line-height:1.65;font-size:1rem;color:var(--text-secondary)}.modal-body h2{margin-top:0;color:var(--text-primary);font-weight:700;letter-spacing:-.01em;text-align:center;margin-bottom:15px}.modal-body h3{color:var(--text-primary);font-weight:600;margin-bottom:8px}.modal-body p{margin-bottom:10px}.modal-footer{padding:14px 25px;flex-shrink:0;border-top:1px solid var(--border);background-color:var(--surface-alt);text-align:center;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.modal-close-btn{display:inline-block;padding:8px 28px;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;background:linear-gradient(160deg,#e8ecf4 0,#d5dbe8 100%);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:background var(--transition);box-shadow:var(--shadow-xs);margin:0}.modal-close-btn:hover{background:linear-gradient(160deg,#dce2f0 0,#c8cedf 100%)}footer{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(0deg,rgba(255,255,255,.06) 0,rgba(255,255,255,0) 50%),linear-gradient(135deg,#07101e 0,#0f2040 55%,#162f5e 100%);color:rgba(255,255,255,.6);text-align:center;padding:10px 0;font-size:.8rem;border-top:1px solid rgba(90,154,232,.22);z-index:100;box-shadow:0 -2px 0 rgba(90,154,232,.1),0 -3px 20px rgba(0,0,0,.55)}.footer-link-btn,footer a{color:#87ceeb;text-decoration:none;font-weight:500}.footer-link-btn:hover,footer a:hover{text-decoration:underline;color:#a8dff5}.footer-link-btn{background:0 0;border:none;padding:0;font-size:inherit;font-family:inherit;cursor:pointer}@media (min-width:850px){.user-hand{flex-wrap:nowrap}}@media (min-width:768px){.lb-table-wrap{max-height:min(1080px,65vh)}}@media (max-width:768px){html{font-size:15px}body{padding-top:56px;padding-bottom:52px}:root{--card-width:90px;--card-height:125px;--number-button-size:28px}.game-container{padding:16px 10px 20px;border-radius:var(--radius-md);margin-top:12px}.center-row{gap:15px}.user-hand{gap:8px;max-width:calc(5 * var(--card-width) + 4 * 8px + 20px)}.ab-button-container{gap:60px}.timer{font-size:1.45rem}.times-display{margin-top:14px;gap:8px 12px}.best-time{min-width:220px}.modal-content{width:85%}footer{padding:8px 0;font-size:.75rem}}@media (max-width:600px){.game-options-scroll{flex-wrap:wrap;overflow-x:visible;gap:8px 14px}.best-time{flex-basis:100%;text-align:center;padding-left:6px;min-width:unset}.game-options{max-width:95%}.game-options-scroll{gap:12px}.toggle-times-btn{display:inline-block}}@media (max-width:480px){html{font-size:14px}body{padding-top:51px;padding-bottom:46px}:root{--card-width:62px;--card-height:86px;--number-button-size:26px}.game-container{padding:12px 6px 16px;border-radius:var(--radius-sm);margin-top:8px}.center-row{gap:10px}.playing-area.baize{padding-left:6px;padding-right:6px}.user-hand{gap:4px;width:100%;max-width:calc(5 * var(--card-width) + 4 * 4px + 10px)}.pile{font-size:1rem}.ab-button-container{gap:50px;margin-bottom:15px}.timer{font-size:1.25rem;padding:4px 10px}.start-timer-row{gap:15px}#goButton{padding:10px 22px;font-size:1.05rem}.draw-button{padding:8px 20px;font-size:1rem}.message{font-size:.95rem;margin-top:8px;padding:5px 10px}.game-options-scroll{gap:10px}.times-display{margin-top:10px;padding:8px 10px;gap:5px 10px}.best-time,.last-time{font-size:.85rem}.last-time{font-size:.75rem}.cards-remaining-display{font-size:.9rem;margin-bottom:8px}.modal-content{width:90%;max-height:75vh}.modal-body{padding:20px}.modal-footer{padding:10px 20px}.close-button{font-size:24px;top:5px;right:10px}footer{padding:6px 0;font-size:.7rem}}@media (max-width:360px){body{padding-top:48px;padding-bottom:42px}:root{--card-width:55px;--card-height:76px;--number-button-size:24px}.game-container{padding:10px 4px 14px}.center-row{gap:8px}.user-hand{gap:3px;max-width:calc(5 * var(--card-width) + 4 * 3px + 10px)}.ab-button-container{gap:40px}.start-timer-row{flex-direction:column;gap:8px}.game-options{font-size:.8rem}.game-options-scroll{gap:8px}#instructionsButton{padding:5px 8px}.best-time,.last-time{font-size:.8rem}.cards-remaining-display{font-size:.85rem}footer{padding:5px 0}}.dialog-overlay{display:none;position:fixed;inset:0;z-index:3000;background:rgba(14,31,23,.72);justify-content:center;align-items:center;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.dialog-overlay.active{display:flex;animation:overlay-fade-in .2s ease}.dialog-card{background:var(--surface-raised);border-radius:var(--radius-lg);padding:28px 32px 24px;text-align:center;box-shadow:var(--shadow-lg);animation:result-pop-in .22s cubic-bezier(.34,1.56,.64,1);max-width:340px;width:88%;cursor:default}.dialog-message{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 20px;line-height:1.55}.dialog-input{width:100%;padding:8px 12px;font-size:1rem;font-family:Inter,sans-serif;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);margin-bottom:20px;text-align:center;color:var(--text-primary);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition)}.dialog-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,125,216,.18)}.dialog-buttons{display:flex;gap:10px;justify-content:center}.dialog-btn{padding:9px 24px;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform .1s ease;min-width:90px;letter-spacing:.02em}.dialog-btn:active{transform:scale(.97)}.dialog-btn-secondary{background:linear-gradient(160deg,#e8ecf4 0,#d5dbe8 100%);color:var(--text-secondary);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.dialog-btn-secondary:hover{background:linear-gradient(160deg,#dce2f0 0,#c8cedf 100%)}.dialog-btn-primary{background:linear-gradient(160deg,#5a9ae8 0,var(--accent-dark) 100%);color:#fff;box-shadow:0 2px 8px rgba(59,125,216,.35)}.dialog-btn-primary:hover{background:linear-gradient(160deg,#6aaaf0 0,var(--accent) 100%);box-shadow:0 3px 12px rgba(59,125,216,.45)}.dialog-btn-danger{background:linear-gradient(160deg,#f05050 0,var(--red-dark) 100%);color:#fff;box-shadow:0 2px 8px rgba(229,57,53,.35)}.dialog-btn-danger:hover{background:linear-gradient(160deg,#f36060 0,var(--red) 100%);box-shadow:0 3px 12px rgba(229,57,53,.45)}.lb-card{max-width:440px;text-align:left}.lb-title{font-family:Cinzel,serif;font-size:1.1rem;color:var(--text-primary);margin:0 0 16px;text-align:center}.lb-filters{display:flex;gap:10px;margin-bottom:14px}.lb-select{flex:1;padding:7px 10px;font-size:.9rem;font-family:Inter,sans-serif;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);cursor:pointer}.lb-select:focus{outline:0;border-color:var(--accent)}.lb-loading{text-align:center;color:var(--text-muted);font-size:.9rem;margin:8px 0}.lb-table-wrap{overflow-y:auto;max-height:380px;margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius-sm)}.lb-table{width:100%;border-collapse:collapse;font-size:.92rem}.lb-table th{position:sticky;top:0;background:var(--surface-raised);text-align:left;padding:6px 8px;color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);z-index:1}.lb-table td{padding:8px 8px;border-bottom:1px solid var(--border);color:var(--text-primary)}.lb-table tr:last-child td{border-bottom:none}.lb-table tr:first-child td.lb-rank{font-weight:700;color:var(--accent)}.lb-rank{width:28px;font-weight:600;color:var(--text-muted)}.lb-time{font-family:'Space Mono',monospace;font-size:.88rem;white-space:nowrap}.lb-empty{text-align:center;color:var(--text-muted);padding:20px 0!important;font-style:italic}.lb-close-btn{display:block;width:100%}