:root{--table-bg: #11401f;--table-gradient: radial-gradient(circle at center, #1b5e20 0%, #0a2510 100%);--surface: #18712f;--surface-light: #44ae5d;--surface-overlay: #155126;--text-main: #FFFFFF;--text-muted: #c8e6c9;--card-width: 80px;--card-height: 120px;--card-bg: #FFFFFF;--card-red: #D32F2F;--card-black: #212121;--accent: #fec735;--solitaire-gold: linear-gradient(180deg, #fce079 0%, #f39c12 100%);--solitaire-gold-hover: linear-gradient(180deg, #fdf0a6 0%, #f3b112 100%);--solitaire-green-btn: linear-gradient(180deg, #4bd865 0%, #178a2d 100%);--solitaire-green-hover: linear-gradient(180deg, #6ee283 0%, #1ea136 100%);--dp-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--dp-4: 0 4px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--dp-8: 0 8px 16px rgba(0, 0, 0, .25), 0 6px 6px rgba(0, 0, 0, .22);--dp-24: 0 20px 40px rgba(0, 0, 0, .6), inset 0 0 0 2px #fff9c4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background:var(--table-gradient);color:var(--text-main);height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center}.lobby-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#2e7d32,#1b5e20,#0a2b0f);display:flex;justify-content:center;align-items:center;z-index:2000;transition:opacity .5s ease}.lobby-overlay.hidden{display:none!important}.lobby-container{background:linear-gradient(180deg,var(--surface-light) 0%,var(--surface) 100%);border:4px solid var(--accent);border-radius:24px;padding:48px;max-width:480px;width:90%;box-shadow:var(--dp-24);text-align:center;position:relative;color:var(--text-main)}.lobby-container h1{font-family:Playfair Display,serif;font-size:4.5rem;color:#fff;margin-bottom:8px;letter-spacing:6px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px var(--accent)}.lobby-logo{max-width:250px;height:auto;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(254,199,53,.4));animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lobby-container h2{font-family:Playfair Display,serif;font-size:2.5rem;color:#fff;margin-bottom:24px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 8px var(--accent)}.lobby-subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:32px;font-weight:500;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.lobby-input{width:100%;padding:14px 20px;border:4px solid #55c86f;border-radius:12px;background:#0f461c;color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:1.2rem;margin-bottom:24px;outline:none;box-shadow:inset 0 3px 6px #00000080;transition:border-color .2s,box-shadow .2s}.lobby-input:focus{border-color:var(--accent);box-shadow:inset 0 3px 6px #00000080,0 0 0 3px #ffc10766}.nickname-container{display:flex;align-items:center;gap:12px;margin-bottom:24px}.nickname-container .lobby-input{margin-bottom:0;flex:1}.save-nickname-btn{background:#155126;border:2px solid #338a45;border-radius:12px;padding:14px;cursor:pointer;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;height:60px;width:60px;flex-shrink:0}.save-nickname-btn:hover{background:#19612d;color:var(--accent);border-color:var(--accent);transform:scale(1.05)}.save-nickname-btn:active{transform:scale(.95)}.save-nickname-btn.success{background:#2e7d32;border-color:#4caf50;color:#fff;box-shadow:0 0 10px #4caf5080}.save-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--accent);color:#212121;font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #0006;border:1px solid rgba(0,0,0,.1);z-index:10}.save-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--accent)}.lobby-input::placeholder{color:#81c784}.lobby-buttons{display:flex;flex-direction:column;gap:12px}.lobby-btn{width:100%;padding:14px 24px;font-size:.95rem}.secondary-btn{background:var(--solitaire-green-btn)!important;border:2px solid #7ef893!important;color:#fff!important;box-shadow:0 5px #0d541b,0 8px 10px #0000004d!important}.secondary-btn:hover{background:var(--solitaire-green-hover)!important;transform:translateY(2px);box-shadow:0 3px #0d541b,0 5px 6px #0000004d!important}.secondary-btn:active{transform:translateY(5px);box-shadow:0 0 #0d541b,0 2px 3px #0000004d!important}.blue-btn{background:linear-gradient(180deg,#4da7ff,#1976d2)!important;border:2px solid #90caf9!important;color:#fff!important;box-shadow:0 5px #0d47a1,0 8px 10px #0000004d!important}.blue-btn:hover{background:linear-gradient(180deg,#74bbff,#2196f3)!important;transform:translateY(2px);box-shadow:0 3px #0d47a1,0 5px 6px #0000004d!important}.blue-btn:active{transform:translateY(5px);box-shadow:0 0 #0d47a1,0 2px 3px #0000004d!important}.red-btn{background:linear-gradient(180deg,#ff6b6b,#d32f2f)!important;border:2px solid #ef9a9a!important;color:#fff!important;box-shadow:0 5px #8b0000,0 8px 10px #0000004d!important}.red-btn:hover{background:linear-gradient(180deg,#ff8a80,#e53935)!important;transform:translateY(2px);box-shadow:0 3px #8b0000,0 5px 6px #0000004d!important}.red-btn:active{transform:translateY(5px);box-shadow:0 0 #8b0000,0 2px 3px #0000004d!important}.room-code-display{font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;letter-spacing:8px;color:var(--accent);background:#11401f;border:4px solid #3ca553;padding:16px 32px;border-radius:20px;margin:8px 0 24px;-webkit-user-select:all;user-select:all;cursor:pointer;transition:background .2s;text-shadow:1px 1px 3px rgba(0,0,0,.8);box-shadow:inset 0 5px 10px #0009}.room-code-display:hover{background:#0d3218}.room-code-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 20px}.room-code-wrapper .room-code-display{margin:0}.copy-code-btn{background:#155126;border:2px solid #338a45;border-radius:12px;padding:14px;cursor:pointer;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.copy-code-btn:hover{background:#19612d;color:var(--accent);border-color:var(--accent);transform:scale(1.05)}.copy-code-btn:active{transform:scale(.95)}.copy-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--accent);color:#212121;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000004d}.copy-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--accent)}.teams-container{display:flex;gap:12px;align-items:stretch;margin:0 0 8px}.team-column{flex:1;display:flex;flex-direction:column;gap:8px}.team-header{font-family:Outfit,sans-serif;font-weight:900;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;padding:8px;border-radius:10px;text-align:center}.team-a-header{background:#1976d2;border:2px solid #2196F3;color:#fff}.team-b-header{background:#c62828;border:2px solid #F44336;color:#fff}.team-vs{display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:900;font-size:1.2rem;color:var(--accent);text-shadow:1px 1px 3px rgba(0,0,0,.5);padding:0 4px}.team-slots{display:flex;flex-direction:column;gap:6px}.team-player-slot{display:flex;align-items:center;padding:15px 12px;border-radius:10px;max-height:52px;background:#155126;border:2px solid #338a45;box-shadow:inset 0 2px 4px #0000004d;font-size:.9rem;color:var(--text-muted);transition:background .2s,border-color .2s;gap:8px}.team-player-slot.filled{background:#19612d;color:var(--text-main)}.team-player-slot .player-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-player-slot .bot-tag{font-size:.6rem;background:#ffc10733;color:var(--accent);padding:2px 6px;border-radius:4px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.team-player-slot .status-dot{width:8px;height:8px;border-radius:50%;background:#444;flex-shrink:0}.team-player-slot.filled .status-dot{background:#4caf50;box-shadow:0 0 6px #4caf5080}.swap-btn{background:none;border:1.5px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 6px;cursor:pointer;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.swap-btn:hover{background:#ffc10726;border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.swap-btn:active{transform:scale(.9)}.swap-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.player-list{text-align:left;margin:16px 0}.player-list-item{display:flex;align-items:center;padding:10px 16px;border-radius:12px;margin-bottom:8px;background:#155126;border:2px solid #338a45;box-shadow:inset 0 2px 4px #0000004d;font-size:1rem;color:var(--text-muted);transition:background .2s}.player-list-item.filled{background:#19612d;color:var(--text-main)}.player-list-item .seat-label{width:70px;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.player-list-item .player-name{flex:1;font-weight:400}.player-list-item .bot-tag{font-size:.65rem;background:#ffc10733;color:var(--accent);padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:700;letter-spacing:.5px}.player-list-item .status-dot{width:8px;height:8px;border-radius:50%;background:#444;flex-shrink:0}.player-list-item.filled .status-dot{background:#4caf50;box-shadow:0 0 6px #4caf5080}.waiting-text{color:var(--text-muted);font-size:1rem;margin:12px 0 16px;font-style:italic;font-weight:500}.lobby-error{margin-top:16px;padding:10px 16px;background:#d32f2f26;border:1px solid rgba(211,47,47,.4);border-radius:8px;color:#ef9a9a;font-size:.85rem}.lobby-step{min-height:200px}.settings-trigger-btn{display:flex!important;align-items:center;justify-content:center;gap:8px}.settings-trigger-btn svg{flex-shrink:0}.settings-modal-content{max-width:460px;width:90vw}#settings-modal{z-index:2500;background:#0009}.settings-modal-content h2{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;font-family:Playfair Display,serif;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 8px var(--accent)}.settings-modal-content h2 svg{color:var(--accent);flex-shrink:0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#155126;border:2px solid #338a45;border-radius:12px;margin-bottom:10px;box-shadow:inset 0 2px 4px #0000004d;transition:border-color .2s,background .2s;gap:12px}.setting-row:hover{border-color:#44ae5d;background:#19612d}.setting-label{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.setting-icon{font-size:1.4rem;flex-shrink:0;width:28px;text-align:center}.setting-name{display:block;font-weight:600;font-size:.9rem;color:var(--text-main);white-space:nowrap}.setting-desc{display:block;font-size:.7rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0f461c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2381c784' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;border:2px solid #338a45;border-radius:8px;padding:8px 34px 8px 12px;color:var(--accent);font-family:Roboto,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;min-width:120px;flex-shrink:0}.setting-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffc10733}.setting-select:disabled{opacity:.5;cursor:not-allowed}.setting-select option{background:#0f461c;color:#fff}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#333;border:2px solid #555;border-radius:28px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(180deg,#4bd865,#178a2d);border-color:#7ef893}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-footer{margin-top:20px;text-align:center}.settings-readonly-notice{color:var(--text-muted);font-size:.8rem;margin-bottom:14px;padding:8px 12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.turn-timer-hud{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.turn-timer-ring{width:48px;height:48px;transform:rotate(-90deg)}.turn-timer-bg{fill:none;stroke:#333;stroke-width:3}.turn-timer-progress{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:106.81;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .3s}.turn-timer-progress.urgent{stroke:#f44336}.turn-timer-text{position:absolute;font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;color:var(--text-main)}.turn-timer-text.urgent{color:#f44336;animation:timer-pulse .5s ease-in-out infinite alternate}@keyframes timer-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.material-panel{background:var(--surface);box-shadow:var(--dp-4);border-radius:8px}.glass-btn{background:var(--solitaire-gold);border:2px solid #fdeea9;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);padding:14px 24px;border-radius:30px;font-family:inherit;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 5px #bc6c05,0 8px 10px #0000004d;transition:transform .1s,box-shadow .1s,background .1s}.glass-btn:hover{background:var(--solitaire-gold-hover);transform:translateY(2px);box-shadow:0 3px #bc6c05,0 5px 6px #0000004d}.glass-btn:active{transform:translateY(5px);box-shadow:0 0 #bc6c05,0 2px 3px #0000004d}.glass-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(.5)}.scoreboard{position:absolute;top:20px;left:20px;display:flex;gap:16px;z-index:10}.team-score{background:#11401f;border:2px solid #3ca553;box-shadow:inset 0 2px 4px #00000080,0 4px 6px #0006;border-radius:12px;padding:8px 16px;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:4px}.team-score h3{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}.tricks-focus{font-size:2.2rem;font-family:Outfit,sans-serif;font-weight:900;color:var(--accent);line-height:1}.tokens-sub{font-size:.75rem;color:#cad5e2;font-weight:400}.game-watermark{position:absolute;bottom:20px;right:20px;width:120px;opacity:.3;pointer-events:none;z-index:1;transition:opacity .3s}.game-watermark:hover{opacity:.8}.top-right-controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-end;z-index:10}.small-btn{padding:8px 16px;font-size:.7rem}.status-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a2510e6;border:1.5px solid var(--accent);border-radius:16px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-main);text-align:center;box-shadow:0 10px 30px #0009;z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-message.hidden{display:none!important}.shuffle-container{display:flex;justify-content:center;align-items:center;position:relative;height:60px;width:120px;margin-top:10px}.mini-card{position:absolute;width:35px;height:50px;background:repeating-linear-gradient(45deg,#2b6cb0,#2b6cb0 5px,#2c5282 5px,#2c5282 10px);border:2px solid #fff;border-radius:4px;box-shadow:0 4px 8px #0006}.status-player-name{color:var(--accent);font-size:1.2rem;font-weight:900;display:inline}.status-text-desc{font-size:.95rem;opacity:.9;font-weight:500}.trump-indicator{padding:12px 20px;font-size:1rem;font-weight:500;background:#11401f;border:2px solid #3ca553;box-shadow:inset 0 2px 4px #00000080,0 4px 6px #0006;border-radius:12px}.trump-indicator span{font-size:1.5rem;margin-left:10px}.trump-indicator span.red{color:var(--card-red)}.trump-indicator span.black{color:#fff}.game-table{position:relative;width:90vw;max-width:1000px;height:90vh;max-height:800px;display:grid;grid-template-rows:1fr 2fr 1fr;grid-template-columns:1fr 2fr 1fr}.player{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.player-info{padding:8px 16px;border-radius:16px;font-size:.875rem;font-weight:500;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player-info.highlight{background:var(--accent);color:#212121}.player-info.highlight-red{background:var(--card-red);color:#fff}.north{grid-row:1;grid-column:2}.south{grid-row:3;grid-column:2}.west{grid-row:2;grid-column:1;flex-direction:row-reverse}.east{grid-row:2;grid-column:3;flex-direction:row}.west .player-info,.east .player-info{writing-mode:vertical-rl;margin:0;position:absolute;top:50%;transform:translateY(-50%);z-index:20}.west .player-info{left:-60px;transform:translateY(-50%) rotate(180deg)}.east .player-info{right:-60px;transform:translateY(-50%)}.hand{display:flex;justify-content:center;position:relative;height:var(--card-height);width:100%}.north .hand,.south .hand{gap:10px}.west .hand,.east .hand{flex-direction:column;align-items:center;width:var(--card-width);height:100%}.west .hand .card,.east .hand .card{margin-top:-80px;transform:rotate(90deg)}.west .hand .card:first-child,.east .hand .card:first-child{margin-top:0}.south .hand .card{margin-left:10px}.north .hand .card{margin-left:-50px}.south .hand .card:first-child,.north .hand .card:first-child{margin-left:0}.play-area{grid-row:2;grid-column:2;position:relative;display:flex;justify-content:center;align-items:center;margin:40px}.card-slot{position:absolute;width:var(--card-width);height:var(--card-height)}.card-slot.top{top:10%}.card-slot.bottom{bottom:10%}.card-slot.left{left:10%;transform:rotate(90deg)}.card-slot.right{right:10%;transform:rotate(-90deg)}.card{width:var(--card-width);height:var(--card-height);background:linear-gradient(135deg,#fff,#bbbaba);border:none;border-radius:8px;box-shadow:0 4px 10px #0003;position:relative;-webkit-user-select:none;user-select:none;font-family:Lato,serif;transform-style:preserve-3d}.card.red-suit{color:var(--card-red)}.card.black-suit{color:var(--card-black)}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:.95rem;font-weight:900;line-height:1}.card-corner:not(.bottom-right){top:6px;left:6px}.card-corner.bottom-right{bottom:6px;right:6px;transform:rotate(180deg)}.card-corner span:last-child{font-size:.75rem;margin-top:4px}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;font-weight:900;line-height:1;display:flex;justify-content:center;align-items:center}.card.facedown{background:repeating-linear-gradient(45deg,#2b6cb0,#2b6cb0 10px,#2c5282 10px,#2c5282 20px);border:4px solid #fff}.card.facedown *{display:none}.card.invalid{filter:brightness(.4) grayscale(.7);pointer-events:none;transform:translateY(10px)!important;opacity:.8}.south.active .hand .card{cursor:pointer}.south.active .hand .card:hover{transform:translateY(-30px) scale(1.05);box-shadow:0 15px 30px #0009;z-index:100!important}.south.active .hand .card:hover:after{content:"";position:absolute;left:0;right:0;top:0;bottom:-40px}.south .hand .card{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:999}.overlay.hidden{opacity:0;pointer-events:none}.modal-content{background:linear-gradient(180deg,var(--surface-light) 0%,var(--surface) 100%);border:4px solid var(--accent);box-shadow:var(--dp-24);border-radius:24px;padding:40px;text-align:center;max-width:448px;width:90%;color:var(--text-main)}.modal-content h2{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:16px;color:#fff;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px var(--accent)}.modal-content p{margin-bottom:30px;color:var(--text-muted);font-size:1rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.game-over-buttons{display:flex;flex-direction:column;gap:10px;align-items:center}.game-over-buttons .glass-btn{width:100%;max-width:280px}.suits-container{display:flex;gap:15px;justify-content:center}.suit-btn{background:#ffffffe6;border:none;border-radius:12px;padding:0;width:90px;height:90px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #0003}.suit-btn:hover{transform:scale(1.1) translateY(-5px);background:#fff;box-shadow:0 8px 25px #0000004d}.suit-btn span.red{color:var(--card-red);font-size:3rem}.suit-btn span.black{color:var(--card-black);font-size:3rem}.hidden{display:none!important}.trump-announce{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.announce-content{font-size:18rem;font-weight:700;filter:drop-shadow(0 0 50px rgba(0,0,0,.8));position:relative;z-index:2}.trump-ripple{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;opacity:0;z-index:1}.announce-content .red{color:var(--card-red);text-shadow:0 0 40px rgba(229,62,62,.6)}.announce-content .black{color:#000;text-shadow:0 0 40px rgba(255,255,255,.2)}.flying{pointer-events:none}.round-details{margin:20px 0;font-size:1.1rem;line-height:1.8;color:var(--text-main);text-align:left;background:#11401f;border:2px solid #3ca553;box-shadow:inset 0 3px 6px #00000080;padding:20px;border-radius:16px}.round-details .highlight{color:var(--accent);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.round-details .abort-reason{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:4px}.ready-status{margin-top:12px;color:var(--text-muted);font-size:.85rem;font-style:italic}.history-container{display:flex;justify-content:center;gap:15px;margin-top:20px;margin-bottom:40px}.confetti{position:fixed;width:10px;height:10px;background-color:red;z-index:2000;pointer-events:none;border-radius:2px}.grayscale-effect{filter:grayscale(1) brightness(.5);transition:filter 1.5s ease}#tutorial-spotlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:800;pointer-events:none}.tutorial-highlight{position:relative;z-index:850!important;box-shadow:0 0 0 5px #ffc10766,0 0 20px 10px #ffc1074d!important;pointer-events:auto!important;border-radius:12px;animation:pulseHighlight 2s infinite alternate}@keyframes pulseHighlight{0%{box-shadow:0 0 0 5px #ffc10799,0 0 30px 15px #ffc10766}to{box-shadow:0 0 0 2px #ffc107cc,0 0 15px 5px #ffc10799}}#tutorial-tooltip{position:fixed;background:linear-gradient(135deg,#ffc107f2,#ff9800f2);border:2px solid #fff;border-radius:12px;padding:16px 20px;color:#111;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;box-shadow:0 10px 30px #00000080,0 0 20px #ffc10780;z-index:900;max-width:300px;text-align:center;pointer-events:auto}.tooltip-content{display:flex;flex-direction:column;gap:12px;align-items:center}#tutorial-text{margin:0}#tutorial-next-btn{background:#111;color:#fff;border:1px solid #333;box-shadow:none;font-size:.8rem;padding:8px 16px}#tutorial-next-btn:hover{background:#333;transform:translateY(1px)}