:root{--rb-navy-deep: #0d1520;--rb-navy: #1a2744;--rb-navy-light: #243352;--rb-gold: #e8a020;--rb-gold-light: #f0c050;--rb-gold-dark: #c47a10;--rb-gold-gradient: linear-gradient(135deg, #f0c050, #e8a020, #c47a10);--rb-text: #d8d4ce;--rb-text-muted: #7a7568;--rb-border: #2a3550;--rb-surface: rgba(20, 30, 48, .8);--rb-glow-gold: 0 0 30px rgba(232, 160, 32, .3), 0 0 60px rgba(232, 160, 32, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--rb-navy-deep);color:var(--rb-text);min-height:100vh;overflow-x:auto}.app{margin:0 auto;padding:0 .5rem}.rb-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;border:1px solid var(--rb-gold);border-radius:4px;background:linear-gradient(180deg,var(--rb-gold),var(--rb-gold-dark));color:var(--rb-navy-deep);font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s}.rb-btn-primary:hover{background:linear-gradient(180deg,var(--rb-gold-light),var(--rb-gold));box-shadow:var(--rb-glow-gold)}.rb-btn-primary:disabled{background:var(--rb-navy-light);border-color:var(--rb-border);color:var(--rb-text-muted);cursor:not-allowed;box-shadow:none}.rb-btn-glow{box-shadow:0 0 16px #e8a02033}.rb-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;border:1px solid var(--rb-border);border-radius:4px;background:transparent;color:var(--rb-gold-light);font-size:.95rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all .2s}.rb-btn-secondary:hover{border-color:var(--rb-gold);color:var(--rb-gold);background:#e8a0200f}.rb-input{display:block;width:100%;padding:.75rem 1rem;border:1px solid var(--rb-border);border-radius:4px;background:#0d1520e6;color:var(--rb-text);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.rb-input:focus{border-color:var(--rb-gold);box-shadow:0 0 8px #e8a02026}.rb-input::placeholder{color:var(--rb-text-muted)}.rb-back-btn{background:none;border:none;color:var(--rb-text-muted);font-size:.85rem;cursor:pointer;padding:.25rem 0;transition:color .15s}.rb-back-btn:hover{color:var(--rb-gold)}.rb-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(232,160,32,.3);border-top-color:var(--rb-gold);border-radius:50%;animation:rb-spin .6s linear infinite}@keyframes rb-spin{to{transform:rotate(360deg)}}.login-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--rb-navy-deep);overflow:hidden}.login-bg-glow{display:none}.login-content{position:relative;z-index:1;max-width:480px;width:100%;padding:2rem 1.5rem;text-align:center}.login-brand{position:relative;margin-bottom:2.5rem}.login-brand:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(232,160,32,.15) 0%,rgba(232,160,32,.04) 40%,transparent 65%);pointer-events:none;animation:login-glow-pulse 4s ease-in-out infinite;z-index:-1}@keyframes login-glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.login-logo{width:440px;max-width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(232,160,32,.3));animation:logo-glow 3s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 20px rgba(232,160,32,.3))}50%{filter:drop-shadow(0 0 40px rgba(232,160,32,.5)) drop-shadow(0 0 80px rgba(232,160,32,.15))}}.login-simulator-tag{font-size:.75rem;letter-spacing:.5em;color:var(--rb-gold);margin-top:.5rem;font-weight:600}.login-divider{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--rb-gold),transparent);margin:1rem auto}.login-disclaimer{font-size:.65rem;color:var(--rb-text-muted);letter-spacing:.02em}.login-title{font-size:1.4rem;font-weight:700;color:var(--rb-gold);letter-spacing:.1em;text-transform:uppercase;text-align:center}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-input{display:block;width:100%;padding:.8rem 1rem;border:1px solid var(--rb-border);border-radius:4px;background:#0d1520e6;color:var(--rb-text);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--rb-gold);box-shadow:0 0 8px #e8a02026}.login-input::placeholder{color:var(--rb-text-muted)}.login-error{background:#c8323226;color:#e06060;border:1px solid rgba(200,50,50,.3);border-radius:4px;padding:.6rem 1rem;font-size:.85rem}.profile-page{max-width:550px;margin:0 auto;padding:4rem 1.5rem 2rem;min-height:100vh;background:radial-gradient(ellipse at center top,rgba(232,160,32,.06) 0%,transparent 60%)}.profile-card{display:flex;flex-direction:column;gap:1.5rem}.profile-header{text-align:center;margin-bottom:1rem}.profile-section{background:#1e1e2399;border:1px solid #333;border-radius:8px;padding:1.25rem}.profile-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--rb-gold);margin-bottom:.75rem;font-weight:600}.profile-display-group{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-display-value{font-size:1.1rem;color:#e0e0e0;font-weight:500}.profile-edit-btn{background:none;border:1px solid #555;border-radius:4px;padding:.4rem 1rem;color:var(--rb-gold-light);font-size:.85rem;cursor:pointer;transition:all .15s}.profile-edit-btn:hover:not(:disabled){border-color:var(--rb-gold);color:var(--rb-gold);background:#e8a0200f}.profile-edit-btn:disabled{opacity:.4;cursor:not-allowed}.profile-edit-group{display:flex;flex-direction:column;gap:.75rem}.profile-edit-actions{display:flex;gap:.5rem}.profile-cooldown{margin-top:.5rem;font-size:.8rem;color:#ffa726}.profile-value{font-size:1rem;color:#e0e0e0;margin:0}.profile-stats{display:flex;justify-content:space-around;gap:1rem}.profile-stat{flex:1;text-align:center;padding:1rem;background:#14141980;border-radius:6px;border:1px solid #2a2a30}.profile-stat-value{font-size:2rem;font-weight:700;color:var(--rb-gold);margin-bottom:.25rem}.profile-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#999}.profile-section-toggle{background:none;border:none;color:var(--rb-gold-light);font-size:.95rem;cursor:pointer;padding:0;text-align:left;width:100%;transition:color .15s}.profile-section-toggle:hover{color:var(--rb-gold)}.profile-password-form{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.profile-field-error{background:#ff32321f;color:#ff6b6b;border:1px solid rgba(255,50,50,.25);border-radius:6px;padding:.6rem 1rem;font-size:.85rem}.profile-success{background:#4caf501f;color:#4caf50;border:1px solid rgba(76,175,80,.25);border-radius:6px;padding:.6rem 1rem;font-size:.85rem}.profile-error{background:#ff32321f;color:#ff6b6b;border:1px solid rgba(255,50,50,.25);border-radius:6px;padding:1rem;font-size:.95rem;text-align:center;margin-bottom:1rem}@media(max-width:600px){.profile-page{padding:2rem 1rem}.profile-stats{flex-direction:column}.profile-stat{width:100%}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 1.25rem;background:linear-gradient(180deg,var(--rb-navy-deep) 0%,var(--rb-navy-deep) 60%,transparent 100%)}.navbar-left,.navbar-right{flex:1;display:flex;align-items:center}.navbar-right{justify-content:flex-end;position:relative}.navbar-center{display:flex;align-items:center;justify-content:center}.navbar-logo{height:30px;width:auto;filter:drop-shadow(0 0 8px rgba(232,160,32,.2))}.navbar-spacer{width:60px}.navbar-back-btn{background:none;border:none;color:var(--rb-text-muted);font-size:.85rem;cursor:pointer;padding:.25rem 0;transition:color .15s;white-space:nowrap}.navbar-back-btn:hover{color:var(--rb-gold)}.navbar-user-btn{background:none;border:none;color:var(--rb-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:.3rem 0;transition:color .2s;display:flex;align-items:center;gap:.3rem}.navbar-user-btn:hover{color:var(--rb-gold)}.navbar-caret{font-size:.65rem;opacity:.6}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:120px;background:transparent;overflow:hidden;animation:navbar-drop-in .2s ease-out}@keyframes navbar-drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{display:block;width:100%;padding:.4rem 0;background:none;border:none;color:var(--rb-text-muted);font-size:.8rem;text-align:left;cursor:pointer;transition:color .2s}.navbar-dropdown-item:hover{color:var(--rb-gold)}.navbar-dropdown-item+.navbar-dropdown-item{border:none}.lobby{position:relative;max-width:700px;margin:0 auto;padding:4rem 1.5rem 2rem;text-align:center;min-height:100vh}.lobby-page{position:relative;min-height:100vh;text-align:center}.lobby-header{position:relative;display:flex;align-items:flex-start;padding:1.5rem 1.5rem 1rem}.lobby-header-left{flex:1;display:flex;align-items:center}.lobby-header-center{flex:0 0 auto}.lobby-header-right{flex:1;display:flex;justify-content:flex-end}.navbar-inline{position:static;height:auto;padding:0;background:transparent;display:flex;justify-content:flex-end}.lobby-hero-brand{position:relative;text-align:center}.lobby-hero-brand:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px;background:radial-gradient(circle,rgba(232,160,32,.14) 0%,rgba(232,160,32,.04) 40%,transparent 65%);pointer-events:none;animation:login-glow-pulse 4s ease-in-out infinite;z-index:0}.lobby-hero-logo{position:relative;z-index:1;width:320px;max-width:80vw;height:auto;filter:drop-shadow(0 0 16px rgba(232,160,32,.25));animation:logo-glow 3s ease-in-out infinite}.lobby-simulator-tag{position:relative;z-index:1;font-size:.7rem;letter-spacing:.5em;color:var(--rb-gold);margin-top:.3rem;font-weight:600}.lobby-section-title{font-size:.85rem;letter-spacing:.35em;color:var(--rb-gold-light);margin-top:.5rem;text-transform:uppercase;font-weight:600;text-align:center}.lobby-cards{display:flex;gap:2rem;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.lobby-card-flip{perspective:800px;width:240px;height:320px}.lobby-card-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.lobby-card-flip:nth-child(2) .lobby-card-flip-inner{transition-delay:.08s}.lobby-card-flip.flip-1 .lobby-card-flip-inner{transform:rotateY(180deg)}.lobby-card-flip.flip-2 .lobby-card-flip-inner{transform:rotateY(360deg)}.lobby-card-flip-inner>.lobby-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden}.lobby-card-flip-inner>.lobby-card:nth-child(1){transform:rotateY(0);transition:visibility 0s .2s}.lobby-card-flip-inner>.lobby-card:nth-child(2){transform:rotateY(180deg)}.lobby-card-flip-inner>.lobby-card:nth-child(3){transform:rotateY(0);visibility:hidden;transition:visibility 0s .2s}.lobby-card-flip.flip-2 .lobby-card-flip-inner>.lobby-card:nth-child(1){visibility:hidden}.lobby-card-flip.flip-2 .lobby-card-flip-inner>.lobby-card:nth-child(3){visibility:visible}@property --lobby-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes lobby-rotate-angle{0%{--lobby-angle: 0deg}to{--lobby-angle: 360deg}}.lobby-card{width:240px;height:320px;border:1px solid var(--rb-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem 1rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;background:linear-gradient(170deg,rgba(255,255,255,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 30%,rgba(232,160,32,.06) 0%,transparent 60%),var(--rb-navy);box-shadow:0 4px 16px #00000080,0 0 10px #e8a02014,inset 0 1px #ffffff0f,inset 0 0 30px #0000004d}.lobby-card-icon-wrap{flex:1;display:flex;align-items:center;justify-content:center;z-index:1}.lobby-card-icon{width:64px;height:64px;color:var(--rb-gold);opacity:.7;filter:drop-shadow(0 0 6px rgba(232,160,32,.15));transition:opacity .3s ease,transform .3s ease,filter .3s ease}.lobby-card:hover .lobby-card-icon{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(232,160,32,.4))}.lobby-card:hover{border-color:var(--rb-gold);box-shadow:0 8px 24px #0009,0 0 20px #e8a02033,inset 0 1px #ffffff14,inset 0 0 20px #0003;transform:scale(1.03) translateY(-2px)}.lobby-card-disabled{opacity:.7;cursor:wait}.lobby-join-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:320px;width:100%;padding:2rem;animation:lobby-fade-in .3s ease-out}@keyframes lobby-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lobby-join-title{font-size:1.3rem;font-weight:700;color:var(--rb-gold);letter-spacing:.1em;text-transform:uppercase}.lobby-join-panel .rb-input{text-align:center}.lobby-join-panel .rb-btn-primary{width:100%}.lobby-join-cancel{background:none;border:none;color:var(--rb-text-muted);font-size:.8rem;cursor:pointer;transition:color .15s;margin-top:.5rem}.lobby-join-cancel:hover{color:var(--rb-gold)}.lobby-card-title{font-family:TT Modernoir,Georgia,serif;font-size:2rem;font-weight:700;color:var(--rb-gold);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;z-index:1}.lobby-card-subtitle{font-size:.75rem;color:var(--rb-text-muted);margin-top:.5rem;z-index:1}.lobby-card-spinner{margin-top:.75rem;z-index:1}.lobby-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.lobby-card-bg-swirl{animation:lobby-rotate-angle 8s linear infinite;background:conic-gradient(from var(--lobby-angle),transparent 0%,rgba(232,160,32,.08) 25%,transparent 50%) center/300% 300%,radial-gradient(ellipse at 50% 50%,rgba(232,160,32,.05) 0%,transparent 70%)}.lobby-card:hover .lobby-card-bg-swirl{animation-duration:3s;background:conic-gradient(from var(--lobby-angle),transparent 0%,rgba(232,160,32,.14) 25%,transparent 50%) center/300% 300%,radial-gradient(ellipse at 50% 50%,rgba(232,160,32,.08) 0%,transparent 70%)}.lobby-card-bg-grid{background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(232,160,32,.04) 38px,rgba(232,160,32,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(232,160,32,.04) 28px,rgba(232,160,32,.04) 30px)}.lobby-card-bg-grid:before,.lobby-card-bg-grid:after{content:"";position:absolute;border:1px solid rgba(232,160,32,.08);border-radius:4px}.lobby-card-bg-grid:before{width:60px;height:84px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg)}.lobby-card-bg-grid:after{width:60px;height:84px;top:50%;left:50%;transform:translate(-45%,-55%) rotate(5deg)}.lobby-card:hover .lobby-card-bg-grid{background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(232,160,32,.07) 38px,rgba(232,160,32,.07) 40px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(232,160,32,.07) 28px,rgba(232,160,32,.07) 30px)}.lobby-card-bg-starburst{animation:lobby-rotate-angle 12s linear infinite;background:repeating-conic-gradient(from var(--lobby-angle),transparent 0deg,rgba(232,160,32,.06) 5deg,transparent 10deg)}.lobby-card:hover .lobby-card-bg-starburst{animation-duration:5s;background:repeating-conic-gradient(from var(--lobby-angle),transparent 0deg,rgba(232,160,32,.12) 5deg,transparent 10deg)}.lobby-card-bg-portal{background:repeating-radial-gradient(circle at center,transparent 0px,transparent 20px,rgba(232,160,32,.05) 22px,transparent 24px);animation:lobby-portal-pulse 3s ease-in-out infinite}@keyframes lobby-portal-pulse{0%,to{opacity:.7}50%{opacity:1}}.lobby-card:hover .lobby-card-bg-portal{background:repeating-radial-gradient(circle at center,transparent 0px,transparent 20px,rgba(232,160,32,.1) 22px,transparent 24px)}.lobby-rejoin-banner{margin:1rem auto 0;max-width:440px;padding:.7rem 1.5rem;background:linear-gradient(135deg,#e8a0201f,#e8a0200f);border:1px solid var(--rb-gold);border-radius:6px;cursor:pointer;transition:all .2s;animation:lobby-rejoin-glow 2s ease-in-out infinite}.lobby-rejoin-banner:hover{background:linear-gradient(135deg,#e8a02033,#e8a0201a);box-shadow:var(--rb-glow-gold)}@keyframes lobby-rejoin-glow{0%,to{box-shadow:0 0 10px #e8a02026}50%{box-shadow:0 0 20px #e8a0204d}}.lobby-rejoin-text{color:var(--rb-gold);font-size:.9rem;font-weight:600;letter-spacing:.03em}.lobby-back-link{text-align:center;margin-top:1rem}.lobby-error{background:#f4433626;border:1px solid rgba(244,67,54,.4);color:#ef9a9a;padding:.6rem 1rem;border-radius:6px;font-size:.85rem;margin:.75rem auto 0;max-width:320px;animation:lobby-error-in .2s ease-out}@keyframes lobby-error-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lobby-connection-status{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.8rem;color:#888}.lobby-status-dot{width:8px;height:8px;border-radius:50%}.lobby-status-connecting{background:#ffa726;animation:lobby-pulse-dot 1s ease-in-out infinite}.lobby-status-connected{background:#4caf50}.lobby-status-disconnected{background:#f44336}@keyframes lobby-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:600px){.login-logo{width:280px}.login-brand:before{width:320px;height:320px}.login-content{padding:1.5rem 1rem}.lobby-header{flex-direction:column;padding:1rem 1rem .5rem;gap:.5rem}.lobby-header-left,.lobby-header-right{position:absolute;top:1rem}.lobby-header-left{left:1rem}.lobby-header-right{right:1rem}.lobby-header-center{width:100%;display:flex;justify-content:center;padding-top:1.5rem}.lobby-hero-logo{width:240px}.lobby-hero-brand:before{width:300px;height:300px}.lobby-simulator-tag{font-size:.6rem;letter-spacing:.3em}.lobby-cards{flex-direction:column;gap:1.25rem;min-height:auto;padding:1.5rem 1rem}.lobby-card-flip{width:100%;max-width:280px;height:200px}.navbar{padding:0 .75rem}.navbar-user-btn,.navbar-back-btn{font-size:.75rem}}@media(max-width:380px){.login-logo{width:220px}.lobby-hero-logo{width:180px}.lobby-card-flip{height:160px}.lobby-card-title{font-size:1.5rem}}.deck-picker{min-height:100vh;text-align:center}.deck-picker-hero{padding:1rem 0 0;display:flex;justify-content:center}.deck-picker-title{font-size:1.4rem;font-weight:700;color:var(--rb-gold);letter-spacing:.15em;text-transform:uppercase;margin:1.5rem 0}.deck-picker-content{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;padding-bottom:100px}.deck-picker-content .deck-grid{display:grid;max-width:700px;width:100%}.deck-carousel{display:none}.deck-picker-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem 2rem;background:linear-gradient(0deg,var(--rb-navy-deep) 60%,transparent 100%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:50}.deck-picker-footer .rb-btn-primary{max-width:340px}.deck-picker-errors{font-size:.8rem;color:#e06060;text-align:center}.deck-picker-empty{padding:3rem 1rem;color:var(--rb-text-muted)}.deck-picker-empty-hint{font-size:.8rem;margin-top:.5rem}.deck-picker-import{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.deck-picker-import-form{display:flex;flex-direction:column;gap:.5rem;max-width:300px;width:100%}.deck-card-custom{min-height:120px;background:var(--rb-navy);display:flex;align-items:center;justify-content:center}@media(max-width:600px){.deck-picker-content .deck-grid{display:none}.deck-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;align-self:stretch;margin:0 -1.5rem;padding:1rem calc(50vw - 100px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.deck-carousel::-webkit-scrollbar{display:none}.deck-carousel-card{flex:0 0 200px;scroll-snap-align:center;height:280px;transform:scale(.88);opacity:.5;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease,border-color .3s ease}.deck-carousel-card.deck-carousel-centered{transform:scale(1);opacity:1}.deck-carousel-card.deck-card-selected{transform:scale(1.05);opacity:1}.deck-picker-title{font-size:1.1rem}.deck-picker-footer{padding:.75rem 1rem}}.deck-section{margin-bottom:1.5rem;text-align:center}.deck-section-label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--rb-gold);margin-bottom:.75rem}.deck-section-empty{font-size:.8rem;color:#555;margin:.5rem 0}.deck-section-actions{margin-top:.75rem;display:flex;justify-content:center}.deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}@media(max-width:600px){.deck-grid{grid-template-columns:repeat(2,1fr)}}.deck-card{position:relative;border:2px solid #2a2a3a;border-radius:8px;overflow:hidden;cursor:pointer;background:#16213e;padding:0;aspect-ratio:5 / 7;transition:border-color .2s,box-shadow .2s}.deck-card:hover{border-color:var(--rb-gold);box-shadow:0 0 12px #e8a02033}.deck-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.deck-card:hover img{transform:scale(1.05)}.deck-card-selected{border-color:#4caf50;box-shadow:0 0 14px #4caf5059}.deck-card-selected:hover{border-color:#4caf50;box-shadow:0 0 18px #4caf5073}.deck-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;align-items:center;gap:.25rem}.deck-card-name{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.deck-card-domains{display:flex;gap:4px;justify-content:center}.deck-card-domain-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.lobby-saved-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.lobby-chip{padding:.35rem .75rem;border:1px solid #444;border-radius:20px;background:var(--rb-navy);color:#ccc;font-size:.8rem;cursor:pointer;transition:border-color .15s}.lobby-chip:hover{border-color:var(--rb-gold)}.lobby-chip-active{border-color:#4caf50;background:#1a3a1a;color:#4caf50}.lobby-validation-errors{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;padding:.5rem .75rem;margin-top:.5rem;font-size:.75rem;color:#ef9a9a}.lobby-validation-errors p{margin:.15rem 0}.lobby-import-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.waiting-room{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.waiting-card-back{width:100px;height:140px;border-radius:8px;background:linear-gradient(135deg,var(--rb-navy),var(--rb-gold)20);border:2px solid var(--rb-gold);display:flex;align-items:center;justify-content:center;animation:waiting-pulse 2s ease-in-out infinite}.waiting-card-inner{width:60%;height:60%;border:2px solid rgba(232,160,32,.4);border-radius:4px;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(232,160,32,.06) 5px,rgba(232,160,32,.06) 10px)}@keyframes waiting-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.waiting-text{font-size:1.1rem;color:#ccc;margin:0}.waiting-dots:after{content:"";animation:waiting-ellipsis 1.5s steps(4,end) infinite}@keyframes waiting-ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.waiting-share{font-size:.8rem;color:#888;margin:0}.waiting-session-id{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;padding:.75rem 1.5rem;background:#16213e;border:1px solid #2a2a3a;border-radius:8px;transition:border-color .15s}.waiting-session-id:hover{border-color:var(--rb-gold)}.waiting-session-id code{font-family:Fira Code,Cascadia Code,monospace;font-size:1.1rem;color:#ffd740;letter-spacing:.05em}.waiting-copy-hint{font-size:.7rem;color:#666}.waiting-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:260px}.game-board{display:grid;grid-template-columns:60px minmax(620px,1fr) 220px;gap:.5rem;min-width:900px;height:100vh;overflow:hidden}.board-left{display:flex;align-items:stretch}.board-center{display:grid;grid-template-rows:auto 6vw auto minmax(55px,1fr) minmax(55px,1fr) minmax(25px,1fr) minmax(55px,1fr) minmax(55px,1fr) auto 6vw;gap:2px;min-height:0;min-width:0;position:relative;--card-w: calc((100vh - 5rem - 12vw) / 7)}.board-center>*{min-width:0;max-width:100%}.phase-tracker{grid-row:1}.opponent-hand-zone{grid-row:2}.player-mat.opponent .mat-resources{grid-row:3}.player-mat.opponent .mat-playmat-row{grid-row:4}.bf-unit-row-opponent{grid-row:5}.bf-card-row{grid-row:6}.bf-unit-row-you{grid-row:7}.player-mat.you .mat-playmat-row{grid-row:8}.player-mat.you .mat-resources{grid-row:9}.hand-zone:not(.opponent-hand-zone){grid-row:10}.board-right{display:flex;flex-direction:column;min-height:0}.disconnect-banner,.reconnect-banner{width:100%;padding:.5rem 1rem;text-align:center;font-size:.85rem;font-weight:600;border-radius:4px;z-index:100;grid-column:1 / -1}.disconnect-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a1a;border:1px solid #fbbf24;box-shadow:0 2px 8px #f59e0b4d}.reconnect-banner{display:flex;align-items:center;justify-content:center;gap:1rem}.reconnect-banner.reconnect-connecting{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid #60a5fa;box-shadow:0 2px 8px #3b82f64d}.reconnect-banner.reconnect-failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #f87171;box-shadow:0 2px 8px #ef44444d}.btn-reconnect{padding:.4rem 1rem;border:1px solid white;border-radius:4px;background:#fff3;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.btn-reconnect:hover{background:#ffffff4d}.hand-piles-spacer{width:calc(13vw + .4rem);flex-shrink:0}.hand-card-back{width:100%;height:100%;aspect-ratio:5 / 7}.phase-tracker{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .5rem;background:#16213e;border-radius:4px;border:1px solid #2a2a3a}.phase-tracker .turn-label{margin-right:.75rem;font-weight:700;font-size:.85rem;color:#ccc}.phase-step{padding:.2rem .6rem;border-radius:3px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--rb-navy);color:#555;border:1px solid transparent}.phase-step.active{background:var(--rb-gold);color:#fff;border-color:#9c7cff}@keyframes phase-glow{0%{box-shadow:0 0 12px #e8a020e6}40%{box-shadow:0 0 20px #e8a02099}to{box-shadow:none}}.phase-transitioning{animation:phase-glow 1s ease-out}.phase-description{font-size:.65rem;color:#9c7cff;font-style:italic;animation:phase-desc-fade 1s ease-out forwards}@keyframes phase-desc-fade{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.score-track{display:flex;flex-direction:column;align-items:center;background:#16213e;border-radius:4px;border:1px solid #2a2a3a;padding:.25rem;width:100%}.score-track-header{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:.15rem}.score-track-column{display:flex;flex-direction:column-reverse;gap:2px;flex:1}.score-track-pip{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-height:0;border-radius:3px;background:var(--rb-navy);position:relative}.pip-number{font-size:.6rem;color:#555;width:14px;text-align:center}.pip-marker{width:10px;height:10px;border-radius:50%}.pip-marker.you{background:#4caf50;box-shadow:0 0 4px #4caf50}.pip-marker.opp{background:#f44336;box-shadow:0 0 4px #f44336}.score-track-legend{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:.25rem;font-size:.55rem}.legend-you{color:#4caf50}.legend-opp{color:#f44336}.player-mat{display:contents}.mat-resources{display:flex;gap:.4rem;align-items:center;padding:0 .25rem}.resource-placeholder{font-size:.7rem;visibility:hidden}.resource{padding:.1rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700}.resource.energy{background:#1a3a5a;color:#5af}.resource.power{background:#3a1a5a;color:#c8a}.mat-playmat-row{display:grid;grid-template-rows:1fr;gap:.3rem;align-items:stretch;min-height:0;min-width:0}.player-mat.you .mat-playmat-row{grid-template-columns:minmax(0,var(--card-w)) minmax(0,calc(var(--card-w) * 5 + 1rem)) minmax(var(--card-w),1fr) minmax(0,var(--card-w)) minmax(0,var(--card-w))}.player-mat.opponent .mat-playmat-row{grid-template-columns:minmax(0,var(--card-w)) minmax(0,var(--card-w)) minmax(var(--card-w),1fr) minmax(0,calc(var(--card-w) * 5 + 1rem)) minmax(0,var(--card-w))}.mat-slot{display:flex;flex-direction:column;align-items:stretch;position:relative;min-width:0;padding:.3rem;border:1px solid #2a2a3a;border-radius:4px;background:#0d0d14}.player-mat.you .mat-slot{border-color:#2a5a2a}.player-mat.opponent .mat-slot{border-color:#5a2a2a}.mat-slot .card{min-width:unset;max-width:100%;width:auto;height:100%;aspect-ratio:5 / 7}.mat-slot .card .card-image{height:100%;width:100%;object-fit:cover}.mat-slot-playable{border-color:#4caf50!important;box-shadow:0 0 6px #4caf5080;cursor:pointer}.mat-slot-empty{aspect-ratio:5 / 7;height:100%;width:auto;border:1px dashed #333;border-radius:3px;background:#0a0a12}.card-back-small{height:100%;width:auto;aspect-ratio:5 / 7;border-radius:3px}.mat-zone{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #2a2a3a;border-radius:4px;background:#0d0d14}.player-mat.you .mat-zone{border-color:#2a5a2a}.player-mat.opponent .mat-zone{border-color:#5a2a2a}.mat-zone-cards{display:flex;gap:3px;flex-wrap:nowrap;padding:.1rem;align-items:stretch;flex:1;min-height:0;overflow:hidden;position:relative}.stacked-card-wrap{position:relative;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center}.mat-zone-cards .card.exhausted{transform:rotate(90deg);margin:0;transform-origin:center center;border-color:#ff9800}.player-mat .mat-zone-cards .card{min-width:unset;max-width:100%;width:auto;height:100%;aspect-ratio:5 / 7}.player-mat .mat-zone-cards .card .card-image{height:100%;width:100%;object-fit:cover}.rune-summary{display:flex;gap:.2rem;flex-wrap:wrap;border:1px solid #2a2a4a;border-radius:4px;padding:clamp(.05rem,.2vh,.15rem);background:#0f0f1e4d}.rune-summary-pip{display:inline-flex;align-items:center;gap:.15rem;font-size:clamp(.45rem,.8vh,.65rem);font-weight:700;padding:clamp(.05rem,.2vh,.15rem) clamp(.2rem,.5vw,.5rem);border-radius:4px;white-space:nowrap}.rune-summary-icon{width:clamp(10px,1.2vh,14px);height:clamp(10px,1.2vh,14px);object-fit:contain;filter:brightness(1.2)}.rune-summary-exhausted{margin-left:.25rem;opacity:.6;font-size:.65rem;border-radius:2px;line-height:1.3;white-space:nowrap}.rune-summary-empty{background:#2a2a3a;color:#666}.opponent-actions{justify-content:center}.zone-count-badge{position:absolute;top:2px;right:2px;background:#000000b3;color:#fff;font-size:.55rem;font-weight:700;padding:.05rem .25rem;border-radius:3px;z-index:5}.mat-zone-empty{color:#444;font-size:.6rem;font-style:italic;text-transform:uppercase;letter-spacing:.05em}.mat-runes .mat-zone-cards,.mat-base .mat-zone-cards{padding:.3rem}.rune-exhausted-pile{position:relative;flex-shrink:0;height:100%;display:flex;align-items:center}.rune-exhausted-pile .card{transform:rotate(90deg);transform-origin:center center;border-color:#ff9800}.rune-pile-count{position:absolute;bottom:2px;right:2px;background:#ff9800;color:#000;font-size:.55rem;font-weight:700;padding:1px 4px;border-radius:4px;z-index:5}.mat-base,.mat-base .mat-zone-cards{width:100%}.mat-base.drop-eligible{border-color:#4caf50;box-shadow:0 0 12px #4caf5066;background:#4caf5014;animation:drop-pulse 1s ease-in-out infinite}@keyframes drop-pulse{0%,to{box-shadow:0 0 8px #4caf504d}50%{box-shadow:0 0 16px #4caf5099}}.bf-card-row>div:not(.chain-zone){height:100%;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}.bf-choice-highlight{outline:3px solid #f59e0b;outline-offset:2px;cursor:pointer;animation:drop-pulse-bf 1s infinite;border-radius:6px}@keyframes drop-pulse-bf{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 16px #f59e0b99}}.bf-choice-banner{text-align:center;padding:.4rem 1rem;background:#f59e0b26;border:1px solid #f59e0b;border-radius:4px;color:#f59e0b;font-weight:600;font-size:.9rem}.battlefield-area{display:contents}.bf-unit-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;min-height:0;min-width:0}.bf-unit-zone{display:flex;flex-direction:column;padding:.4rem;border:1px solid #2a2a3a;border-radius:4px;background:#0d0d14;transition:border-color .15s,box-shadow .15s;overflow-y:auto;min-width:0}.bf-unit-zone.bf-controlled-you{border-color:#2a5a2a}.bf-unit-zone.bf-controlled-opp{border-color:#5a2a2a}.bf-unit-zone.bf-target{border-color:#ffa726;box-shadow:0 0 6px #ffa72640;cursor:pointer}.bf-unit-zone.bf-target:hover{border-color:#ffcc02;box-shadow:0 0 10px #ffcc0259}.bf-unit-zone.bf-drop-eligible{border-color:#4caf50;box-shadow:0 0 10px #4caf5066}.unit-selected-move{outline:3px solid #4fc3f7;outline-offset:2px;border-radius:6px;animation:pulse-move 1.2s ease-in-out infinite}@keyframes pulse-move{0%,to{outline-color:#4fc3f7}50%{outline-color:#81d4fa}}.bf-units{display:flex;gap:.3rem;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;flex:1}.bf-empty-hint{color:#ffffff4d;font-size:.75rem;font-style:italic}.bf-card-row{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:.4rem;padding:0;overflow:visible;position:relative}.bf-card-row>.chain-zone{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);z-index:5;pointer-events:auto}.bf-card-row>.chain-zone-empty{pointer-events:none}.bf-card-divider{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;height:100%;min-height:0;min-width:0}.bf-card-img{height:100%;width:auto;aspect-ratio:7 / 5;object-fit:cover;border-radius:4px;border:1px solid #2a2a3a;transition:border-color .15s}.bf-card-divider:hover .bf-card-img{border-color:var(--rb-gold)}.bf-card-fallback{height:100%;width:auto;aspect-ratio:7 / 5;background:var(--rb-navy);border-radius:4px;border:1px solid #2a2a3a;display:flex;align-items:center;justify-content:center}.bf-card-name{font-size:.6rem;color:#888}.contested-badge{position:absolute;top:2px;right:2px;background:#ff5722;color:#fff;font-size:.45rem;font-weight:700;padding:.05rem .2rem;border-radius:2px;text-transform:uppercase;letter-spacing:.05em}.card{background:#0f3460;border:1px solid #333;border-radius:3px;padding:.35rem .4rem;min-width:4.5vw;max-width:4.5vw;font-size:.7rem;transition:border-color .15s,box-shadow .15s,opacity .15s;position:relative}.card.card-with-image{padding:0;overflow:hidden;background:transparent}.card .card-image{width:100%;aspect-ratio:5 / 7;object-fit:cover;display:block}.card-damage-overlay{position:absolute;top:2px;left:2px;background:#f44336;color:#fff;font-size:.6rem;font-weight:700;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%}.card .card-name{font-weight:700;font-size:.7rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .card-type{color:#777;text-transform:uppercase;font-size:.55rem;letter-spacing:.05em}.card .card-might{color:#ff6b6b;font-size:.65rem}.card .card-domains{color:var(--rb-gold);font-size:.6rem}.card.exhausted{transform:rotate(90deg);border-color:#ff9800;margin:10px 8px;transition:transform .3s ease}.card.card-selected{border-color:#ffd740;box-shadow:0 0 8px #ffd74080}.card.card-dimmed{filter:brightness(.35)}.card.card-clickable{cursor:pointer}.card.card-clickable:hover{border-color:var(--rb-gold);box-shadow:0 0 6px #e8a02040}.card-cost{display:flex;gap:.2rem;margin-bottom:.15rem;flex-wrap:wrap}.cost-energy{background:#1a3a5a;color:#5af;font-size:.55rem;font-weight:700;padding:0 .25rem;border-radius:2px}.cost-power{font-size:.55rem;font-weight:700;padding:0 .25rem;border-radius:2px;background:#3a1a5a;color:#c8a}.domain-fury,.cost-power.domain-fury{background:#5a1a1a;color:#ff6b6b}.domain-calm,.cost-power.domain-calm{background:#1a3a1a;color:#66bb6a}.domain-mind,.cost-power.domain-mind{background:#1a1a5a;color:#42a5f5}.domain-body,.cost-power.domain-body{background:#5a3a1a;color:#ffa726}.domain-chaos,.cost-power.domain-chaos{background:#3a1a5a;color:#ab47bc}.domain-order,.cost-power.domain-order{background:#4a4a1a;color:#ffee58}.domain-bg-fury{background:#5a1a1a;color:#ff6b6b}.domain-bg-calm{background:#1a3a1a;color:#66bb6a}.domain-bg-mind{background:#1a1a5a;color:#42a5f5}.domain-bg-body{background:#5a3a1a;color:#ffa726}.domain-bg-chaos{background:#3a1a5a;color:#ab47bc}.domain-bg-order{background:#4a4a1a;color:#ffee58}.hand-zone{display:flex;align-items:flex-start;gap:.5rem;padding:0 .5rem;height:6vw;clip-path:inset(-200% -200% 0 -200%);position:relative;z-index:5;flex-shrink:0}.opponent-hand-zone{clip-path:inset(0 -200% -200% -200%);align-items:flex-end;padding:0 .5rem .2rem}.opponent-hand-zone .card-back,.player-mat.opponent .card-back{transform:rotate(180deg)}.hand-fan{display:flex;justify-content:center;align-items:flex-start;flex:1;min-height:0;min-width:0}.opponent-hand-zone .hand-fan{align-items:flex-end}.hand-card-wrapper{flex-shrink:0;transition:transform .2s ease,z-index 0s,max-width .25s ease,margin-left .25s ease,opacity .15s ease;transform-origin:bottom center}.hand-fan .hand-card-wrapper .card{box-sizing:border-box;min-width:unset;max-width:100%;width:100%;height:auto;aspect-ratio:5 / 7}.hand-card-wrapper.hand-card-dragging{max-width:0;min-width:0;margin-left:0;opacity:0;overflow:hidden;transition:max-width .25s ease,margin-left .25s ease,opacity .15s ease}.hand-card-wrapper.hand-card-returning{animation:card-return .2s ease forwards}@keyframes card-return{0%{opacity:0;transform:scale(.85) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hand-card-wrapper:hover{transform:translateY(-4vw) rotate(0)!important;z-index:100!important}.opponent-hand-zone .hand-card-wrapper:hover{transform:translateY(4vw) rotate(0)!important}.hand-card-wrapper .card-back{min-width:6.5vw;max-width:6.5vw}.hand-card-eligible .card{border:2px solid #4caf50;box-shadow:0 0 8px #4caf5080}.hand-empty{color:#555;font-size:.8rem;font-style:italic}.hand-piles{display:flex;gap:.4rem;flex-shrink:0}.hand-pile{position:relative;width:6.5vw}.hand-pile .card{min-width:100%;max-width:100%}.card-back{aspect-ratio:5 / 7;background:linear-gradient(145deg,#1a0a2e,#0d0618);border:1px solid #3a2a5a;border-radius:4px;display:flex;align-items:center;justify-content:center}.card-back-img{object-fit:cover;display:block;width:100%;height:100%}.card-back-label{font-size:.45rem;font-weight:700;color:var(--rb-gold);letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed}.pile-count{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .25rem;border-radius:3px;min-width:16px;text-align:center}.pile-empty{width:100%;aspect-ratio:5 / 7;border:1px dashed #333;border-radius:4px;background:#0a0a12;display:flex;align-items:center;justify-content:center}.pile-empty-label{font-size:.5rem;color:#444;text-transform:uppercase}.chain-view{background:#2a1a0a;border:1px solid #5a3a1a;border-radius:4px;padding:.5rem}.chain-view h3{font-size:.8rem;margin-bottom:.3rem;color:#ffa726}.chain-active-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:80%;max-width:600px;animation:chain-pulse 1.5s ease-in-out infinite}.board-center>.chain-view{position:absolute;bottom:7vw;left:1rem;right:1rem;z-index:10}@keyframes chain-pulse{0%,to{opacity:1}50%{opacity:.85}}.btn-action{padding:clamp(.1rem,.5vh,.3rem) clamp(.4rem,1vw,.75rem);border:1px solid #555;border-radius:4px;background:var(--rb-navy);color:#e0e0e0;cursor:pointer;font-size:clamp(.55rem,1vh,.75rem);font-weight:600;transition:background .15s,border-color .15s}.btn-action:hover{background:#2a2a4e;border-color:var(--rb-gold)}.btn-action.btn-pass{border-color:#ffa726;color:#ffa726;font-weight:700}.btn-action.btn-pass:hover{background:#3a2a0a}.board-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.1rem,.3vw,.25rem);flex-shrink:0;align-self:stretch;box-sizing:border-box;width:calc(13vw + .4rem);min-width:8rem;padding:0 .3rem;background:transparent}.board-actions-top{display:flex;flex-direction:column;align-items:center;gap:.15rem}.priority-indicator{font-size:clamp(.45rem,.8vh,.65rem);font-weight:700;white-space:nowrap;line-height:1.2}.priority-indicator.my-priority{color:#4caf50}.priority-indicator.not-my-priority{color:#666}.board-actions-buttons{display:flex;gap:.3rem}.btn-end-turn{padding:clamp(.1rem,.5vh,.3rem) clamp(.5rem,1.2vw,1rem);border:1px solid var(--rb-gold);border-radius:4px;background:var(--rb-gold);color:#fff;cursor:pointer;font-size:clamp(.55rem,1vh,.8rem);font-weight:700;line-height:1.2}.btn-end-turn:hover{background:var(--rb-gold-dark)}.btn-end-turn:disabled{background:#333;border-color:#333;cursor:not-allowed;color:#666}.event-log{background:#16213e;border-radius:4px;border:1px solid #2a2a3a;padding:.5rem;overflow-y:auto;flex:1;width:clamp(160px,15vw,220px)}.event-log h3{font-size:.75rem;margin-bottom:.3rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.event-log .event{font-size:.65rem;padding:.15rem 0;color:#666;border-bottom:1px solid #111}.event-log .event-type{color:#888}.event-turn-header{text-align:center;font-weight:700;color:#b8a9e0;border-top:1px solid #2a2a3a;padding-top:.3rem;margin-top:.3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.event-mine{color:#e0e0e0}.event-opponent{color:#f08060}.event-system{color:#888;font-style:italic}.event-combat{border-left:2px solid #e05050;padding-left:4px}.event-score{border-left:2px solid #ffd700;padding-left:4px}.event-card-name{font-weight:700}.event-damage{color:#f66;font-weight:700}.card-draggable{cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.card-draggable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e8a02040}.card-draggable:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 24px #e8a02080;z-index:100}.card-dragging{opacity:.4;transform:scale(.95)}.hand-card-wrapper .card-dragging{opacity:0;transform:none}.hand-floating-card{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;will-change:transform;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}.battlefield.bf-drop-eligible{border-color:#4caf50;box-shadow:0 0 10px #4caf5066}.card-keywords{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.keyword-badge{font-size:.4rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:0 3px;color:#ffd54f;font-weight:600}.keyword-highlight{color:#ffd54f;font-weight:700}.card-effect-text{font-size:.4rem;line-height:1.3;margin-top:2px;opacity:.85;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-enters-exhausted{font-size:.5rem;color:#ff9800;opacity:.7;font-style:italic}.deck-builder{display:grid;grid-template-columns:1fr 300px;gap:0;height:calc(100vh - 48px);margin-top:48px;padding:.5rem;overflow:hidden}.card-browser{display:flex;flex-direction:column;gap:.5rem;min-height:0}.card-browser-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--rb-border);margin-bottom:.5rem}.card-browser-brand{display:flex;align-items:center;gap:.5rem;padding-left:.5rem}.card-browser-subtitle{font-size:1rem;font-weight:700;color:var(--rb-gold);letter-spacing:.2em;text-transform:uppercase}.card-browser-meta{margin-left:auto;display:flex;align-items:baseline;gap:.3rem;padding:.25rem .6rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:6px}.card-browser-count{font-size:1rem;font-weight:700;color:#e0e0e0}.card-browser-count-label{font-size:.65rem;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.btn-back-to-lobby{background:transparent;color:var(--rb-gold-light);border:1px solid rgba(232,160,32,.25);border-radius:6px;padding:.35rem .7rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.btn-back-to-lobby:hover{border-color:var(--rb-gold);color:#fff;background:#e8a0200f}.filter-bar{display:flex;flex-wrap:wrap;gap:clamp(4px,.5vw,8px);padding:.5rem .6rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:8px;align-items:center}.filter-bar select,.filter-bar input[type=text],.filter-bar input[type=number]{background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.35rem .5rem;font-size:.75rem;transition:border-color .15s}.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--rb-gold)}.filter-cost-label{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filter-cost-label input[type=number]{width:2.5rem;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.filter-cost-label input[type=number]::-webkit-inner-spin-button,.filter-cost-label input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-name-search{min-width:120px;flex:1}.filter-domains{display:flex;gap:.3rem;flex-wrap:wrap}.filter-domain-pill{padding:.2rem .5rem;border-radius:20px;border:1px solid #333;background:transparent;color:#888;font-size:.65rem;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all .15s}.filter-domain-icon{width:12px;height:12px;object-fit:contain;vertical-align:middle}.filter-domain-pill:disabled{opacity:.5;cursor:not-allowed}.filter-domain-pill:not(:disabled):hover{border-color:#666;color:#ccc}.filter-domain-active.domain-pill-fury{background:#d32f2f33;border-color:#d32f2f;color:#ef5350}.filter-domain-active.domain-pill-calm{background:#66bb6a33;border-color:#66bb6a;color:#66bb6a}.filter-domain-active.domain-pill-mind{background:#42a5f533;border-color:#42a5f5;color:#42a5f5}.filter-domain-active.domain-pill-body{background:#ffa72633;border-color:#ffa726;color:#ffa726}.filter-domain-active.domain-pill-chaos{background:#ab47bc33;border-color:#ab47bc;color:#ab47bc}.filter-domain-active.domain-pill-order{background:#ffee5833;border-color:#ffee58;color:#ffee58}.card-grid-wrapper{overflow-y:auto;flex:1;min-height:0;padding:.25rem}.card-grid-wrapper::-webkit-scrollbar{width:6px}.card-grid-wrapper::-webkit-scrollbar-track{background:transparent}.card-grid-wrapper::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}.card-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#444}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(110px,10vw,180px),1fr));gap:clamp(6px,.5vw,12px);align-content:flex-start}.card-grid-battlefields{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,14vw,220px),1fr))}.card-grid-empty{width:100%;text-align:center;color:#444;font-size:.85rem;padding:3rem 2rem}.card-grid-section-label{font-size:.65rem;font-weight:700;color:var(--rb-gold);text-transform:uppercase;letter-spacing:.12em;margin:1.25rem 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid #1e1e2e}.card-tile{width:100%;background:#0d0d14;border:2px solid #1e1e2e;border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s;position:relative}.card-tile:hover{border-color:var(--rb-gold);box-shadow:0 0 12px #e8a02033;transform:translateY(-2px)}.card-tile.maxed{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.card-tile.maxed:hover{border-color:#1e1e2e;transform:none}.card-tile img{width:100%;aspect-ratio:5 / 7;object-fit:cover;display:block;background:#16213e}.card-tile .card-tile-info{padding:.25rem .35rem;font-size:.6rem;background:#0006}.card-tile .card-tile-name{font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile .card-tile-count{color:#ffd740;font-weight:700}.card-tile.card-tile-horizontal{width:100%}.card-tile.card-tile-horizontal img,.card-tile.card-tile-horizontal .card-tile-fallback{aspect-ratio:7 / 5}.card-tile-fallback{width:100%;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16213e;padding:.5rem;text-align:center}.card-tile-fallback-type{font-size:.5rem;text-transform:uppercase;color:#555;letter-spacing:.08em;font-weight:700}.card-tile-fallback-name{font-size:.65rem;color:#999;margin-top:.25rem}.deck-list-panel{background:#0a0a10;border-left:2px solid #1e1e2e;margin-left:.5rem;padding:.75rem;border-radius:8px 0 0 8px;overflow-y:auto;max-height:100vh}.deck-list-panel::-webkit-scrollbar{width:5px}.deck-list-panel::-webkit-scrollbar-track{background:transparent}.deck-list-panel::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}.deck-list-panel h3{font-size:.8rem;font-weight:700;color:var(--rb-gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.deck-stats{display:flex;gap:.5rem;font-size:.65rem;font-weight:700;margin-bottom:.75rem;padding:.4rem .5rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:6px}.deck-stat-ok{color:#4caf50}.deck-stat-bad{color:#f44336}.deck-list-panel .deck-section{margin-bottom:.6rem;text-align:left}.deck-section-header{font-size:.65rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;padding:.2rem .3rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--rb-navy)}.deck-card-entry{display:flex;justify-content:space-between;align-items:center;padding:.25rem .4rem;font-size:.7rem;color:#bbb;border-radius:4px;cursor:pointer;transition:background .1s,color .1s}.deck-card-entry:hover{background:#f443361a;color:#ef9a9a}.deck-card-entry:hover span:last-child{color:#f44336}.deck-champion-select{width:100%;background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.35rem .5rem;font-size:.7rem}.deck-champion-select:focus{outline:none;border-color:var(--rb-gold)}.deck-errors{color:#f44336;font-size:.65rem;margin-top:.5rem;list-style:none;padding:.4rem .5rem;background:#f4433614;border:1px solid rgba(244,67,54,.2);border-radius:6px}.deck-errors li{margin-bottom:.2rem}.deck-errors li:before{content:"! ";font-weight:700}.deck-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem .6rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:8px;align-items:center}.toolbar-group{display:flex;gap:.3rem;align-items:center}.toolbar-divider{width:1px;height:1.2rem;background:#2a2a3a;margin:0 .2rem}.btn-toolbar{background:#16213e;color:var(--rb-gold-light);border:1px solid #2a2a3a;border-radius:6px;padding:.3rem .6rem;cursor:pointer;font-size:.7rem;font-weight:600;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.btn-toolbar:hover{border-color:var(--rb-gold);color:#fff;background:#e8a0201a}.btn-toolbar:disabled{opacity:.3;cursor:not-allowed;color:#555}.btn-toolbar:disabled:hover{border-color:#2a2a3a;background:#16213e;color:#555}.btn-toolbar-danger{color:#ef9a9a;border-color:#f443364d}.btn-toolbar-danger:hover{border-color:#f44336;color:#f44336;background:#f443361a}.toolbar-select{background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.3rem .5rem;font-size:.7rem;transition:border-color .15s}.toolbar-select:focus{outline:none;border-color:var(--rb-gold)}.toolbar-input{background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.3rem .5rem;font-size:.7rem;flex:1;min-width:100px;transition:border-color .15s}.toolbar-input:focus{outline:none;border-color:var(--rb-gold)}.deck-code-display{padding:.3rem 0}.deck-code-display textarea{width:100%;background:#0d0d14;color:#ffd740;border:1px solid #2a2a3a;border-radius:6px;padding:.5rem;font-size:.7rem;font-family:Fira Code,Cascadia Code,monospace;resize:none}.lobby-section{margin:.75rem 0;text-align:center}.lobby-section h3{font-size:.85rem;color:var(--rb-gold);margin-bottom:.4rem}.mulligan-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.mulligan-modal{background:#16213e;border:2px solid var(--rb-gold);border-radius:8px;padding:1.5rem 2rem;max-width:90vw;width:fit-content;text-align:center}.mulligan-modal h2{color:var(--rb-gold);margin-bottom:.5rem;font-size:1.4rem}.mulligan-modal p{color:#aaa;font-size:.85rem;margin-bottom:1rem}.mulligan-hand{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.mulligan-card-wrapper .card{min-width:clamp(80px,12vw,140px);max-width:clamp(80px,12vw,140px)}.mulligan-card-wrapper{position:relative;transition:transform .15s}.mulligan-card-wrapper:hover{transform:translateY(-4px)}.mulligan-set-aside{opacity:.6}.mulligan-set-aside .card{border-color:#f44336;box-shadow:0 0 8px #f4433666}.mulligan-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#f44336;color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;white-space:nowrap}.mulligan-actions{display:flex;gap:1rem;justify-content:center}.btn-mulligan{padding:.5rem 1.5rem;border:1px solid var(--rb-gold);border-radius:4px;background:var(--rb-gold);color:#fff;cursor:pointer;font-size:.9rem;font-weight:700}.btn-mulligan:hover{background:var(--rb-gold-dark)}.btn-mulligan-keep{background:transparent;color:#ccc;border-color:#555}.btn-mulligan-keep:hover{border-color:var(--rb-gold);color:#fff}.payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center}.payment-modal{background:#16213e;border:1px solid #2a2a3a;border-radius:8px;padding:1.5rem;max-width:550px;width:90%;max-height:80vh;overflow-y:auto}.payment-header{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.payment-cost-display{display:flex;gap:.3rem;align-items:center;margin-bottom:.75rem}.cost-pip{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.cost-energy{background:#444;color:#e0e0e0}.cost-hybrid{border:2px solid rgba(255,255,255,.3)}.payment-subheader{font-size:.8rem;color:#ffa726;margin-bottom:.75rem}.payment-summary-detail{display:flex;flex-direction:column;gap:.2rem}.payment-power-status{display:flex;gap:.5rem;font-size:.75rem}.payment-runes{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.payment-rune{display:flex;flex-direction:column;align-items:center;gap:.3rem}.payment-rune img{width:80px;aspect-ratio:5/7;object-fit:cover;border-radius:4px;border:1px solid #333}.payment-rune-exhausted img{opacity:.6}.payment-rune-badge{font-size:.6rem;color:#f44336;font-weight:700}.payment-rune-options{display:flex;flex-direction:column;gap:.15rem}.payment-rune-option{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#ccc;cursor:pointer}.payment-rune-disabled{opacity:.4;cursor:not-allowed}.payment-rune-option input{accent-color:var(--rb-gold)}.payment-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0d0d14;border-radius:4px;margin-bottom:1rem;font-size:.85rem}.payment-summary.met{border:1px solid #4caf50}.payment-summary.unmet{border:1px solid #f44336}.payment-buttons{display:flex;justify-content:flex-end;gap:.5rem}.payment-btn{padding:.5rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;border:1px solid}.payment-btn-confirm{background:#4caf50;border-color:#4caf50;color:#fff}.payment-btn-confirm:disabled{background:#333;border-color:#333;cursor:not-allowed;color:#666}.payment-btn-cancel{background:transparent;border-color:#666;color:#ccc}.payment-btn-cancel:hover{border-color:#f44336;color:#f44336}.card-skeleton{width:100%;aspect-ratio:5 / 7;background:linear-gradient(110deg,var(--rb-navy) 8%,#252540 18%,var(--rb-navy) 33%);background-size:200% 100%;animation:skeleton-shimmer 1.5s linear infinite}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.card-image-loading{position:absolute;opacity:0}.card-image-loaded{opacity:1;transition:opacity .3s ease}.card-preview{position:fixed;z-index:9999;pointer-events:none}.card-preview img{width:300px;border-radius:8px;box-shadow:0 8px 32px #0009}.chain-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;border-radius:4px;min-height:0}.chain-zone-empty{min-height:0;padding:0}.chain-zone-active{background:#e8a0200f;border:1px solid rgba(232,160,32,.25)}.chain-zone-showdown{background:#ff8c0014;border:1px solid rgba(255,140,0,.3)}.chain-zone-damage{background:#dc323214;border:1px solid rgba(220,50,50,.3)}.chain-card-stack{display:flex;flex-direction:column;align-items:center;gap:.2rem;height:100%;min-height:0;overflow:visible}.chain-collapsed .chain-pile{position:relative;cursor:pointer;height:100%;overflow:visible}.chain-collapsed .chain-pile>.chain-card-wrapper{position:relative;z-index:20}.chain-pile-card{position:absolute;top:0;left:0;height:100%;pointer-events:none}.chain-pile-card .card{height:100%;width:auto;min-width:unset;max-width:unset;aspect-ratio:5 / 7}.chain-pile-count{position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%);background:var(--rb-gold);color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.chain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer}.chain-overlay-content{background:var(--rb-navy);border:1px solid rgba(232,160,32,.5);border-radius:8px;padding:1rem 1.5rem;cursor:default;max-width:90vw}.chain-overlay-title{color:#aaa;font-size:.75rem;text-align:center;margin-bottom:.75rem;letter-spacing:.05em}.chain-overlay-cards{display:flex;gap:.75rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.chain-overlay-card{position:relative;width:clamp(100px,12vw,180px)}.chain-overlay-card .card{min-width:unset;max-width:100%;width:100%}.chain-card-wrapper{position:relative;height:100%}.chain-card-wrapper .card{height:100%;width:auto;min-width:unset;max-width:unset;aspect-ratio:5 / 7}.chain-resolve-order{text-align:center;color:#ccc;font-size:.65rem;font-weight:700;margin-bottom:.3rem}.chain-card-placeholder{display:flex;flex-direction:column;align-items:center;padding:.2rem .4rem;background:#1a1a2a;border:1px solid #3a3a5a;border-radius:3px;font-size:.65rem;color:#aaa}.showdown-banner{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.showdown-title{font-size:.7rem;font-weight:700;color:#ffa726;text-transform:uppercase;letter-spacing:.05em;text-align:center}.focus-indicator{font-size:.65rem;padding:.1rem .4rem;border-radius:3px}.focus-mine{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.focus-opponent{background:#ffffff0d;color:#666}.showdown-actions{display:flex;gap:.3rem;align-items:center}.btn-pass-focus{background:#2e7d32;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.btn-pass-focus:hover{background:#388e3c}.btn-pass-priority{background:#1565c0;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.waiting-text{font-size:.65rem;color:#666;font-style:italic}.damage-panel{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.damage-title{font-size:.7rem;font-weight:700;color:#ef5350;text-transform:uppercase}.might-counter{width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem}.might-counter-wide{width:100%}.might-bar{width:100%;height:8px;background:#1a1a2a;border-radius:4px;overflow:hidden;border:1px solid #333}.might-bar-fill{height:100%;background:linear-gradient(90deg,#ef5350,#ff7043);transition:width .2s;border-radius:4px}.might-bar-complete{background:linear-gradient(90deg,#4caf50,#66bb6a)}.might-text{font-size:.65rem;color:#ccc}.might-assigned{color:#ffd54f;font-weight:700}.might-remaining{color:#ef5350}.damage-summary{display:flex;flex-direction:column;gap:2px;width:100%;font-size:.55rem}.damage-summary-unit{display:flex;justify-content:space-between;padding:1px 4px;background:#ffffff0d;border-radius:2px}.damage-unit-name{color:#ccc}.damage-unit-amount{color:#ef5350;font-weight:700}.damage-hint{font-size:.6rem;color:#888}.damage-buttons{display:flex;gap:.3rem}.btn-confirm-damage{background:#ef5350;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.btn-confirm-damage:disabled{background:#333;color:#666;cursor:not-allowed}.btn-reset-damage{background:#424242;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.bf-combat-active{animation:combat-burst .6s ease-out;box-shadow:0 0 12px #ff8c0066;border-color:#ffa726!important}@keyframes combat-burst{0%{box-shadow:0 0 25px #ff3c00cc;transform:scale(1.03)}50%{box-shadow:0 0 18px #ff8c0099}to{box-shadow:0 0 12px #ff8c0066;transform:scale(1)}}.bf-combat-zone{border-color:#ffa726!important;box-shadow:0 0 8px #ff8c0033}.bf-combat-dimmed{opacity:.5}.bf-unit-wrapper{position:relative;display:inline-block}.unit-badge{position:absolute;top:-4px;right:-4px;font-size:.5rem;font-weight:700;padding:.05rem .2rem;border-radius:2px;z-index:2;text-transform:uppercase}.unit-badge-attacker{background:#c62828;color:#fff}.unit-badge-defender{background:#1565c0;color:#fff}.unit-might-badge{position:absolute;bottom:2px;left:2px;background:#000c;color:#ffd54f;font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:3px;z-index:3}.unit-damage-clickable{cursor:pointer;transition:transform .1s}.unit-damage-clickable:hover{transform:scale(1.05);filter:brightness(1.2)}.unit-damage-assigned{filter:saturate(.5)}.unit-damage-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#dc3232e6;color:#fff;font-size:1.2rem;font-weight:700;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:3;pointer-events:none}.resolution-banner{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;border-radius:4px;animation:fadeInOut 3s forwards}.resolution-conquer{background:#4caf5026;border:1px solid rgba(76,175,80,.4);color:#4caf50}.resolution-hold{background:#2196f326;border:1px solid rgba(33,150,243,.4);color:#2196f3}.resolution-draw{background:#9e9e9e26;border:1px solid rgba(158,158,158,.4);color:#9e9e9e}.resolution-text{font-size:.8rem;font-weight:700;text-align:center}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.game-over-card{background:var(--rb-navy);border:2px solid #444;border-radius:12px;padding:3rem 4rem;text-align:center}.game-over-victory{color:#4ade80;font-size:3rem;margin:0 0 1rem}.game-over-defeat{color:#f87171;font-size:3rem;margin:0 0 1rem}.game-over-scores{display:flex;gap:3rem;justify-content:center;font-size:1.5rem;margin-bottom:2rem;color:#ccc}.game-over-btn{padding:.75rem 2rem;font-size:1.1rem;border-radius:8px;border:none;background:#6366f1;color:#fff;cursor:pointer}.game-over-btn:hover{background:#4f46e5}.game-over-reason{font-size:.95rem;color:#999;margin-bottom:1.5rem;font-style:italic}.phase-tracker-row{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.settings-gear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#1e1e28b3;border:1px solid #444;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#888;cursor:pointer;transition:all .2s;z-index:5}.settings-gear:hover{background:#282832e6;border-color:var(--rb-gold);color:var(--rb-gold-light)}.settings-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--rb-navy);border:2px solid #444;border-radius:12px;padding:0;min-width:280px;z-index:110;box-shadow:0 8px 32px #00000080}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #333}.settings-title{font-size:1.1rem;font-weight:700;color:#e0e0e0;margin:0}.settings-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.settings-close:hover{background:#ffffff1a;color:#e0e0e0}.settings-content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.settings-btn{padding:.75rem 1.25rem;border-radius:6px;border:1px solid #555;background:#1e1e2899;color:#e0e0e0;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.settings-btn:hover{background:#282832cc;border-color:#777}.settings-btn-concede{border-color:#ef4444;color:#f87171}.settings-btn-concede:hover{background:#ef444426;border-color:#f87171}.concede-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:120;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.concede-dialog{background:var(--rb-navy);border:2px solid #ef4444;border-radius:12px;padding:2rem;max-width:400px;text-align:center;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.concede-title{font-size:1.5rem;font-weight:700;color:#f87171;margin:0 0 1rem}.concede-message{font-size:1rem;color:#ccc;margin:0 0 2rem;line-height:1.5}.concede-actions{display:flex;gap:.75rem;justify-content:center}.btn-concede-confirm,.btn-concede-cancel{padding:.75rem 1.75rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn-concede-confirm{background:#ef4444;color:#fff}.btn-concede-confirm:hover{background:#dc2626;box-shadow:0 0 12px #ef444466}.btn-concede-cancel{background:#32323ccc;color:#e0e0e0;border:1px solid #555}.btn-concede-cancel:hover{background:#3c3c46e6;border-color:#777}.card.card-stunned{filter:brightness(.6) saturate(.5);border-color:#ef4444}.card.card-stunned:after{content:"STUNNED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444d9;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:3px;pointer-events:none}.card.card-buffed{box-shadow:0 0 8px 2px #facc1599;border-color:#facc15}.card.card-token:before{content:"T";position:absolute;bottom:2px;right:2px;background:#646464cc;color:#ccc;font-size:.5rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:none}@keyframes unit-ready-flash{0%{filter:brightness(1)}50%{filter:brightness(1.6)}to{filter:brightness(1)}}.unit-ready-flash{animation:unit-ready-flash .4s ease-out}@keyframes score-flash{0%{box-shadow:0 0 4px #ffd7004d}50%{box-shadow:0 0 20px #ffd700b3}to{box-shadow:0 0 4px #ffd7004d}}.bf-score-flash{animation:score-flash .6s ease-out}@keyframes float-score{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.score-float-badge{position:absolute;top:-10px;right:4px;color:#ffd54f;font-size:.8rem;font-weight:700;z-index:10;pointer-events:none;animation:float-score .6s ease-out forwards}@keyframes score-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.score-pulse{animation:score-pulse .4s ease-out}@keyframes rune-enter{0%{opacity:0;transform:translateY(-20px) scale(.85)}60%{opacity:1;transform:translateY(3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.rune-entering{animation:rune-enter .5s ease-out}@keyframes hand-card-enter{0%{opacity:0;transform:translate(50px) scale(.7)}60%{opacity:1;transform:translate(-5px) scale(1.03)}to{opacity:1;transform:translate(0) scale(1)}}.hand-card-entering{animation:hand-card-enter .5s ease-out}@keyframes unstun-flash{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}.unit-unstun-flash{animation:unstun-flash .3s ease-out}@keyframes showdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.showdown-banner{animation:showdown-enter .3s ease-out}@keyframes badge-slide-in{0%{opacity:0;transform:translate(4px,-8px)}to{opacity:1;transform:translate(0)}}.unit-badge{animation:badge-slide-in .3s ease-out}@keyframes unit-death{0%{opacity:1;transform:scale(1);filter:saturate(1)}50%{opacity:.6;transform:scale(.9);filter:saturate(.3)}to{opacity:0;transform:scale(.7);filter:saturate(0) brightness(.5)}}.unit-dying{animation:unit-death .4s ease-out forwards;pointer-events:none}@keyframes hit-flash{0%{filter:brightness(1)}30%{filter:brightness(2)}to{filter:brightness(1)}}.unit-hit-flash{animation:hit-flash .15s ease-out}@keyframes damage-badge-pop{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.unit-damage-badge{animation:damage-badge-pop .2s ease-out}@keyframes unit-enter-from-below{0%{opacity:0;transform:translateY(25px) scale(.85)}60%{opacity:1;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes unit-enter-from-above{0%{opacity:0;transform:translateY(-25px) scale(.85)}60%{opacity:1;transform:translateY(3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes unit-enter-from-side{0%{opacity:0;transform:translate(25px) scale(.85)}60%{opacity:1;transform:translate(-3px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.unit-entering-from-base{animation:unit-enter-from-below .5s ease-out}.unit-entering-from-bf{animation:unit-enter-from-side .5s ease-out}.unit-entering-to-base{animation:unit-enter-from-above .5s ease-out}.animation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:all;background:#00000026;animation:overlay-fade .15s ease-out}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.animation-banner{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;padding:.5rem 2rem;border-radius:6px;animation:banner-pop .3s ease-out;text-shadow:0 2px 8px rgba(0,0,0,.6)}@keyframes banner-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animation-combat_started{color:#ff5722;background:#ff572226;border:2px solid rgba(255,87,34,.4);box-shadow:0 0 30px #ff57224d}.animation-unit_died{color:#b0bec5;background:#78787826;border:2px solid rgba(120,120,120,.4);box-shadow:0 0 20px #6464644d}.animation-point_scored,.animation-battlefield_held{color:#ffd54f;background:#ffd54f1f;border:2px solid rgba(255,213,79,.4);box-shadow:0 0 25px #ffd54f40}.animation-battlefield_conquered{color:#69f0ae;background:#69f0ae1f;border:2px solid rgba(105,240,174,.4);box-shadow:0 0 25px #69f0ae40}