@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#020617;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;overflow-x:hidden;background-color:#020617}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a4d}::-webkit-scrollbar-thumb{background:#10b98133;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#10b98166}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{display:flex;align-items:center}.justify-between{display:flex;justify-content:space-between}.justify-center{display:flex;justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.felt-table{background:radial-gradient(circle at center,#064e3b,#022c22 65%,#021f18);position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(16,185,129,.15);box-shadow:inset 0 0 50px #0009}.felt-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 0);background-size:20px 20px;pointer-events:none;opacity:.7}.glass-panel{background:#0f172a73;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000059;border-radius:1.5rem}.glass-panel-light{background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;padding:.75rem 1.25rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;box-shadow:0 4px 12px #f59e0b33}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 6px 16px #f59e0b59}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#0f172a;box-shadow:0 4px 12px #10b98133}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 16px #10b98159}.btn-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #4f46e533}.btn-indigo:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 6px 16px #4f46e559}.btn-secondary{background:#1e293b;color:#f1f5f9;border:1px solid rgba(255,255,255,.08)}.btn-secondary:hover:not(:disabled){background:#334155}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,#f43f5e)}.btn-tab{flex:1;padding:.75rem;background:transparent;color:#94a3b8;font-size:.875rem;font-weight:600;border-bottom:2px solid transparent;border-radius:0;transition:all .2s}.btn-tab:hover{color:#f1f5f9}.btn-tab.active-single{border-bottom-color:#fbbf24;color:#fbbf24}.btn-tab.active-create{border-bottom-color:#10b981;color:#10b981}.btn-tab.active-join{border-bottom-color:#6366f1;color:#6366f1}.form-group{margin-bottom:1.25rem;width:100%}.form-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1;margin-bottom:.5rem}.form-input,.form-select{width:100%;background:#020617cc;border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:.75rem 1rem;border-radius:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus,.form-select:focus{border-color:#10b981;box-shadow:0 0 0 1px #10b98180}.form-select option{background:#0f172a;color:#f8fafc}.form-slider-container{background:#0206174d;padding:.75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.05)}.form-slider{width:100%;height:6px;background:#1e293b;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981cc;transition:background .15s}.form-slider::-webkit-slider-thumb:hover{background:#34d399}.game-layout-container{display:flex;flex-direction:column;gap:1rem;width:100%}.trick-table-arena{width:100%;height:480px;position:relative}.center-felt-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;border:1px dashed rgba(16,185,129,.3);background:#022c2240;box-shadow:inset 0 0 25px #00000080;display:flex;align-items:center;justify-content:center;pointer-events:none}.center-text-overlay{text-align:center;opacity:.5;color:#cbd5e1}.player-spot{position:absolute;display:flex;align-items:center;z-index:10}.player-spot.south{bottom:10.5rem;left:50%;transform:translate(-50%);flex-direction:column;gap:.375rem}.player-spot.north{top:1.25rem;left:50%;transform:translate(-50%);flex-direction:column;gap:.375rem}.player-spot.west{left:1.25rem;top:45%;transform:translateY(-50%);flex-direction:row;gap:.5rem}.player-spot.east{right:1.25rem;top:45%;transform:translateY(-50%);flex-direction:row-reverse;gap:.5rem}.player-avatar-hud{padding:.5rem .75rem;border-radius:1rem;border:2px solid #1e293b;min-width:100px;text-align:center;position:relative;background:#0f172ad9;box-shadow:0 4px 10px #0000004d}.player-avatar-hud.active-turn{border-color:#10b981;box-shadow:0 0 15px #10b98166}.player-name{font-weight:800;font-size:.8rem;color:#f1f5f9;white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.player-spot.south .player-name{color:#10b981}.player-role-badge{font-size:.55rem;font-weight:800;background:#020617;border:1px solid #334155;color:#fbbf24;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;display:inline-block}.player-points{font-size:.65rem;font-weight:600;color:#94a3b8;margin-top:.125rem}.timer-badge{position:absolute;top:-.75rem;right:-.75rem;background:#10b981;color:#0f172a;font-weight:900;font-size:.65rem;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #34d399;display:flex;align-items:center;justify-content:center;animation:pulseLoop 1.5s infinite}.player-hand-dock{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:580px;height:210px;z-index:20;pointer-events:none}.player-hand-dock .playing-card{pointer-events:auto}@media (max-width: 639px){.player-hand-dock{width:95vw;max-width:360px;height:110px;bottom:.125rem;overflow:visible}.player-hand-dock .playing-card{width:14vw!important;height:auto!important;aspect-ratio:2 / 3;margin:0!important;border-radius:.35rem;padding:.125rem;flex-shrink:0}.player-hand-dock .playing-card .card-rank{font-size:.95rem}.player-hand-dock .playing-card .card-suit{font-size:.75rem}.player-hand-dock .playing-card .playing-card-center-icon{font-size:1.3rem}.player-hand-dock .playing-card .point-badge{font-size:.5rem;padding:.05rem .1rem}.player-hand-dock .playing-card.selected{z-index:45!important}}.played-trick-card{position:absolute;transition:all .35s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column;align-items:center}.played-trick-card.south{bottom:-45px;left:50%;transform:translate(-50%)}.played-trick-card.north{top:-45px;left:50%;transform:translate(-50%) rotate(180deg)}.played-trick-card.west{left:-45px;top:50%;transform:translateY(-50%) rotate(90deg)}.played-trick-card.east{right:-45px;top:50%;transform:translateY(-50%) rotate(-90deg)}.played-card-label{background:#020617;border:1px solid #1e293b;font-size:.55rem;font-weight:700;color:#94a3b8;padding:.125rem .25rem;border-radius:4px;margin-top:-.5rem;z-index:10;transform:rotate(inherit)}.feed-log-overlay{position:absolute;bottom:1rem;left:1rem;width:260px;height:90px;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:.5rem;overflow-y:auto;z-index:20}@media (max-width: 640px){.feed-log-overlay{display:none!important}}.feed-title{font-size:.55rem;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin-bottom:.25rem}.feed-row{font-size:.65rem;color:#cbd5e1;line-height:1.25;margin-bottom:.125rem}.playing-card{width:56px;height:84px;border-radius:.5rem;border:2px solid rgba(255,255,255,.08);background:#0f172a;display:flex;flex-direction:column;justify-content:space-between;padding:.25rem;position:relative;box-shadow:0 4px 10px #0000004d;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,opacity .2s;cursor:pointer;-webkit-user-select:none;user-select:none}@media (min-width: 640px){.playing-card{width:80px;height:120px;padding:.5rem}}@media (min-width: 768px){.playing-card{width:90px;height:135px;padding:.625rem}}.playing-card:hover:not(.disabled){transform:translateY(-16px) scale(1.05);box-shadow:0 10px 20px #00000080;z-index:30}.playing-card.disabled{opacity:.35;cursor:not-allowed}.playing-card.selected{transform:translateY(-24px) scale(1.05);border-color:#10b981;box-shadow:0 0 12px #10b98166;z-index:30}.card-rank{font-size:1.1rem;font-weight:800}.card-suit{font-size:.8rem}.playing-card-suit-symbol{font-size:.9rem}@media (min-width: 640px){.playing-card-suit-symbol{font-size:1.25rem}}.playing-card-center-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;opacity:.08;pointer-events:none}@media (min-width: 640px){.playing-card-center-icon{font-size:2.5rem}}.point-badge{font-size:.55rem;font-weight:800;padding:.125rem .25rem;border-radius:4px}.point-badge.regular{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.point-badge.rani{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.playing-card.queen-of-spades{border-color:#fbbf2473;background:linear-gradient(135deg,#0f172a,#1e1b4b);box-shadow:0 0 12px #fbbf2426}.playing-card.trump-S{border-color:#818cf880;box-shadow:0 0 10px #818cf840;background:linear-gradient(135deg,#0f172a,#1e1b4b)}.playing-card.trump-H{border-color:#f43f5e80;box-shadow:0 0 10px #f43f5e40;background:linear-gradient(135deg,#0f172a,#4c0519)}.playing-card.trump-D{border-color:#f59e0b80;box-shadow:0 0 10px #f59e0b40;background:linear-gradient(135deg,#0f172a,#451a03)}.playing-card.trump-C{border-color:#10b98180;box-shadow:0 0 10px #10b98140;background:linear-gradient(135deg,#0f172a,#022c22)}.playing-card.queen-of-spades.trump-S{border-color:#fbbf2499;box-shadow:0 0 14px #fbbf2440,0 0 8px #818cf84d}.scoreboard-panel{padding:1rem}.score-row-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.score-line-details{display:flex;justify-content:space-between;font-size:.75rem;font-weight:500;color:#cbd5e1}.score-progress-track{width:100%;height:5px;background:#020617;border-radius:9999px;overflow:hidden}.score-progress-bar{height:100%;border-radius:9999px;background:#6366f1}.score-progress-bar.leader{background:#fbbf24}.info-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.info-box-item{background:#02061766;border:1px solid rgba(255,255,255,.05);padding:.5rem;border-radius:.75rem;text-align:center}.info-box-value{font-size:.875rem;font-weight:900;color:#f1f5f9}.modal-overlay-blur{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-window-card{width:100%;max-width:440px;padding:1.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);background:#0f172ad9;box-shadow:0 10px 40px #00000080;text-align:center}.app-header-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.game-grid-system{display:block;width:100%}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:popIn .3s cubic-bezier(.175,.885,.32,1.1) forwards}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseLoop{0%{transform:scale(1);box-shadow:0 0 #10b981b3}70%{transform:scale(1.05);box-shadow:0 0 0 8px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.history-toggle-header{transition:all .2s ease}.history-toggle-header:hover{color:#60a5fa!important;opacity:.9}@media (max-width: 640px){.hidden-mobile{display:none!important}.player-spot.west{left:.5rem}.player-spot.east{right:.5rem}.center-felt-circle{width:170px;height:170px}.played-trick-card .playing-card{width:44px;height:66px}.played-trick-card.south{bottom:8px}.played-trick-card.north{top:8px}.played-trick-card.west{left:20px}.played-trick-card.east{right:20px}.played-card-label{font-size:.5rem;padding:1px 3px;margin-top:-.25rem}}@media (min-width: 641px){.show-mobile{display:none!important}}.rules-modal-card{width:95vw;max-width:820px;max-height:95vh;display:flex;flex-direction:column;background:#0b1329;border:1px solid rgba(16,185,129,.2);border-radius:1.5rem;box-shadow:0 25px 50px #000c;color:#f8fafc;overflow:hidden;font-family:Outfit,sans-serif}.rules-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#02061766}.rules-modal-header h2{font-size:1.2rem;font-weight:800;color:#fbbf24;display:flex;align-items:center;gap:.5rem}.rules-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.rules-close-btn:hover{color:#f8fafc;background:#ffffff14}.rules-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;gap:1.5rem}.rules-slide-info{flex:1.2;display:flex;flex-direction:column;justify-content:space-between;min-height:380px}.rules-slide-visuals{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0206174d;border:1px solid rgba(255,255,255,.04);border-radius:1rem;padding:1.25rem 1rem;min-height:380px;position:relative;overflow:hidden}.rules-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);background:#02061766}.rules-slide-header h2{font-size:1.6rem;font-weight:800;color:#fbbf24;margin-bottom:.35rem}.rules-slide-header .rules-slide-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#818cf8;background:#818cf826;padding:.2rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.35rem}.rules-slide-body{flex:1;font-size:.95rem;line-height:1.5;color:#cbd5e1;display:flex;flex-direction:column;justify-content:center}.rules-slide-body p{margin-bottom:.5rem}.rules-slide-body ul{list-style-type:none}.rules-slide-body li{position:relative;padding-left:1.1rem;margin-bottom:.4rem}.rules-slide-body li:before{content:"✦";position:absolute;left:0;color:#fbbf24}.rules-slide-number{font-size:.75rem;color:#64748b;font-weight:600;margin-top:.5rem}.rules-callout{background:#818cf80f;border-left:4px solid #818cf8;padding:.6rem .8rem;border-radius:0 8px 8px 0;font-size:.8rem;line-height:1.35;color:#94a3b8}.rules-badge{font-size:.75rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:inline-block}.rules-badge-danger{background:#f43f5e26;border-color:#f43f5e;color:#f43f5e}.rules-badge-primary{background:#fbbf2426;border-color:#fbbf24;color:#fbbf24}.rules-badge-accent{background:#818cf826;border-color:#818cf8;color:#818cf8}.rules-badge-success{background:#34d39926;border-color:#34d399;color:#34d399}.rules-visuals-table{width:320px;height:220px;background:radial-gradient(circle at center,#064e3b,#022c22 65%,#021f18);border:8px solid #3b2314;border-radius:50%;position:relative;box-shadow:inset 0 0 30px #0009,0 10px 20px #0006}.rules-visuals-table .seat{position:absolute;width:48px;height:48px;background:#1e293b;border:2px solid #818cf8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;box-shadow:0 4px 10px #0000004d;color:#f8fafc}.rules-visuals-table .seat.north{top:-25px;left:calc(50% - 24px)}.rules-visuals-table .seat.south{bottom:-25px;left:calc(50% - 24px)}.rules-visuals-table .seat.east{right:-25px;top:calc(50% - 24px)}.rules-visuals-table .seat.west{left:-25px;top:calc(50% - 24px)}.rules-card-element{width:76px;height:114px;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:8px;color:#0f172a;font-weight:800;position:relative;border:1px solid #e2e8f0;-webkit-user-select:none;user-select:none;transition:all .3s ease}.rules-card-element.heart,.rules-card-element.diamond{color:#f43f5e}.rules-card-element.spade,.rules-card-element.club{color:#0f172a}.rules-card-element .card-center{font-size:2.2rem;text-align:center;align-self:center;line-height:1}.rules-card-element .card-points{position:absolute;bottom:6px;right:6px;background:#0f172a0d;border:1px dashed rgba(15,23,42,.2);font-size:.65rem;padding:.1rem .25rem;border-radius:4px;font-family:monospace}.rules-card-element.queen-spades{border:3px solid #fbbf24;box-shadow:0 0 15px #fbbf2480;background:linear-gradient(135deg,#fff,#fef3c7)}.rules-card-element.queen-spades:after{content:"👑";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.25rem;animation:crown-bounce 1s infinite alternate}.rules-card-element.queen-spades.small-card:after{font-size:.9rem;top:-9px}@keyframes crown-bounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-3px)}}.rules-title-cards{display:flex;gap:1.5rem;margin-bottom:2rem}.rules-title-cards .rules-card-element{animation:rules-float 3s ease-in-out infinite alternate}@keyframes rules-float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(3deg)}}.rules-deal-card{width:40px;height:60px;background:#fff;border-radius:4px;position:absolute;top:calc(50% - 30px);left:calc(50% - 20px);box-shadow:0 2px 8px #00000080;border:1px solid #ddd}.rules-slide-visuals.active #deal-c1{animation:deal-north 2s ease-in-out infinite}.rules-slide-visuals.active #deal-c2{animation:deal-east 2s ease-in-out infinite}.rules-slide-visuals.active #deal-c3{animation:deal-south 2s ease-in-out infinite}.rules-slide-visuals.active #deal-c4{animation:deal-west 2s ease-in-out infinite}@keyframes deal-north{0%,10%{transform:translate(0) scale(1) rotate(0);opacity:0}15%{opacity:1}40%,to{transform:translateY(-90px) scale(.7) rotate(360deg);opacity:0}}@keyframes deal-east{0%,25%{transform:translate(0) scale(1) rotate(0);opacity:0}30%{opacity:1}55%,to{transform:translate(120px) scale(.7) rotate(360deg);opacity:0}}@keyframes deal-south{0%,50%{transform:translate(0) scale(1) rotate(0);opacity:0}55%{opacity:1}80%,to{transform:translateY(90px) scale(.7) rotate(360deg);opacity:0}}@keyframes deal-west{0%,75%{transform:translate(0) scale(1) rotate(0);opacity:0}80%{opacity:1}95%,to{transform:translate(-120px) scale(.7) rotate(360deg);opacity:0}}.rules-point-card-row .rules-card-element:hover{transform:translateY(-10px) scale(1.08);box-shadow:0 10px 20px #fbbf2466}.rules-bid-bubble{position:absolute;background:#fbbf24;color:#0f172a;padding:.3rem .6rem;border-radius:12px;font-weight:800;font-size:.75rem;box-shadow:0 4px 10px #0000004d;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.rules-slide-visuals.active #bid-b1{animation:pop-bubble 4s infinite .5s}.rules-slide-visuals.active #bid-b2{animation:pop-bubble 4s infinite 1.5s}.rules-slide-visuals.active #bid-b3{animation:pop-bubble 4s infinite 2.5s}.rules-slide-visuals.active #bid-b4{animation:pop-bubble-win 4s infinite 3.5s}@keyframes pop-bubble{0%,20%{opacity:0;transform:scale(.5)}22%,95%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.5)}}@keyframes pop-bubble-win{0%,20%{opacity:0;transform:scale(.5);background:#fbbf24}22%,95%{opacity:1;transform:scale(1.1);background:#34d399;box-shadow:0 0 15px #34d39999}96%,to{opacity:0;transform:scale(.5)}}.rules-flip-card-container{perspective:1000px;width:140px;height:210px}.rules-flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d;animation:flip-loop 4s infinite ease-in-out}.rules-flip-card-front,.rules-flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800}.rules-flip-card-front{background:repeating-linear-gradient(45deg,#1e293b,#1e293b 10px,#334155 10px,#334155 20px);border:4px solid #475569;color:#475569;font-size:3rem}.rules-flip-card-back{background:#fff;transform:rotateY(180deg)}@keyframes flip-loop{0%,20%{transform:rotateY(0)}45%,75%{transform:rotateY(180deg)}95%,to{transform:rotateY(0)}}.rules-slide-visuals .trick-card{position:absolute;width:50px;height:75px;background:#fff;border-radius:4px;border:1px solid #ddd;box-shadow:0 4px 10px #0000004d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;opacity:0}.rules-slide-visuals .scen-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.rules-slide-visuals .scen-btn:hover{background:#ffffff1a;color:#f8fafc}.rules-slide-visuals .scen-btn.active{background:#818cf826;border-color:#818cf8;color:#818cf8}.rules-slide-visuals .south-card-s1,.rules-slide-visuals .south-card-s2,.rules-slide-visuals .south-card-s3{display:none!important}.rules-slide-visuals .active-scen-1 .south-card-s1,.rules-slide-visuals .active-scen-2 .south-card-s2,.rules-slide-visuals .active-scen-3 .south-card-s3{display:flex!important}.rules-slide-visuals.active .active-scen-1 #trick-c1,.rules-slide-visuals.active .active-scen-3 #trick-c1{animation:play-north-west-wins 4s infinite}.rules-slide-visuals.active .active-scen-1 #trick-c2,.rules-slide-visuals.active .active-scen-3 #trick-c2{animation:play-east-west-wins 4s infinite}.rules-slide-visuals.active .active-scen-1 #trick-c4,.rules-slide-visuals.active .active-scen-3 #trick-c4{animation:play-west-west-wins 4s infinite}.rules-slide-visuals.active .active-scen-1 .south-card-s1{animation:play-south-s1-loop 4s infinite}.rules-slide-visuals.active .active-scen-3 .south-card-s3{animation:play-south-s3-loop 4s infinite}.rules-slide-visuals.active .active-scen-2 #trick-c1{animation:play-north-south-wins 4s infinite}.rules-slide-visuals.active .active-scen-2 #trick-c2{animation:play-east-south-wins 4s infinite}.rules-slide-visuals.active .active-scen-2 #trick-c4{animation:play-west-south-wins 4s infinite}.rules-slide-visuals.active .active-scen-2 .south-card-s2{animation:play-south-s2-loop 4s infinite}.rules-slide-visuals .score-popup{position:absolute;font-weight:800;font-size:.8rem;padding:.2rem .5rem;border-radius:6px;opacity:0;pointer-events:none;transition:all .3s ease;z-index:5}.rules-slide-visuals .coin-to-south,.rules-slide-visuals .coin-to-east,.rules-slide-visuals .coin-to-north,.rules-slide-visuals .coin-to-west{position:absolute;width:20px;height:20px;background:#fbbf24;border:2px solid #d97706;border-radius:50%;box-shadow:0 2px 5px #0000004d;opacity:0;z-index:6}.rules-slide-visuals.active .coin-to-south{animation:coin-south-anim 8s infinite}.rules-slide-visuals.active .coin-to-east{animation:coin-east-anim 8s infinite}.rules-slide-visuals.active .coin-to-north{animation:coin-north-anim 8s infinite}.rules-slide-visuals.active .coin-to-west{animation:coin-west-anim 8s infinite}.rules-slide-visuals.active .rules-visuals-table .seat.south{animation:seat-south-glow 8s infinite}.rules-slide-visuals.active .rules-visuals-table .seat.east{animation:seat-east-glow 8s infinite}.rules-slide-visuals.active .rules-visuals-table .seat.north{animation:seat-north-glow 8s infinite}.rules-slide-visuals.active .rules-visuals-table .seat.west{animation:seat-west-glow 8s infinite}.rules-slide-visuals.active .south-score{animation:score-south-anim 8s infinite}.rules-slide-visuals.active .east-score{animation:score-east-anim 8s infinite}.rules-slide-visuals.active .north-score{animation:score-north-anim 8s infinite}.rules-slide-visuals.active .west-score{animation:score-west-anim 8s infinite}.rules-slide-visuals.active .scenario-text:after{content:"Scenario 1: Bidders Succeed (Bid: 80)";color:#34d399;animation:scenario-text-anim 8s infinite}@keyframes scenario-text-anim{0%,48%{content:"Scenario 1: Bidders Succeed (Bid: 80)";color:#34d399}50%,98%{content:"Scenario 2: Defenders Win (Bid: 80)";color:#34d399}}.rules-slide-visuals.active #scenario-banner{animation:banner-border-anim 8s infinite}@keyframes banner-border-anim{0%,48%{border-color:#34d3994d;background:#34d3990d}50%,98%{border-color:#34d3994d;background:#34d3990d}}.rules-trophy-visual{font-size:6rem;animation:spin-trophy 6s linear infinite;filter:drop-shadow(0 0 20px rgba(251,191,36,.2))}@keyframes spin-trophy{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(-10px)}to{transform:rotateY(360deg) translateY(0)}}.rules-fw-show{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.rules-fw{position:absolute;width:5px;height:5px}.rules-fw .particle{position:absolute;width:5px;height:5px;border-radius:50%;opacity:0}.rules-slide-visuals.active .rules-fw .particle{animation:explode-p 2s infinite ease-out}.rules-slide-visuals.active .fw-1 .particle{animation-delay:.1s}.rules-slide-visuals.active .fw-2 .particle{animation-delay:.6s}.rules-slide-visuals.active .fw-3 .particle{animation-delay:1.1s}.rules-slide-visuals.active .fw-4 .particle{animation-delay:1.6s}@media (max-width: 768px){.rules-modal-card{height:98vh;border-radius:1rem}.rules-modal-body{flex-direction:column;gap:.75rem;padding:.875rem 1rem}.rules-slide-info{min-height:auto;flex:none;gap:.5rem}.rules-slide-header h2{font-size:1.3rem}.rules-slide-body{font-size:.875rem}.rules-slide-body li{margin-bottom:.25rem}.rules-slide-visuals{min-height:250px;flex:1;padding:.5rem}.rules-visuals-table{transform:scale(.62)!important;margin-top:-15px!important;margin-bottom:-15px!important}.rules-slide-visuals .scen-btn{padding:.25rem .5rem;font-size:.7rem}}.rules-page-container{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at center,#022c22,#021f18 70%,#020617);color:#f8fafc;font-family:Outfit,sans-serif}.rules-page-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.rules-page-card{width:100%;max-width:960px;min-height:520px;background:#0f172a80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.25);border-radius:1.5rem;box-shadow:0 25px 50px #000c;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.rules-page-body{padding:.75rem}.rules-page-card{border-radius:1rem;min-height:auto}}