.tintd-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh}.tintd-centered{display:flex;flex-direction:column;align-items:center;padding:32px 24px}.tintd-title{font-size:32px;font-weight:800;color:var(--gold);margin-bottom:4px}.tintd-puzzle-num{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}.tintd-date{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.tintd-subtitle{font-size:14px;font-weight:500;color:var(--text-secondary);line-height:22px;text-align:center;margin-bottom:4px;max-width:300px}.tintd-resume-msg{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.tintd-round-label{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.tintd-btn{background:var(--gold);border:none;border-radius:10px;padding:14px 40px;margin-top:8px;font-size:16px;font-weight:800;color:#121212;cursor:pointer;transition:transform .1s}.tintd-btn:active{transform:scale(.96)}.tintd-button-group{width:100%;max-width:300px;margin-top:8px;display:flex;flex-direction:column;gap:10px}.tintd-button-group .tintd-btn{width:100%;margin-top:0;text-align:center}.tintd-btn-row{display:flex;gap:10px}.tintd-secondary-btn{flex:1;padding:12px 24px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);font-size:14px;font-weight:800;color:var(--text);cursor:pointer;text-align:center;transition:transform .1s}.tintd-secondary-btn:active{transform:scale(.96)}.tintd-swatch{width:200px;height:200px;border-radius:16px;border:3px solid var(--border);margin:20px 0}.tintd-countdown-track{width:200px;height:12px;background:var(--bg-elevated);border-radius:6px;overflow:hidden}.tintd-countdown-fill{height:100%;background:var(--gold);border-radius:6px;transition:width .05s linear}.tintd-sliders{width:100%;max-width:340px;margin:8px 0}.slider-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.slider-label{font-size:15px;font-weight:800;width:16px;text-align:center}.slider-track-wrapper{flex:1}.slider-wrapper{height:36px;display:flex;align-items:center;position:relative;cursor:pointer;touch-action:none}.slider-track{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;width:100%}.slider-fill{height:100%;border-radius:3px}.slider-thumb{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid #353535;top:50%;transform:translate(-50%,-50%);pointer-events:none}.slider-val{font-size:13px;font-weight:500;color:var(--text-secondary);width:32px;text-align:right}.pips{display:flex;gap:10px;justify-content:center;margin:16px 0}.pip{width:14px;height:14px;border-radius:50%;background:var(--bg-elevated);border:2px solid #444}.pip-done{background:var(--gold);border-color:var(--gold)}.pip-active{background:#666;border-color:var(--gold)}.tintd-swatch-row{display:flex;gap:16px;margin:12px 0}.tintd-swatch-col{display:flex;flex-direction:column;align-items:center;gap:6px}.tintd-result-swatch{width:120px;height:120px;border-radius:12px;border:3px solid var(--border)}.tintd-swatch-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.tintd-channel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;width:100%;max-width:320px;margin:8px 0}.tintd-channel-row{display:flex;align-items:center;padding:6px 0}.tintd-channel-label{font-size:14px;font-weight:800;width:20px}.tintd-channel-val{font-size:13px;font-weight:500;color:var(--text);width:36px;text-align:center}.tintd-channel-arrow{font-size:13px;color:var(--text-secondary);width:24px;text-align:center}.tintd-channel-score{font-size:13px;font-weight:800;color:var(--gold);flex:1;text-align:right}.tintd-round-score{font-size:32px;font-weight:800;color:var(--gold)}.tintd-round-score-denom{font-size:16px;color:var(--text-secondary);font-weight:500}.tintd-total-score{font-size:48px;font-weight:800;color:var(--gold);margin-bottom:2px}.tintd-total-denom{font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.tintd-streak-badge{font-size:22px;font-weight:800;color:var(--gold);margin:8px 0}.tintd-breakdown-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;width:100%;max-width:280px;margin:12px 0}.tintd-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.tintd-breakdown-row.no-border{border-bottom:none}.tintd-breakdown-label{font-size:14px;font-weight:500;color:var(--text)}.tintd-breakdown-score{font-size:14px;font-weight:800;color:var(--gold)}.streak-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;background:var(--bg);transition:opacity .6s ease}.streak-visible{opacity:1}.streak-hidden{opacity:0}.streak-label{font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:16px}.streak-number{font-size:120px;font-weight:800;color:var(--gold);line-height:1.1;transition:transform .3s ease}.streak-pop{animation:pop .4s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tintd-fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.euchre-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.euchre-start-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px 24px;gap:10px}.euchre-title{font-size:36px;font-weight:800;color:var(--gold);margin-bottom:24px}.euchre-start-btn-row{display:flex;gap:12px;margin-bottom:24px;width:100%;max-width:360px}.euchre-secondary-btn{flex:1;padding:12px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:800;cursor:pointer}.euchre-primary-btn{width:100%;max-width:360px;padding:14px;border-radius:8px;background:var(--gold);border:none;color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:1px;cursor:pointer;text-align:center}.euchre-btn-disabled{opacity:.35;cursor:not-allowed}.card{width:62px;height:88px;background:#fff;border-radius:8px;border:1px solid #cccccc;box-shadow:0 2px 4px #00000059;display:flex;flex-direction:column;justify-content:space-between;padding:4px;flex-shrink:0;-webkit-user-select:none;user-select:none}.card-small{width:36px;height:52px;padding:2px;border-radius:5px}.card-medium{width:50px;height:72px;padding:3px;border-radius:6px}.card-large{width:70px;height:108px;padding:5px;border-radius:10px}.card-back{width:62px;height:88px;background:#1a3a6e;border-radius:8px;border:1px solid #2a5aae;box-shadow:0 2px 4px #00000059;flex-shrink:0}.card-back.card-small{width:36px;height:52px;border-radius:5px}.card-back.card-medium{width:50px;height:72px;border-radius:6px}.card-back.card-large{width:70px;height:108px;border-radius:10px}.card-selected{border:2px solid var(--gold);transform:translateY(-6px);box-shadow:0 2px 8px #daaa0099}.card-dim{opacity:.35}.card-corner{display:flex;flex-direction:column;align-items:flex-start}.card-corner-flip{transform:rotate(180deg);align-self:flex-end}.card-rank{font-size:19px;font-weight:800;line-height:1.15}.card-suit{font-size:15px;line-height:1.13}.card-small .card-rank{font-size:13px}.card-small .card-suit{font-size:11px}.card-medium .card-rank{font-size:16px}.card-medium .card-suit{font-size:13px}.card-large .card-rank{font-size:22px}.card-large .card-suit{font-size:18px}.card-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .1s}.card-btn:disabled{cursor:default}.card-btn:not(:disabled):active{transform:scale(.96)}.trick-slot{display:flex;align-items:center;padding:6px;border-radius:8px;border:1px solid transparent;min-width:66px}.trick-slot-winner{border-color:var(--gold);background:#daaa001a}.trick-empty{width:62px;height:88px;border-radius:8px;border:1px dashed #333}.bid-chip{display:inline-block;padding:3px 8px;border-radius:12px;background:var(--bg-elevated);border:1px solid #444;font-size:11px;font-weight:500;color:#aaa}.bid-chip-ordered{background:#daaa0026;border-color:var(--gold);color:var(--gold)}.bid-sep{font-size:10px;color:#555;margin:0 4px}.bid-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.bid-banner-pill{padding:4px 10px;border-radius:20px;border:1px solid;font-size:11px;font-weight:800;letter-spacing:.5px}.bid-banner-order{background:#daaa0040;border-color:var(--gold);color:var(--gold);min-width:110px;text-align:center}.bid-banner-pass{background:#000000bf;border-color:#555;color:#888}.suit-btn{padding:10px 14px;border-radius:8px;border:1px solid;font-size:18px;font-weight:800;cursor:pointer}.suit-btn-red{background:#c0392b26;border-color:#c0392b;color:#e74c3c}.suit-btn-black{background:#ffffff0d;border-color:#888;color:#ddd}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.modal-box{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:360px;border:1px solid var(--border);max-height:80vh;overflow-y:auto}.modal-title{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:16px}.rule-label{font-size:13px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;margin-top:4px}.rule-opts{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.rule-opt{padding:8px 16px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:800;cursor:pointer}.rule-opt-active{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.settings-label-col{flex:1;margin-right:12px}.setting-desc{font-size:11px;font-weight:500;color:var(--text-secondary);margin-top:2px}.toggle-btn{padding:6px 14px;border-radius:20px;border:1px solid #444;background:#444;color:#aaa;font-size:12px;font-weight:800;cursor:pointer;min-width:50px}.toggle-on{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.htp-subtitle{font-size:14px;font-weight:800;color:var(--text);margin-top:12px;margin-bottom:4px}.htp-text{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:20px}.score-bar{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border)}.score-team{flex:1;display:flex;flex-direction:column;align-items:flex-start}.score-team-right{align-items:flex-end}.score-label{font-size:9px;font-weight:800;color:var(--text-secondary);letter-spacing:1px}.score-val{font-size:26px;font-weight:800;color:var(--gold);line-height:1.15}.trick-count{font-size:10px;font-weight:500;color:var(--text-secondary)}.score-mid{display:flex;flex-direction:column;align-items:center}.trump-label{font-size:9px;font-weight:800;color:var(--text-secondary);letter-spacing:1px}.trump-badge{border:1px solid #fff;border-radius:6px;padding:1px 6px}.trump-suit{font-size:22px;line-height:1.2;color:var(--text)}.trump-red{color:#e74c3c}.win-score-label{font-size:9px;font-weight:500;color:var(--text-secondary)}.euchre-table{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:6px 8px;position:relative}.north-area{display:flex;flex-direction:column;align-items:center;gap:4px}.north-cards{display:flex;gap:4px;justify-content:center}.mid-row{display:flex;align-items:center;flex:1}.side-area{display:flex;flex-direction:column;align-items:center;gap:4px;width:80px}.side-cards{display:flex;flex-direction:column;gap:4px;align-items:center}.side-card-wrap{width:72px;height:50px;display:flex;align-items:center;justify-content:center;transform:rotate(90deg)}.center-area{flex:1;display:flex;align-items:center;justify-content:center;padding:0 4px;position:relative}.kitty-area{display:flex;flex-direction:column;align-items:center;gap:6px}.trick-diamond{display:flex;flex-direction:column;align-items:center;gap:2px}.trick-diamond-top{display:flex;justify-content:center}.trick-diamond-mid{display:flex;gap:24px}.trick-diamond-bot{display:flex;justify-content:center}.tally-box{background:var(--bg-card);border-radius:10px;padding:14px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px}.tally-row{font-size:13px;font-weight:500;color:var(--text)}.tally-score{font-size:15px;font-weight:800;color:var(--gold)}.player-label{font-size:10px;font-weight:800;color:var(--text);letter-spacing:.5px}.partner-label,.you-label{color:#5db8e0}.euchre-message{text-align:center;font-size:14px;font-weight:500;color:var(--text);min-height:22px;padding:0 8px}.actions-wrap{min-height:50px;display:flex;align-items:center;justify-content:center}.action-col{display:flex;flex-direction:column;gap:6px;width:100%}.action-row{display:flex;gap:6px;justify-content:center;align-items:stretch;flex-wrap:wrap}.action-btn{padding:10px 14px;border-radius:8px;min-width:70px;background:var(--bg-elevated);border:1px solid #444;color:#ddd;font-size:12px;font-weight:800;cursor:pointer;text-align:center;flex:1}.action-gold{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.action-red{border-color:#ef9a9a;color:#ef9a9a}.south-area{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:4px}.south-cards{display:flex;gap:6px;padding:0 8px 4px;overflow-x:auto;justify-content:center;flex-wrap:wrap}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:32px;z-index:100}.gameover-box{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:320px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:8px}.gameover-title{font-size:28px;font-weight:800;color:var(--gold)}.gameover-sub{font-size:15px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.ts-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.ts-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:16px}.ts-logos{display:flex;align-items:center;gap:16px}.ts-logo{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;letter-spacing:1px;-webkit-user-select:none;user-select:none}.ts-logo-empty{background:var(--bg-elevated);border:2px dashed var(--border)}.ts-vs{font-size:18px;font-weight:800;color:var(--text-secondary)}.ts-matchup-name{font-size:16px;font-weight:700;color:var(--text);min-height:24px;text-align:center}.ts-slot-buttons{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.ts-slot-btn{padding:12px 20px;border-radius:10px;border:none;background:var(--gold);color:#121212;font-size:15px;font-weight:800;cursor:pointer;transition:transform .1s,opacity .2s}.ts-slot-btn:active{transform:scale(.97)}.ts-slot-btn:disabled{opacity:.3;cursor:not-allowed}.ts-reroll-btn{padding:10px 24px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;transition:transform .1s}.ts-reroll-btn:active{transform:scale(.97)}.ts-reroll-btn:disabled{opacity:.3;cursor:not-allowed}.ts-schedule{width:100%;max-width:300px;display:flex;flex-direction:column;gap:4px;margin-top:8px}.ts-sched-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border)}.ts-sched-filled{border-color:var(--gold);background:#daaa0014}.ts-sched-label{font-size:12px;font-weight:800;color:var(--text-secondary);letter-spacing:.5px}.ts-sched-val{font-size:13px;font-weight:700;color:var(--text)}.ts-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.ts-summary-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:16px}.ts-summary-title{font-size:22px;font-weight:800;color:var(--gold)}.ts-summary-list{width:100%;display:flex;flex-direction:column;gap:6px}.ts-summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.ts-summary-item:last-child{border-bottom:none}.ts-summary-slot{font-size:13px;font-weight:800;color:var(--text-secondary)}.ts-summary-matchup{font-size:14px;font-weight:800;color:var(--text)}.ts-summary-actions{display:flex;gap:8px;width:100%}.ts-summary-btn{flex:1;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:14px;font-weight:800;cursor:pointer}.ts-btn-gold{background:var(--gold);border-color:var(--gold);color:#121212}.ts-copied-msg{font-size:13px;font-weight:700;color:var(--gold)}.stb-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.stb-start-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px 40px;gap:10px}.stb-title{font-size:30px;font-weight:800;color:var(--gold);margin-bottom:4px}.stb-section-label{font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.stb-stepper{display:flex;align-items:center;gap:24px;margin-bottom:20px}.stb-step-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:24px;line-height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.stb-step-count{font-size:28px;font-weight:800;color:var(--gold);min-width:30px;text-align:center}.stb-name-list{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.stb-name-input{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:15px;font-weight:500;font-family:inherit;text-align:center;outline:none}.stb-name-input::placeholder{color:var(--text-secondary)}.stb-btn-row{display:flex;gap:12px;width:100%;max-width:320px;margin-bottom:12px}.stb-secondary-btn{flex:1;padding:12px 16px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;text-align:center}.stb-primary-btn{width:100%;max-width:320px;padding:14px;border-radius:8px;background:var(--gold);border:none;color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:1px;cursor:pointer;text-align:center}.stb-btn-disabled{opacity:.3;cursor:not-allowed}.stb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.stb-modal-box{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:360px;border:1px solid var(--border);max-height:85vh;overflow-y:auto}.stb-modal-title{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:16px}.stb-htp-subtitle{font-size:14px;font-weight:800;color:var(--text);margin-top:12px;margin-bottom:4px}.stb-htp-text{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:20px;margin-bottom:6px}.stb-game-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 16px 40px}.stb-player-name{font-size:22px;font-weight:800;color:var(--text);margin-bottom:2px}.stb-best-score{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.stb-tiles-row{display:flex;gap:6px;margin-bottom:16px}.stb-tile{width:34px;height:44px;border-radius:7px;border:1.5px solid var(--border);background:var(--bg-card);color:var(--gold);font-size:18px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .15s}.stb-tile:active:not(:disabled){transform:scale(.93)}.stb-tile-down{border-color:transparent;background:transparent;color:var(--border);opacity:.35;cursor:default}.stb-tile-selected{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.stb-status-msg{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:20px;text-align:center;min-height:20px}.stb-status-red{color:#f53}.stb-status-green{color:#4c4}.stb-dice-row{display:flex;gap:24px;margin-bottom:24px;background:none;border:none;cursor:pointer;padding:0}.stb-dice-row:disabled{cursor:default}.stb-die{background:#f4f0e8;position:relative;box-shadow:0 2px 6px #0000004d}.stb-die-shaking{animation:diceShake .15s infinite alternate}@keyframes diceShake{0%{transform:translate(-4px) rotate(-4deg)}to{transform:translate(4px) rotate(4deg)}}.stb-dot{position:absolute;background:#1a1a1a}.stb-game-btns{display:flex;gap:12px;width:100%;max-width:320px}.stb-game-btns .stb-primary-btn,.stb-game-btns .stb-secondary-btn{flex:1}.stb-pass-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}.stb-pass-heading{font-size:26px;font-weight:800;color:var(--gold);margin-bottom:12px}.stb-pass-score{font-size:18px;font-weight:500;color:var(--text);margin-bottom:8px}.stb-gold{color:var(--gold)}.stb-pass-divider{width:40px;height:2px;background:var(--border);margin:20px 0}.stb-pass-next{font-size:16px;font-weight:500;color:var(--text-secondary)}.stb-gameover-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px 40px}.stb-gameover-title{font-size:26px;font-weight:800;color:var(--gold);margin-bottom:24px;text-align:center}.stb-play-again-header{font-size:16px;font-weight:800;color:var(--text);margin-top:24px;margin-bottom:12px}.stb-final-list{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px}.stb-final-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.stb-final-row-winner{border-color:var(--gold)}.stb-final-rank{font-size:14px;font-weight:800;color:var(--text-secondary);width:20px}.stb-final-name{flex:1;font-size:16px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stb-final-score{font-size:16px;font-weight:800;color:var(--text)}.rtb-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.rtb-start-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px 40px;gap:10px}.rtb-title{font-size:30px;font-weight:800;color:var(--gold);margin-bottom:4px}.rtb-section-label{font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.rtb-stepper{display:flex;align-items:center;gap:24px;margin-bottom:20px}.rtb-step-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:24px;line-height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.rtb-step-count{font-size:28px;font-weight:800;color:var(--gold);min-width:30px;text-align:center}.rtb-name-list{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.rtb-name-input{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:15px;font-weight:500;font-family:inherit;text-align:center;outline:none}.rtb-name-input::placeholder{color:var(--text-secondary)}.rtb-btn-row{display:flex;gap:12px;width:100%;max-width:320px;margin-bottom:12px}.rtb-secondary-btn{flex:1;padding:12px 16px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;text-align:center}.rtb-primary-btn{width:100%;max-width:320px;padding:14px;border-radius:8px;background:var(--gold);border:none;color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:1px;cursor:pointer;text-align:center}.rtb-btn-disabled{opacity:.3;cursor:not-allowed}.rtb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.rtb-modal-box{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:360px;border:1px solid var(--border);max-height:85vh;overflow-y:auto}.rtb-modal-title{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:16px}.rtb-htp-subtitle{font-size:14px;font-weight:800;color:var(--text);margin-top:12px;margin-bottom:4px}.rtb-htp-text{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:20px;margin-bottom:6px}.rtb-htp-bold{font-weight:800;color:var(--text)}.rtb-game-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 24px 40px}.rtb-player-name{font-size:22px;font-weight:800;color:var(--text);margin-bottom:4px}.rtb-prompt{font-size:18px;font-weight:800;color:var(--gold);margin-bottom:20px}.rtb-main-card{margin-bottom:20px}.rtb-result-msg{font-size:18px;font-weight:800;text-align:center;margin-bottom:12px}.rtb-result-green{color:#4c4}.rtb-result-red{color:#f53}.rtb-prev-cards{display:flex;gap:10px;margin-top:20px;margin-bottom:20px}.rtb-fail-count{font-size:13px;font-weight:800;color:#f53;text-align:center;margin-bottom:4px}.rtb-card-face{background:#fff;border-radius:8px;border:1px solid #cccccc;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000026}.rtb-card-label{font-weight:800}.rtb-card-back{background:#1a3a6a;border-radius:8px;border:1.5px solid #2255aa;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000026}.rtb-card-back-inner{border:2px solid #3d6bc2;border-radius:4px}.rtb-guess-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:320px}.rtb-guess-btn{flex:1;min-width:120px;padding:14px;border-radius:8px;background:var(--gold);border:none;color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:.5px;cursor:pointer;text-align:center}.rtb-guess-btn:active{transform:scale(.97)}.rtb-bus-chip{font-size:10px;font-weight:800;color:#c22;letter-spacing:1.2px;text-transform:uppercase;border:1px solid #cc2222;border-radius:4px;padding:3px 8px;margin-bottom:8px}.rtb-announce-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 24px 40px}.rtb-announce-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:20px}.rtb-score-list{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.rtb-score-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.rtb-score-row-rider{border-color:#c22}.rtb-score-name{font-size:14px;font-weight:800;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtb-score-name-rider{color:#c22}.rtb-score-cards{display:flex;gap:4px}.rtb-score-wrong{font-size:12px;font-weight:800;color:var(--text-secondary)}.rtb-score-wrong-rider{color:#c22}.rtb-rider-banner{width:100%;max-width:360px;padding:16px 20px;background:#2a0000;border:1.5px solid #cc2222;border-radius:12px;text-align:center}.rtb-rider-banner-label{font-size:11px;font-weight:800;color:#c22;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}.rtb-rider-banner-name{font-size:26px;font-weight:800;color:#f66}.rtb-gameover-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}.rtb-gameover-title{font-size:34px;font-weight:800;color:var(--gold);margin-bottom:12px}.rtb-gameover-sub{font-size:16px;font-weight:500;color:var(--text-secondary);text-align:center}.def-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.def-start-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px 40px}.def-title{font-size:36px;font-weight:800;color:var(--gold);margin-bottom:24px}.def-setting-label{font-size:13px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.def-stepper{display:flex;align-items:center;gap:20px;margin-bottom:8px}.def-stepper-btn{width:40px;height:40px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:24px;font-weight:800;line-height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.def-stepper-value{font-size:32px;font-weight:800;color:var(--text);min-width:40px;text-align:center}.def-scoring-note{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:24px;text-align:center;max-width:280px}.def-btn-row{display:flex;gap:12px;margin-bottom:24px;width:100%;max-width:320px}.def-secondary-btn{flex:1;padding:12px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;text-align:center}.def-primary-btn{width:100%;max-width:320px;padding:14px;border-radius:8px;background:var(--gold);border:none;color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:1px;cursor:pointer;text-align:center}.def-btn-disabled{opacity:.35;cursor:not-allowed}.def-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.def-modal-box{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:360px;border:1px solid var(--border);max-height:85vh;overflow-y:auto}.def-modal-title{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:16px}.def-rule-label{font-size:13px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;margin-top:4px}.def-rule-opts{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.def-rule-opt{padding:8px 16px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:800;cursor:pointer}.def-rule-opt-active{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.def-htp-subtitle{font-size:14px;font-weight:800;color:var(--text);margin-top:12px;margin-bottom:4px}.def-htp-text{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:20px;margin-bottom:6px}.def-htp-bold{font-weight:800;color:var(--text)}.def-game-area{flex:1;position:relative;min-height:500px}.def-bomb-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5}.def-bomb{font-size:120px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block}.def-bomb-shaking{animation:defShake .1s infinite alternate}@keyframes defShake{0%{transform:translate(-2px,1px) rotate(-1deg)}to{transform:translate(2px,-1px) rotate(1deg)}}.def-bomb-disabled{cursor:default}.def-tap-prompt{margin-top:12px;font-size:14px;font-weight:500;color:var(--text-secondary)}.def-elapsed-timer{position:absolute;top:12px;left:0;right:0;text-align:center;font-size:28px;font-weight:800;color:var(--text-secondary);z-index:10}.def-winner-text{position:absolute;top:12px;left:0;right:0;text-align:center;font-size:28px;font-weight:800;color:var(--text);z-index:10}.def-player-btn{position:absolute;width:100px;height:100px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9;transition:transform .15s,opacity .15s;z-index:10}.def-player-btn-p1{top:20px;left:10px}.def-player-btn-p2{top:20px;right:10px}.def-player-btn-p3{bottom:20px;left:10px}.def-player-btn-p4{bottom:20px;right:10px}.def-player-btn-inactive{opacity:.35}.def-player-btn-holder{animation:defPulse .6s ease-in-out infinite alternate}@keyframes defPulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.def-player-btn-loser{border:4px solid #ff2222;box-shadow:0 0 16px #f009}.def-player-btn-text{font-size:20px;font-weight:800;color:#fff}.def-score-label-wrap{position:absolute;z-index:10}.def-score-p1{top:125px;left:10px}.def-score-p2{top:125px;right:10px;text-align:right}.def-score-p3{bottom:125px;left:10px}.def-score-p4{bottom:125px;right:10px;text-align:right}.def-score-label{font-size:18px;font-weight:800;color:var(--text)}.def-round-delta{font-size:14px;font-weight:800;color:#7ec8e3}.def-action-btns{position:absolute;bottom:145px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:20}.def-action-btn{padding:12px 32px;border-radius:8px;background:#333;border:none;min-width:150px;font-size:15px;font-weight:800;color:#aaa;cursor:pointer;text-align:center}.def-action-btn-gold{background:#daaa00;color:#1a1a1a}.def-explosion-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#f50;z-index:30;pointer-events:none;animation:defFlash .7s ease-out forwards}@keyframes defFlash{0%{opacity:.85}to{opacity:0}}.def-particle{position:absolute;top:50%;left:50%;border-radius:50%;z-index:31;pointer-events:none;animation:defParticle var(--dur) ease-out forwards}@keyframes defParticle{0%{transform:translate(-50%,-50%) translate(0) scale(0);opacity:0}10%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1.4)}to{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.1);opacity:0}}.hr-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.hr-start-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px 40px}.hr-title{font-size:32px;font-weight:800;color:var(--gold);margin-bottom:20px}.hr-count-row{display:flex;align-items:center;gap:20px;margin-bottom:16px}.hr-stepper-btn{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:22px;line-height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hr-count-val{font-size:16px;font-weight:800;color:var(--text);min-width:80px;text-align:center}.hr-horse-list{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.hr-horse-row{display:flex;align-items:center;gap:8px}.hr-horse-dot{width:12px;height:12px;border-radius:6px;flex-shrink:0}.hr-horse-input{flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:15px;font-weight:500;font-family:inherit;outline:none}.hr-refresh-btn{width:34px;height:34px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hr-btn-row{display:flex;gap:12px;margin-bottom:20px;width:100%;max-width:360px}.hr-secondary-btn{flex:1;padding:12px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;text-align:center}.hr-primary-btn{width:100%;max-width:360px;padding:14px;border-radius:8px;background:var(--gold);border:none;color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:1px;cursor:pointer;text-align:center}.hr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.hr-modal-box{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:360px;border:1px solid var(--border);max-height:85vh;overflow-y:auto}.hr-modal-title{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:16px}.hr-rule-label{font-size:12px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;margin-top:4px}.hr-rule-opts{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.hr-rule-opt{padding:8px 14px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:800;cursor:pointer}.hr-rule-opt-active{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.hr-rule-opt-disabled{opacity:.3;cursor:not-allowed}.hr-htp-subtitle{font-size:14px;font-weight:800;color:var(--text);margin-top:12px;margin-bottom:4px}.hr-htp-text{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:20px;margin-bottom:6px}.hr-race-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px;gap:12px}.hr-commentary-bar{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px;min-height:42px;display:flex;align-items:center;justify-content:center}.hr-commentary-text{font-size:13px;font-weight:500;color:var(--gold);text-align:center;line-height:19px}.hr-track-wrapper{width:100%;position:relative}.hr-track{width:100%;border-radius:10px;overflow:hidden;position:relative;background:#1a3a1a}.hr-track-oval-outer{position:absolute;background:#c4a35a;border-radius:999px;border:2px solid #e8e8e8}.hr-track-oval-inner{position:absolute;background:#1a3a1a;border-radius:999px;border:2px solid #e8e8e8}.hr-track-straight-dirt{position:absolute;background:#c4a35a}.hr-track-rail{position:absolute;background:#e8e8e8}.hr-track-lane-div{position:absolute;background:#0000004d}.hr-finish-checker{position:absolute}.hr-lane-label{position:absolute;font-size:10px;color:#ccc;font-weight:500}.hr-horse-dot-race{position:absolute;top:0;left:0;border:1.5px solid #ffffff;border-radius:50%;box-shadow:0 1px 3px #0006;pointer-events:none}.hr-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:20}.hr-countdown-text{font-size:72px;font-weight:800;color:var(--gold);line-height:80px}.hr-countdown-go{color:#81c784}.hr-winner-banner{position:absolute;top:35%;left:50%;transform:translate(-50%);background:#121212eb;border:2px solid var(--gold);border-radius:12px;padding:14px 24px;text-align:center;z-index:20}.hr-winner-label{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:2px;margin-bottom:6px}.hr-winner-row{display:flex;align-items:center;justify-content:center;gap:10px}.hr-winner-swatch{width:14px;height:14px;border-radius:7px;border:2px solid #cccccc}.hr-winner-name{font-size:20px;font-weight:800;color:#ccc}.hr-leaderboard{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px}.hr-lb-header{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:1.5px;margin-bottom:8px}.hr-lb-row{display:flex;align-items:center;gap:10px;padding:6px 0}.hr-lb-row-border{border-bottom:1px solid var(--border)}.hr-lb-pos{font-size:12px;font-weight:500;color:var(--text-secondary);width:18px;text-align:right}.hr-lb-dot{width:11px;height:11px;border-radius:6px;flex-shrink:0}.hr-lb-name{flex:1;font-size:14px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-lb-lap{font-size:11px;font-weight:500;color:var(--text-secondary)}.hr-lb-done{font-size:12px;font-weight:800;color:var(--gold)}.pig-container{max-width:600px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.pig-start-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px 40px;gap:10px}.pig-title{font-size:36px;font-weight:800;color:var(--gold);margin-bottom:4px}.pig-section-label{font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.pig-stepper{display:flex;align-items:center;gap:24px;margin-bottom:20px}.pig-step-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:24px;line-height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pig-step-count{font-size:28px;font-weight:800;color:var(--gold);min-width:30px;text-align:center}.pig-name-list{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.pig-name-input{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:15px;font-weight:500;font-family:inherit;text-align:center;outline:none}.pig-name-input::placeholder{color:var(--text-secondary)}.pig-btn-row{display:flex;gap:12px;width:100%;max-width:320px;margin-bottom:12px}.pig-secondary-btn{flex:1;padding:12px 16px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;text-align:center}.pig-primary-btn{width:100%;max-width:320px;padding:14px;border-radius:8px;background:var(--gold);border:none;color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:1px;cursor:pointer;text-align:center}.pig-btn-disabled{opacity:.3;cursor:not-allowed}.pig-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.pig-modal-box{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:360px;border:1px solid var(--border);max-height:85vh;overflow-y:auto}.pig-modal-title{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:16px}.pig-rule-label{font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.pig-rule-opts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pig-rule-opt{padding:8px 12px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:800;cursor:pointer}.pig-rule-opt-active{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.pig-htp-subtitle{font-size:14px;font-weight:800;color:var(--text);margin-top:12px;margin-bottom:4px}.pig-htp-text{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:20px;margin-bottom:6px}.pig-htp-bad{color:#f53;font-weight:800}.pig-htp-good{color:#4c4;font-weight:800}.pig-game-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 16px 40px}.pig-final-banner{background:#2a0000;border:1px solid #cc3333;border-radius:8px;padding:8px 14px;margin-bottom:12px;width:100%;max-width:440px;text-align:center}.pig-final-banner-text{color:#f88;font-size:13px;font-weight:800}.pig-first-to{font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.5px}.pig-scoreboard{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;width:100%;max-width:440px}.pig-player-card{min-width:80px;flex:1;padding:8px 10px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:10px;text-align:center}.pig-player-card-active{border-color:var(--gold);border-width:2px}.pig-player-card-leader{border-color:#c33}.pig-p-name{font-size:11px;font-weight:800;color:var(--text-secondary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pig-p-name-active{color:var(--gold)}.pig-p-score{font-size:26px;font-weight:800;color:var(--gold);line-height:30px}.pig-leader-label{font-size:9px;font-weight:800;color:#c33;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.pig-turn-name{font-size:20px;font-weight:800;color:var(--text);margin-bottom:2px}.pig-result-msg{font-size:16px;font-weight:800;margin-bottom:2px;min-height:22px}.pig-round-score{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:20px}.pig-dice-row{display:flex;gap:24px;margin-bottom:24px;cursor:pointer;background:none;border:none;padding:0}.pig-dice-row:disabled{cursor:default}.pig-die{position:relative;background:#f4f0e8;box-shadow:0 2px 6px #0000004d}.pig-die-shaking{animation:pigShake .11s infinite alternate}@keyframes pigShake{0%{transform:translate(-6px) rotate(-6deg)}to{transform:translate(6px) rotate(6deg)}}.pig-die-glow{animation:pigGlow .7s ease-in-out infinite alternate}@keyframes pigGlow{0%{box-shadow:0 0 #f220,0 2px 6px #0000004d}to{box-shadow:0 0 12px #f22c,0 2px 6px #0000004d}}.pig-dot{position:absolute;background:#1a1a1a;border-radius:50%}.pig-game-btns{display:flex;gap:12px;width:100%;max-width:320px}.pig-game-btns .pig-primary-btn,.pig-game-btns .pig-secondary-btn{flex:1}.pig-ref-card{margin-top:20px;width:100%;max-width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.pig-ref-title{font-size:9px;font-weight:800;color:var(--text-secondary);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px}.pig-ref-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pig-ref-bad{font-size:12px;font-weight:800;color:#f53}.pig-ref-good{font-size:12px;font-weight:800;color:#4c4}.pig-ref-desc{font-size:12px;font-weight:500;color:var(--text-secondary)}.pig-gameover-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px 40px}.pig-gameover-title{font-size:28px;font-weight:800;color:var(--gold);margin-bottom:24px;text-align:center}.pig-final-list{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px}.pig-final-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.pig-final-row-winner{border-color:var(--gold)}.pig-final-rank{font-size:14px;font-weight:800;color:var(--text-secondary);width:20px}.pig-final-name{flex:1;font-size:16px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pig-final-score{font-size:22px;font-weight:800;color:var(--text)}.pig-final-row-winner .pig-final-rank,.pig-final-row-winner .pig-final-name,.pig-final-row-winner .pig-final-score{color:var(--gold)}@font-face{font-family:United Sans;src:url(/fonts/UnitedSansReg-Medium.otf) format("opentype");font-weight:500}@font-face{font-family:United Sans;src:url(/fonts/UnitedSansReg-Bold.otf) format("opentype");font-weight:700}@font-face{font-family:United Sans;src:url(/fonts/UnitedSansReg-Heavy.otf) format("opentype");font-weight:800}@font-face{font-family:United Sans;src:url(/fonts/UnitedSansReg-Light.otf) format("opentype");font-weight:300}@font-face{font-family:United Sans;src:url(/fonts/UnitedSansReg-Black.otf) format("opentype");font-weight:900}:root{--gold: #daaa00;--gold-dim: #b8900a;--bg: #121212;--bg-card: #1e1e1e;--bg-elevated: #2a2a2a;--text: #ffffff;--text-secondary: #aaaaaa;--border: #333333}[data-theme=light]{--bg: #f5f5f5;--bg-card: #ffffff;--bg-elevated: #e8e8e8;--text: #121212;--text-secondary: #666666;--border: #dddddd}*{margin:0;padding:0;box-sizing:border-box}body{font-family:United Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--gold);text-decoration:none}button{font-family:inherit;cursor:pointer}.layout{display:flex;flex-direction:column;min-height:100dvh;position:relative}.main-content{flex:1;padding-bottom:80px}.navbar{display:flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-bottom:1px solid var(--border);position:relative}.navbar-title{font-weight:800;font-size:16px}.navbar-back{position:absolute;left:16px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.tab-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:10px 24px;box-shadow:0 4px 12px #0000004d;z-index:100}.tab-item{display:flex;align-items:center;justify-content:center;padding:0 16px;background:none;border:none}.tab-icon{width:24px;height:24px;opacity:.4;transition:opacity .2s,transform .2s}.tab-item.active .tab-icon{opacity:1;width:28px;height:28px}.carousel-wrapper{display:flex;align-items:center;gap:4px;padding:0 8px}.carousel-arrow{background:none;border:none;color:var(--text-secondary);font-size:28px;font-weight:800;cursor:pointer;padding:4px;line-height:1;flex-shrink:0;opacity:.5;transition:opacity .15s}.carousel-arrow:hover{opacity:1;color:var(--gold)}.carousel{cursor:pointer;border-radius:16px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);flex:1;min-width:0}.carousel-slide{display:flex;align-items:center;padding:16px;gap:16px}.carousel-img{width:80px;height:80px;border-radius:12px;object-fit:cover}.carousel-info{flex:1}.carousel-title{font-size:20px;font-weight:800;margin-bottom:4px}.carousel-desc{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.carousel-players{font-size:12px;color:var(--gold);font-weight:700}.carousel-dots{display:flex;justify-content:center;gap:6px;padding-bottom:12px}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .2s}.carousel-dot.active{background:var(--gold)}.home-screen{max-width:600px;margin:0 auto;width:100%}.section{margin:20px 0}.section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;padding:0 16px;margin-bottom:10px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px}.game-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text);transition:transform .15s}.game-tile:hover{transform:scale(1.03)}.game-tile:active{transform:scale(.97)}.game-tile-img{width:48px;height:48px;border-radius:8px;object-fit:cover}.game-tile-title{font-size:13px;font-weight:700}.game-tile-players{font-size:11px;color:var(--text-secondary)}.extras-row{display:flex;gap:12px;padding:0 16px}.extras-btn{flex:1;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;font-weight:700;transition:transform .15s}.extras-btn:hover{transform:scale(1.02)}.screen{max-width:600px;margin:0 auto;width:100%}.screen-content{padding:24px 16px}.placeholder-text{color:var(--text-secondary);text-align:center;padding:40px 0}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.settings-toggle{background:var(--gold);color:#121212;border:none;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700}
