@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--wood-bg:#2b1d11;--felt-bg:#122c18;--tile-bg:#fefcfb;--primary-gold:linear-gradient(135deg, #bf953f 0%, #fcf6ba 50%, #b38728 100%);--gold-flat:#d4af37;--gold-hover:#c5a028;--sea-blue:#0284c7;--sea-blue-light:#e0f2fe;--success-green:#10b981;--danger-coral:#e11d48;--text-dark:#0f172a;--text-light:#f8fafc;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-premium:0 20px 45px #00000073, 0 5px 15px #0003;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background-color:#0d1527;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{min-height:100vh}:root{--primary:#e5c158;--primary-hover:#f2d275;--primary-dark:#b89635;--bg-dark:#0a1c11;--glass-bg:#ffffff0d;--glass-border:#ffffff14;--glass-inner-shadow:inset 0 1px 2px #ffffff26;--text-main:#fff;--text-muted:#a3b899;--error:#ff6b6b}.lobby-container{min-height:100vh;color:var(--text-main);background:radial-gradient(circle,#153c24 0%,#08170e 100%);justify-content:center;align-items:center;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.background-elements{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cube{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#e5c15814 0%,#e5c15800 70%);border-radius:50%;position:absolute}.cube-1{width:500px;height:500px;animation:25s ease-in-out infinite alternate drift-orb-1;top:-10%;left:-10%}.cube-2{width:600px;height:600px;animation:30s ease-in-out infinite alternate drift-orb-2;bottom:-15%;right:-10%}.cube-3{background:radial-gradient(circle,#4ab9780f 0%,#4ab97800 75%);width:300px;height:300px;animation:18s ease-in-out infinite alternate drift-orb-3;top:40%;right:15%}@keyframes drift-orb-1{0%{transform:translate(0)scale(1)}to{transform:translate(100px,80px)scale(1.15)}}@keyframes drift-orb-2{0%{transform:translate(0)scale(1)}to{transform:translate(-120px,-70px)scale(.9)}}@keyframes drift-orb-3{0%{transform:translate(0)rotate(0)}to{transform:translate(-50px,50px)rotate(180deg)}}.glass-panel{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:10;background:#0e1e15a6;border-radius:28px;width:100%;max-width:440px;padding:3.5rem 3rem;animation:.8s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 30px 70px #000000a6,inset 0 1px 1px #ffffff1a}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#e5c15808,#e5c15800);border-radius:28px;position:absolute;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.logo-container{flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 20px #e5c15873);margin-bottom:1.25rem;animation:5s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-8px)rotate(8deg)scale(1.04)}to{transform:translateY(0)rotate(0)scale(1)}}.logo-container h1{letter-spacing:-.03em;color:#fff;text-shadow:0 4px 10px #0000004d;text-transform:uppercase;margin:0;font-size:2.25rem;font-weight:900}.logo-container h1 span{background:linear-gradient(135deg,#ffe293,#c69a27);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #c69a2740);-webkit-background-clip:text}.error-message{color:#ff8b8b;text-align:center;background:#ff6b6b14;border:1px solid #ff6b6b40;border-radius:12px;margin-bottom:2rem;padding:.85rem 1.2rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #ff6b6b14}.action-tabs{background:#0000004d;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:2.5rem;padding:.3rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:.9rem;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.tab:hover{color:#fff}.tab.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#0a1c11;font-weight:800;transform:translateY(-1px);box-shadow:0 8px 20px #e5c15840}.form-container{flex-direction:column;gap:1.75rem;display:flex}.input-group{flex-direction:column;gap:.65rem;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.82rem;font-weight:700}.input-group input{color:#fff;background:#00000059;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:1.1rem;font-size:1rem;font-weight:500;transition:all .25s}.input-group input::placeholder{color:#ffffff40}.input-group input:focus{border-color:var(--primary);background:#00000073;box-shadow:0 0 0 3px #e5c15826}.uppercase-input{text-transform:uppercase;letter-spacing:.12em;text-align:center;font-weight:700}.primary-button{color:#0a1c11;cursor:pointer;background:linear-gradient(135deg,#ffe593,#d4af37,#aa7c11) 0 0/200%;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.8rem;margin-top:.75rem;padding:1.1rem;font-size:1.05rem;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 10px 25px #d4af3733}.primary-button:hover{background-position:100%;transform:translateY(-3px)scale(1.01);box-shadow:0 15px 30px #d4af3759,0 0 15px #e5c15833}.primary-button:active{transform:translateY(-1px)scale(.99)}.dice-container{perspective:300px;filter:drop-shadow(0 10px 15px #00000073);width:52px;height:52px;margin:0 8px}.dice{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,1,.5,1);position:relative}.dice.rolling{transition:transform .1s linear}.face{background:radial-gradient(circle,#fff 0%,#f1efe6 100%);border:1.5px solid #c5bba8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;padding:6px;display:flex;position:absolute;box-shadow:inset 0 0 8px #00000026,0 2px 4px #0000001a}.dot{background:#1e293b;border-radius:50%;width:8px;height:8px;display:block;box-shadow:inset 0 1px 3px #0009}.front .dot{background:#ef4444;width:14px;height:14px;box-shadow:inset 0 2px 4px #0006}.dot-row{justify-content:space-between;align-items:center;width:100%;height:33.3%;display:flex}.front{transform:translateZ(26px)}.back{transform:rotateY(180deg)translateZ(26px)}.right{transform:rotateY(90deg)translateZ(26px)}.left{transform:rotateY(-90deg)translateZ(26px)}.top{transform:rotateX(90deg)translateZ(26px)}.bottom{transform:rotateX(-90deg)translateZ(26px)}.board-wood-frame{box-shadow:none;aspect-ratio:1;box-sizing:border-box;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;max-width:98vh;height:100%;max-height:98vh;margin:0 auto;padding:0;display:flex}.monopoly-board{background:#0e2013;border:2.5px solid #bf953f;border-radius:12px;grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(11,1fr);gap:2.5px;width:100%;height:100%;padding:6px;display:grid;position:relative;box-shadow:inset 0 0 30px #000000d9,0 10px 30px #00000080}.board-center{background:#112818;border:1.5px solid #bf953f40;border-radius:6px;grid-area:2/2/11/11;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009}.board-center-stage{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.board-title-overlay{pointer-events:none;opacity:.12;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:10%}.board-title-overlay h2{letter-spacing:5px;color:#bf953f;margin:0;font-family:Outfit,sans-serif;font-size:.95rem}.board-title-overlay h1{color:#bf953f;letter-spacing:2px;margin:0;font-family:Playfair Display,serif;font-size:2.8rem}.board-slogan{letter-spacing:2.5px;color:#bf953f;text-transform:uppercase;margin:4px 0 0;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.gulf-map-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.gulf-svg{opacity:.85;width:100%;height:100%}.gulf-labels{text-transform:uppercase;color:#bf953f40;letter-spacing:2px;pointer-events:none;width:100%;height:100%;font-family:Outfit,sans-serif;font-size:.55rem;font-weight:800;position:absolute;top:0;left:0}.label-karsiyaka{position:absolute;top:16%;left:30%}.label-konak{position:absolute;top:58%;right:20%}.label-goztepe{position:absolute;bottom:35%;left:26%}.stage-content-wrapper{z-index:10;box-sizing:border-box;grid-template-columns:1.05fr 1fr;justify-content:center;align-items:center;gap:10px;width:96%;height:96%;display:grid;position:relative}.center-stage-left,.center-stage-right{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dice-stage-overlay{background:#122c18f2;border:1.5px solid #bf953f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px 28px;display:flex;box-shadow:0 15px 35px #00000080}.dice-stage-title{color:#bf953f;letter-spacing:1px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}.dice-stage-row{justify-content:center;gap:16px;display:flex}.dice-stage-result{color:#fff;font-family:Outfit,sans-serif;font-size:.9rem}.dice-stage-result span{color:#bf953f;font-weight:800}.double-badge{background:#ef4444;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.65rem;font-weight:800}.stage-action-box{text-align:center;flex-direction:column;align-items:center;gap:14px;width:90%;display:flex}.turn-alert-glow{color:#bf953f;text-shadow:0 0 15px #fcf6ba66;letter-spacing:2px;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;animation:1.5s infinite alternate pulseGlow}.gold-action-btn{color:#2b1d11;cursor:pointer;background:linear-gradient(135deg,#bf953f 0%,#fcf6ba 50%,#b38728 100%);border:1px solid #9a7428;border-radius:12px;padding:12px 36px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;transition:all .2s;box-shadow:0 8px 20px #0000004d}.gold-action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #fcf6ba4d}.gold-action-btn.small{padding:8px 24px;font-size:.9rem}.stage-info-box{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;display:flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;margin-bottom:4px;animation:1.2s infinite pulseDot;box-shadow:0 0 10px #10b981}.pulse-dot.red{background:#ef4444;box-shadow:0 0 10px #ef4444}.jail-title{color:#ef4444;letter-spacing:2px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800}.jail-options-grid{flex-direction:column;gap:8px;width:80%;max-width:250px;display:flex}.jail-option-btn{color:#fff;cursor:pointer;background:#00000080;border:1.5px solid #fff3;border-radius:8px;padding:8px;font-size:.8rem;font-weight:700;transition:all .2s}.jail-option-btn:hover{background:#ffffff1a}.jail-option-btn.gold{color:#fcf6ba;border-color:#bf953f}.jail-option-btn.danger{color:#f87171;border-color:#ef4444}.jail-option-btn.danger.full{width:80%}.stage-property-card-wrapper{flex-direction:column;align-items:center;gap:12px;display:flex}.deed-card{background:var(--tile-bg);width:215px;box-shadow:var(--shadow-premium);color:var(--text-dark);border:2px solid #bf953f;border-radius:12px;overflow:hidden}.deed-color-header{color:#fff;letter-spacing:1.5px;text-align:center;text-shadow:1px 1px 1px #00000080;padding:8px 0;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800}.deed-body{flex-direction:column;align-items:center;padding:12px;display:flex}.deed-name{margin:0;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.deed-divider{background:#00000026;width:80%;height:1px;margin:8px 0}.deed-rent-row{justify-content:space-between;width:100%;margin-bottom:3px;font-size:.8rem;display:flex}.deed-rent-row.small{color:var(--text-muted);font-size:.72rem}.deed-price-row{border-top:1px solid #00000026;justify-content:space-between;width:100%;margin-top:6px;padding-top:6px;font-size:.82rem;font-weight:800;display:flex}.deed-actions{gap:8px;width:100%;display:flex}.deed-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800}.deed-btn.buy{color:#fff;background:#10b981;box-shadow:0 4px 10px #10b9814d}.deed-btn.auction{color:#fff;background:#ffffff1a;border:1px solid #fff3}.stage-card-fly{justify-content:center;display:flex}.drawn-card-deed{text-align:center;width:250px;min-height:320px;box-shadow:var(--shadow-premium);color:#fff;border:3px solid #bf953f;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:center;padding:18px;display:flex}.chance-card-theme{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.community-card-theme{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)}.card-deed-icon{opacity:.95;justify-content:center;align-items:center;width:100%;height:150px;margin-bottom:12px;display:flex}.card-deed-header{letter-spacing:2px;margin:0;font-family:Outfit,sans-serif;font-size:.95rem}.card-deed-text{margin:10px 0;font-size:.75rem;font-weight:500;line-height:1.35}.stage-auction-panel{color:#fff;width:90%;box-shadow:var(--shadow-premium);background:#122c18f2;border:2px solid #bf953f;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.stage-auction-header{color:#bf953f;border-bottom:1.5px solid #bf953f4d;justify-content:center;align-items:center;gap:6px;padding-bottom:6px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;display:flex}.stage-auction-stats{justify-content:space-between;font-size:.8rem;display:flex}.highest-bid strong{color:#10b981}.bidder-name{color:#94a3b8;font-size:.65rem}.stage-auction-actions{flex-direction:column;gap:8px;display:flex}.quick-bids{gap:4px;display:flex}.quick-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;flex:1;padding:4px;font-size:.7rem}.custom-bid-row{gap:6px;display:flex}.custom-bid-input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:6px;flex:1;padding:6px;font-size:.75rem}.bid-submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:800}.pass-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px;font-size:.75rem;font-weight:800}.stage-trade-panel{color:#fff;width:92%;box-shadow:var(--shadow-premium);background:#122c18f2;border:2px solid #bf953f;border-radius:16px;padding:14px}.stage-trade-header{color:#bf953f;text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:6px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800}.trade-deal-grid{justify-content:space-between;align-items:center;gap:8px;display:flex}.trade-column{background:#0003;border-radius:8px;flex:1;min-height:80px;padding:6px}.owner-title{color:#94a3b8;font-size:.65rem;display:block}.deal-money{color:#10b981;font-size:.85rem;font-weight:800}.deal-props{flex-direction:column;gap:2px;margin-top:4px;display:flex}.deal-prop-item{color:#f8fafc;background:#ffffff0f;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:.65rem;font-weight:600;display:flex}.deal-prop-bullet{border-radius:1px;width:4px;height:10px;display:inline-block}.trade-direction{font-size:1rem}.trade-actions{gap:8px;margin-top:10px;display:flex}.trade-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:6px;font-size:.75rem;font-weight:800}.trade-btn.accept{color:#fff;background:#10b981}.trade-btn.reject{color:#fff;background:#ef4444}.stage-debt-panel{color:#fff;width:90%;box-shadow:var(--shadow-premium);background:#140a0af2;border:2px solid #ef4444;border-radius:16px;padding:16px}.stage-debt-header{color:#ef4444;border-bottom:1.5px solid #ef44444d;justify-content:center;align-items:center;gap:8px;padding-bottom:6px;font-family:Outfit,sans-serif;font-weight:800;display:flex}.debt-details{margin:10px 0;font-size:.75rem}.debt-red{color:#ef4444}.debt-details .hint{color:#94a3b8;margin-top:4px;font-size:.65rem}.trade-propose-trigger-btn{color:#fbbf24;cursor:pointer;background:#bf953f14;border:1.5px solid #fbbf244d;border-radius:10px;margin-top:8px;padding:8px 20px;font-size:.82rem;font-weight:800;transition:all .2s;box-shadow:0 4px 10px #0000004d}.trade-propose-trigger-btn:hover{background:#fbbf2426;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 15px #fbbf2440}.end-turn-btn{color:#fff!important;text-shadow:0 1px 2px #00000080!important;background:linear-gradient(135deg,#b45309 0%,#d97706 50%,#b45309 100%)!important;border:1.5px solid #d97706!important}.end-turn-btn:hover{box-shadow:0 12px 24px #d9770666!important}@keyframes pulseDot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-pop-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards popIn}.animate-card-fly{animation:.4s cubic-bezier(.16,1,.3,1) forwards cardFly}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes cardFly{0%{opacity:0;transform:translateY(40px)rotate(-5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.board-space{background:var(--tile-bg);border:1.5px solid #c9bfae;border-radius:4px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:visible;box-shadow:inset 0 0 6px #00000008,0 2px 4px #00000014}.board-space:hover{z-index:10;border-color:#9f917c;transform:scale(1.03);box-shadow:inset 0 0 10px #0000000f,0 8px 18px #0003}.corner-space{background:#fdfaf2;border-color:#bf953f;justify-content:center;align-items:center}.space-content{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:1px;padding:2px 1px;display:flex}.space-name{color:var(--text-dark);text-align:center;margin-top:0;font-family:Outfit,sans-serif;font-size:.6rem;font-weight:700;line-height:1.1}.space-price{color:#b45309;margin-bottom:2px;font-family:Inter,sans-serif;font-size:.54rem;font-weight:800;line-height:1}.corner-icon{opacity:.85}.players-container{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}.player-token-anim{z-index:5;cursor:pointer;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;box-shadow:none!important;background:0 0!important;border:none!important}.player-token-anim:hover{z-index:99;transform:translateY(-8px)scale(1.18)!important}.player-token-anim svg{filter:drop-shadow(0 4px 6px #00000080);transition:filter .2s}.player-token-anim:hover svg{filter:drop-shadow(0 12px 14px #000000a6)}.owner-indicator{width:100%;height:4.5px;position:absolute;bottom:0;left:0;box-shadow:inset 0 1px 2px #0003}.tile-bina-container{z-index:15;pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute}.tile-houses-row{background:#ffffffa6;border-radius:3px;justify-content:center;gap:1.5px;padding:1.5px;display:flex;box-shadow:0 1px 3px #00000026}.tile-house-piece{align-items:center;display:flex}.tile-hotel-piece{background:#ffffffa6;border-radius:3px;align-items:center;padding:1.5px 3px;display:flex;box-shadow:0 1px 3px #00000026}.side-bottom{flex-direction:column}.side-bottom .color-bar{border-bottom:1.5px solid #0000001a;flex-shrink:0;width:100%;height:13px}.side-bottom .tile-bina-container{top:14px}.side-left{flex-direction:row-reverse}.side-left .color-bar{border-left:1.5px solid #0000001a;flex-shrink:0;width:13px;height:100%}.side-left .tile-bina-container{flex-direction:column;width:auto;top:35%;left:14px}.side-left .tile-houses-row{flex-direction:column}.side-top{flex-direction:column-reverse}.side-top .color-bar{border-top:1.5px solid #0000001a;flex-shrink:0;width:100%;height:13px}.side-top .tile-bina-container{bottom:14px}.side-right{flex-direction:row}.side-right .color-bar{border-right:1.5px solid #0000001a;flex-shrink:0;width:13px;height:100%}.side-right .tile-bina-container{flex-direction:column;width:auto;top:35%;right:14px}.side-right .tile-houses-row{flex-direction:column}.color-brown .color-bar{background:linear-gradient(#8b5a2b,#5c3b16)}.color-lightblue .color-bar{background:linear-gradient(#7dd3fc,#0284c7)}.color-pink .color-bar{background:linear-gradient(#f472b6,#db2777)}.color-orange .color-bar{background:linear-gradient(#fb923c,#ea580c)}.color-red .color-bar{background:linear-gradient(#f87171,#dc2626)}.color-yellow .color-bar{background:linear-gradient(#fde047,#ca8a04)}.color-green .color-bar{background:linear-gradient(#4ade80,#16a34a)}.color-darkblue .color-bar{background:linear-gradient(#3b82f6,#1d4ed8)}.deed-card.info-card{width:240px}.card-info-text{color:#1e293b;text-align:center;margin:8px 0;padding:0 6px;font-size:.85rem;font-weight:500;line-height:1.4}.card-info-subtext{color:#475569;text-align:center;margin:6px 0 0;font-size:.72rem;font-style:italic}.jail-inmates-list{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.jail-inmates-list span{color:#475569;font-size:.76rem;font-weight:800}.inmate-badge{background:#0000000d;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.no-inmates{color:#64748b;font-size:.74rem;font-style:italic}@keyframes honk-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.08)}}.player-token-anim.honking{animation:.4s infinite honk-bounce;z-index:1000!important}.honk-bubble-popup{color:#854d0e;white-space:nowrap;pointer-events:none;z-index:2000;background:#fef08a;border:1.5px solid #ca8a04;border-radius:6px;padding:3px 6px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:900;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000004d}.honk-bubble-popup:after{content:"";border:5px solid #0000;border-top-color:#ca8a04;position:absolute;top:100%;left:50%;transform:translate(-50%)}.turn-timer-bar-container{box-sizing:border-box;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;width:100%;margin-bottom:12px;padding:8px 12px;display:flex}.turn-timer-label{color:#94a3b8;letter-spacing:.5px;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-size:.76rem;font-weight:800;display:flex}.turn-timer-label strong{color:#fbbf24;font-size:.85rem}.turn-timer-bar-wrapper{background:#00000059;border-radius:3px;width:100%;height:6px;overflow:hidden}.turn-timer-bar{border-radius:3px;height:100%;transition:width .25s linear,color .3s;box-shadow:0 0 8px}.mortgaged-space{filter:grayscale(.55)brightness(.85);transition:filter .3s;position:relative!important}.mortgage-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#0f172ad1;border:1px solid #f43f5e33;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mortgage-lock-text{color:#f43f5e;text-shadow:0 0 8px #f43f5e80;letter-spacing:.8px;white-space:nowrap;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:900;transform:rotate(-12deg)}.active-rent-tier{border-radius:0 4px 4px 0;position:relative;box-shadow:inset 3px 0 6px #10b9810d;color:#10b981!important;background:#10b9811f!important;border-left:3.5px solid #10b981!important;padding-left:6px!important;font-weight:800!important}.active-rent-tier:after{content:" 🟢";vertical-align:middle;font-size:.55rem}:root{--gold-shiny:linear-gradient(135deg, #bf953f 0%, #fcf6ba 50%, #b38728 100%);--gold-flat:#bf953f;--gold-light:#fcf6ba;--wood-dark:#2b1d11;--wood-darker:#150e08;--felt-green:#122c18;--felt-green-light:#1c4025;--sea-blue:#0284c7;--sea-blue-light:#e0f2fe;--bg-app:#090e17;--card-glass:#0f172a73;--border-glass:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-premium:0 20px 45px #0000008c, 0 5px 15px #0000004d;--shadow-inner:inset 0 2px 4px 0 #0006}body{background-color:var(--bg-app);color:var(--text-primary);background-image:radial-gradient(circle,#111b2b 0%,#06090f 100%);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.waiting-room-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.waiting-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1.5px solid var(--border-glass);box-shadow:var(--shadow-premium);background:#0f172a99;border-radius:20px;flex-direction:column;gap:1.5rem;width:90%;max-width:820px;padding:2.5rem;display:flex}.room-header{border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.highlight{background:var(--gold-shiny);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;font-weight:800}.players-list{border:1px solid var(--border-glass);background:#00000040;border-radius:12px;padding:1.25rem}.players-list h3{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.05rem;display:flex}.player-item{background:#ffffff08;border:1px solid #0000;border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.player-item:hover{background:#ffffff0f;border-color:#ffffff0d;transform:translate(3px)}.player-name{flex:1;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.ready-badge{font-size:.75rem;font-weight:800}.ready-badge.is-ready{color:var(--success-green)}.ready-badge.is-not-ready{color:var(--text-muted)}.token-select,.color-select{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:.8rem}.color-select{margin-left:4px}.player-customization{gap:4px;display:flex}.room-settings{border:1px solid var(--border-glass);background:#00000040;border-radius:12px;padding:1.25rem}.room-settings h3{color:var(--text-secondary);align-items:center;gap:.5rem;margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:1.05rem;display:flex}.settings-grid{flex-direction:column;gap:10px;display:flex}.setting-select-item{justify-content:space-between;align-items:center;display:flex}.setting-select-item label{color:var(--text-secondary);font-size:.85rem}.start-money-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0f172a99;border:1px solid #fbbf2440;border-radius:8px;outline:none;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:inset 0 2px 4px #0000004d}.start-money-select:hover:not(:disabled){background:#0f172acc;border-color:#fbbf2499;box-shadow:0 0 8px #fbbf2433}.start-money-select:focus{border-color:#fbbf24;box-shadow:0 0 12px #fbbf2459}.start-money-select option{color:#fff;background:#0f172a;padding:8px}.setting-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.compact-top-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1.5px solid var(--border-glass);box-sizing:border-box;background:#0f172acc;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:relative}.top-bar-timer-line{z-index:10;height:2.5px;transition:width .25s linear,background-color .2s,box-shadow .2s;position:absolute;bottom:0;left:0}.bar-brand{align-items:center;gap:8px;display:flex}.brand-badge{background:var(--gold-shiny);color:#1e1e1e;letter-spacing:1px;border-radius:4px;padding:2px 6px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:900}.brand-title{color:#fff;letter-spacing:1px;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.bar-info-group{align-items:center;gap:20px;display:flex}.bar-turn-tag{color:var(--text-secondary);font-size:.85rem}.bar-room-tag{color:var(--gold-flat);border:1px solid var(--gold-flat);border-radius:6px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800}.bar-exit-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .2s}.bar-exit-btn:hover{background:#ef444433}.game-container{background:var(--bg-app);flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.token-select-btn.disabled-taken{opacity:.25;pointer-events:none;cursor:not-allowed!important;background:#0003!important;border-color:#ffffff0d!important}.token-select-btn.disabled-taken:before{content:"";z-index:5;background:#ef444499;width:100%;height:2px;position:absolute;top:50%;left:0;transform:rotate(-20deg)}.game-layout{box-sizing:border-box;flex:1;gap:12px;height:calc(100vh - 52px);padding:12px;display:flex;overflow:hidden}.board-viewport-container{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.game-side-panel{box-sizing:border-box;flex-direction:column;gap:12px;width:390px;min-width:390px;height:100%;display:flex}.panel-section{background:var(--card-glass);border:1px solid var(--border-glass);border-radius:14px;padding:14px;box-shadow:0 8px 30px #0000004d}.section-title{letter-spacing:1.5px;color:var(--text-secondary);border-bottom:1px solid #ffffff0f;margin:0 0 12px;padding-bottom:6px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800}.compact-players-list{flex-direction:column;gap:8px;display:flex}.compact-player-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;gap:6px;padding:10px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.compact-player-card.active-turn{background:#fcf6ba0a;border-color:#bf953f80;box-shadow:0 0 15px #bf953f26}.compact-player-header{justify-content:space-between;align-items:center;display:flex}.player-name-txt{color:var(--text-primary);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.player-money-txt{color:#10b981;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800}.compact-portfolio-row{flex-wrap:wrap;gap:3px;display:flex}.mini-portfolio-card{cursor:pointer;box-sizing:border-box;background:#0f172ab3;border:1.2px solid #ffffff26;border-radius:4px;flex-direction:column;width:22px;height:30px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 2px 4px #00000059}.mini-portfolio-card:hover{border-color:#fff6;transform:translateY(-3px)scale(1.08);box-shadow:0 4px 10px #00000080}.mini-card-header{border-bottom:.8px solid #00000040;flex-shrink:0;width:100%;height:8px}.mini-card-body{color:#f8fafc;text-transform:uppercase;flex:1;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.58rem;font-weight:900;display:flex}.mini-portfolio-card.mortgaged{opacity:.35;filter:grayscale(.85);text-decoration:none}.compact-player-card.bankrupt{opacity:.35;filter:grayscale()}.compact-player-card.disconnected{background:#ef44440d}.reactions-row{flex-wrap:wrap;gap:6px;display:flex}.reaction-action-btn{min-width:45%;color:var(--text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:6px;font-size:.75rem;font-weight:700;transition:all .2s}.reaction-action-btn:hover{background:#ffffff14}.board-with-ticker-wrapper{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.board-events-ticker{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1.5px solid #bf953f59;border-radius:8px;flex-direction:column;gap:6px;width:100%;height:160px;padding:10px 14px;display:flex;box-shadow:0 6px 20px #0006,inset 0 1px 1px #ffffff0d}.ticker-label{color:var(--gold-flat);letter-spacing:1.2px;text-transform:uppercase;border-bottom:1px solid #ffffff26;margin-bottom:4px;padding-bottom:4px;font-size:.82rem;font-weight:900}.ticker-scroll-content{scroll-behavior:smooth;flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.ticker-log-item{align-items:center;gap:6px;font-size:.86rem;font-weight:600;line-height:1.35;display:flex}.selected-deed-info{z-index:100;border-radius:12px;min-width:250px;padding:16px;border:2px solid var(--gold-flat)!important;background:#0f172af2!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 10px 40px #000c!important}.deed-close-btn{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.1rem;transition:color .15s;position:absolute;top:8px;right:8px}.deed-close-btn:hover{color:#fff}.deed-owner-status{justify-content:center;align-items:center;padding:6px 0;font-size:.8rem;display:flex}.owner-badge-inline{background:#ffffff0d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.owner-badge-inline.unowned{color:#ef4444;background:#ef44441a}.deed-build-actions{flex-direction:column;gap:6px;width:100%;margin-top:10px;display:flex}.build-action-row{gap:6px;width:100%;display:flex}.build-action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:9px 12px;font-size:.84rem;font-weight:800;transition:all .15s}.build-action-btn.green{color:#fff;background:#10b981}.build-action-btn.green:hover:not(:disabled){background:#059669;box-shadow:0 0 10px #10b98166}.build-action-btn.orange{color:#fff;background:#f59e0b}.build-action-btn.orange:hover:not(:disabled){background:#d97706}.build-action-btn.red{color:#fff;background:#ef4444;width:100%}.build-action-btn.red:hover:not(:disabled){background:#dc2626}.build-action-btn:disabled{opacity:.4;cursor:not-allowed}.tabbed-sidebar-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;padding:0!important}.sidebar-tab-btn{outline:none;transition:all .2s;border-bottom:2.5px solid #0000!important}.sidebar-tab-btn:hover{color:#fff!important;background:#ffffff0d!important}.sidebar-tab-btn.active{color:#fbbf24!important;background:#ffffff0a!important;border-bottom-color:#fbbf24!important}.tab-pane-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.game-chat-section{flex-direction:column;flex:1;min-height:240px;max-height:380px;display:flex}.panel-chat-logs-container{scroll-behavior:smooth;background:#0003;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;flex:1;gap:8px;margin-bottom:8px;padding:10px;display:flex;overflow-y:auto}.chat-bubble-row{align-items:flex-start;gap:4px;display:flex}.mini-token-inline{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex;transform:translateY(1px)}.chat-bubble{word-break:break-word;background:#ffffff05;border-radius:6px;flex:1;padding:5px 8px;font-size:.78rem;line-height:1.4}.chat-reactions-inline-row{gap:4px;width:100%;margin-bottom:8px;display:flex}.chat-reaction-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:4px;font-size:.8rem;transition:all .15s;display:flex}.chat-reaction-btn:hover{background:#ffffff1a;border-color:#bf953f4d;transform:translateY(-1px)}.chat-reaction-btn.honk-btn{color:#fcf6ba;background:#bf953f1f;border-color:#bf953f4d;flex:1.8;font-size:.72rem;font-weight:800}.chat-reaction-btn.honk-btn:hover{border-color:var(--gold-flat);background:#bf953f33;box-shadow:0 0 8px #bf953f4d}.panel-chat-input-form{gap:6px;width:100%;display:flex}.panel-chat-input-form input{color:#fff;background:#0000004d;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:6px 10px;font-size:.78rem}.panel-chat-input-form input:focus{border-color:var(--gold-flat);outline:none}.chat-send-btn{color:#2b1d11;cursor:pointer;background:linear-gradient(135deg,#bf953f 0%,#b38728 100%);border:1px solid #9a7428;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000040}.chat-send-btn:hover{background:linear-gradient(135deg,#fcf6ba 0%,#b38728 100%);transform:translateY(-1px);box-shadow:0 4px 10px #fbbf244d}.chat-send-btn:active{transform:translateY(1px)}.lobby-selectors-wrapper{flex-direction:column;gap:8px;margin-top:4px;display:flex}.lobby-selector-group{flex-direction:column;gap:4px;display:flex}.lobby-select-lbl{color:var(--gold-flat);letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:800}.token-grid-selection{background:#0003;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.color-grid-selection{background:#0003;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:4px;padding:4px;display:grid}.player-avatar{background:radial-gradient(circle,#ffffff1f 0%,#0000004d 100%);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0006}.token-select-btn{cursor:pointer;background:#ffffff05;border:1.5px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.token-select-btn:hover{background:#ffffff14;border-color:#bf953f80;transform:translateY(-2px)}.token-select-btn.active{border-color:var(--gold-flat);background:#bf953f40;box-shadow:0 0 12px #bf953f73}.color-select-btn{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;width:100%;transition:all .15s;box-shadow:inset 0 1px 3px #0006}.color-select-btn:hover{transform:scale(1.1)}.color-select-btn.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px}.color-select-btn.taken{opacity:.25;cursor:not-allowed;position:relative}.color-select-btn.taken:after{content:"";background:#f43f5e;width:140%;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.tooltip-container{align-items:center;gap:4px;display:inline-flex;position:relative}.tooltip-icon{color:#fbbf24;cursor:help;opacity:.85;align-items:center;font-size:.72rem;transition:opacity .2s;display:inline-flex}.tooltip-icon:hover{opacity:1}.tooltip-text{visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;text-align:center;z-index:999;opacity:0;pointer-events:none;background:#0f172af2;border:1px solid #fbbf244d;border-radius:8px;width:220px;padding:8px 12px;font-size:.7rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}.tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#0f172af2;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)translateY(-2px)}.player-token-badge-large{box-sizing:border-box;background:radial-gradient(circle,#ffffff1f 0%,#0000004d 100%);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #0006}@media (width<=1024px){.game-layout{flex-direction:column;height:auto;overflow-y:auto}.board-viewport-container{height:auto;margin-bottom:20px}.game-side-panel{width:100%;height:auto}}@media (width<=640px){.compact-top-bar{padding:0 10px}.brand-title{font-size:1.05rem}.bar-info-group{gap:8px}}.stage-trade-builder-overlay{z-index:110;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;width:92%;max-width:540px;padding:20px;border:2.5px solid var(--gold-flat)!important;background:#0f172af5!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 15px 50px #000000d9!important}.trade-builder-card{flex-direction:column;gap:12px;width:100%;display:flex}.trade-builder-title{color:var(--gold-flat);text-align:center;letter-spacing:1px;border-bottom:1px solid #ffffff1a;margin:0 0 6px;padding-bottom:6px;font-size:1.05rem;font-weight:900}.trade-builder-row{flex-direction:column;gap:6px;display:flex}.trade-builder-row .field-label{color:#94a3b8;font-size:.78rem;font-weight:800}.trade-target-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.trade-target-btn{cursor:pointer;background:#0f172aa6;border:1.5px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.trade-target-btn:hover{background:#0f172ae6;border-color:#fbbf2466;transform:translateY(-2px);box-shadow:0 4px 12px #00000059}.trade-target-btn.active{background:#fbbf2414;border-color:#fbbf24;box-shadow:0 0 14px #fbbf244d}.trade-deal-builder-columns{border-top:1px solid #ffffff0f;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px;padding-top:10px;display:grid}.trade-builder-col{background:#0003;border:1px solid #ffffff08;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.trade-builder-col .col-title{color:#f8fafc;text-align:center;margin:0;font-size:.82rem;font-weight:800}.money-input-field{flex-direction:column;gap:4px;display:flex}.money-input-field label{color:#94a3b8;font-size:.68rem;font-weight:700}.trade-money-input{color:#10b981;box-sizing:border-box;background:#0f172ad9;border:1.5px solid #fbbf2440;border-radius:8px;width:100%;padding:8px 12px;font-size:.9rem;font-weight:800;transition:all .2s;box-shadow:inset 0 2px 4px #0000004d}.trade-money-input:focus{border-color:#fbbf24;outline:none;box-shadow:0 0 8px #fbbf2466}.properties-checkbox-list{flex-direction:column;gap:4px;display:flex}.properties-checkbox-list label{color:#94a3b8;font-size:.68rem;font-weight:700}.trade-props-scroll{background:#0f172ab3;border:1.5px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;max-height:160px;padding:8px 10px;display:flex;overflow-y:auto}.trade-prop-checkbox-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff08;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background-color .15s;display:flex}.trade-prop-checkbox-item:hover{background:#ffffff0f}.trade-prop-checkbox-item input[type=checkbox]{display:none}.trade-prop-checkbox-item .checkbox-custom{background:#0f172a99;border:1.5px solid #fbbf2466;border-radius:4px;flex-shrink:0;width:15px;height:15px;transition:all .2s;display:inline-block;position:relative}.trade-prop-checkbox-item:hover .checkbox-custom{border-color:#fbbf24;box-shadow:0 0 5px #fbbf244d}.trade-prop-checkbox-item input[type=checkbox]:checked+.checkbox-custom{background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 8px #fbbf2466}.trade-prop-checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#0f172a;font-size:.65rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prop-bullet{border-radius:1px;width:5px;height:12px;display:inline-block;box-shadow:0 1px 2px #0000004d}.prop-name-lbl{color:#f1f5f9;font-size:.76rem;font-weight:600}.no-props-txt{color:var(--text-muted);text-align:center;padding:10px 0;font-size:.65rem;font-style:italic}.trade-builder-footer{border-top:1px solid #ffffff0f;gap:8px;margin-top:10px;padding-top:10px;display:flex}.trade-submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;flex:1.5;padding:10px;font-size:.85rem;font-weight:800;transition:background .15s}.trade-submit-btn:hover:not(:disabled){background:#059669;box-shadow:0 0 12px #10b98166}.trade-submit-btn:disabled{opacity:.4;cursor:not-allowed}.trade-cancel-btn{color:#f43f5e;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;flex:1;padding:10px;font-size:.85rem;font-weight:800;transition:all .15s}.trade-cancel-btn:hover{background:#ef444433;border-color:#ef4444}.quick-chat-wrapper{align-items:center;display:flex}.quick-chat-trigger-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;margin-right:4px;padding:6px 10px;font-size:1.1rem;transition:all .15s;display:flex}.quick-chat-trigger-btn:hover{border-color:var(--gold-flat);background:#ffffff1f}.quick-chat-popup-menu{background:var(--bg-card);z-index:1000;border:1.5px solid #ffffff26;border-radius:8px;flex-direction:column;gap:4px;min-width:190px;max-height:250px;padding:6px;display:flex;position:absolute;bottom:125%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.quick-chat-menu-item{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;padding:6px 8px;font-size:.76rem;transition:all .15s}.quick-chat-menu-item:hover{border-color:var(--gold-flat);color:var(--gold-flat);background:#bf953f26}.quick-chat-menu-item:disabled{opacity:.5;cursor:not-allowed}.bot-badge{color:#ffffffb3;letter-spacing:.5px;vertical-align:middle;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;margin-left:6px;padding:1px 4px;font-size:.65rem;font-weight:800;display:inline-block}.custom-dropdown-container{flex-direction:column;gap:6px;width:100%;display:flex;position:relative}.custom-dropdown-trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0f172aa6;border:1px solid #fbbf2440;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:inset 0 2px 4px #0000004d}.custom-dropdown-trigger:hover:not(.disabled){background:#0f172ad9;border-color:#fbbf2499;box-shadow:0 0 10px #fbbf2433}.custom-dropdown-trigger.active{border-color:#fbbf24;box-shadow:0 0 14px #fbbf2459}.custom-dropdown-trigger.disabled{opacity:.95;cursor:default;background:#0f172a73;border-color:#fbbf2426}.custom-dropdown-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#0f172af2;border:1.5px solid #fbbf2459;border-radius:8px;max-height:220px;animation:.2s cubic-bezier(.4,0,.2,1) slideDownIn;position:absolute;top:105%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #000000a6}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:10px 14px;transition:all .15s}.custom-dropdown-item:last-child{border-bottom:none}.custom-dropdown-item:hover{background:#fbbf241f}.custom-dropdown-item.selected{color:#fbbf24;background:#fbbf2433}.item-label{font-size:.85rem;font-weight:700}.item-desc{color:#94a3b8;margin-top:2px;font-size:.72rem;font-style:italic}.tooltip-icon{color:#fbbf24;cursor:help;background:#fbbf2426;border:1px solid #fbbf2466;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;margin-left:6px;font-size:.68rem;font-weight:800;transition:all .2s;display:inline-flex}.tooltip-icon:hover{color:#0f172a;background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.setting-item input[type=checkbox]{display:none}.checkbox-custom{background:#0f172a99;border:1.5px solid #fbbf2466;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.setting-item:hover .checkbox-custom{border-color:#fbbf24;box-shadow:0 0 6px #fbbf244d}.setting-item input[type=checkbox]:checked+.checkbox-custom{background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 10px #fbbf2480}.setting-item input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#0f172a;font-size:.72rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.token-grid-selection{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.token-select-btn{cursor:pointer;background:#0f172a80;border:1.5px solid #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.token-select-btn:hover{background:#0f172ad9;border-color:#fbbf2466;transform:translateY(-4px)scale(1.04);box-shadow:0 8px 20px #00000073}.token-select-btn.active{background:#fbbf2414;border-color:#fbbf24;box-shadow:0 0 16px #fbbf2459}.token-select-btn:before{content:"";background:0 0;width:100%;height:3px;transition:background-color .2s;position:absolute;top:0;left:0}.token-select-btn.active:before{background:#fbbf24}.token-select-btn span.token-name-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:.62rem;font-weight:800;transition:color .2s}.token-select-btn.active span.token-name-label{color:#fbbf24}.jail-free-card.clickable-card{transition:transform .2s,box-shadow .2s}.jail-free-card.clickable-card:hover{filter:brightness(1.2);transform:scale(1.1)translateY(-2px);box-shadow:0 0 12px #eab308}.app-container{width:100vw;min-height:100vh}