@charset "UTF-8";.entry-container{height:100vh;height:100svh;display:flex;justify-content:center;align-items:flex-start;background:url(/textures/bronze_age_bg.png) no-repeat center center/cover;background-attachment:fixed;font-family:Inter,Roboto,sans-serif;color:#e0e6ed;position:relative;padding:16px;box-sizing:border-box;overflow-y:auto}.entry-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 30%,rgba(10,15,25,.35) 0%,rgba(5,8,15,.82) 100%);z-index:0;pointer-events:none}@media (min-height: 700px){.entry-container{align-items:center}}.entry-card{position:relative;z-index:1;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:16px 12px;width:min(920px,100%);display:flex;flex-direction:column;gap:16px;margin:12px 0;animation:fadeInScale .55s cubic-bezier(.16,1,.3,1) forwards}@media (min-width: 768px) and (max-width: 1024px){.entry-card{padding:24px 20px;gap:20px}}@media (min-width: 1025px){.entry-card{padding:44px 48px;gap:32px;margin:24px 0;background:rgba(15,20,25,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 60px #000000a6,inset 0 1px #ffffff12;border-radius:20px}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.entry-header{text-align:center}.entry-header h1{font-size:clamp(1.5rem,6vw,3.4rem);font-weight:800;margin:0 0 6px;background:linear-gradient(130deg,#f5c842 0%,#e8832a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;line-height:1.1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.85))}.entry-header p{font-size:clamp(.85rem,3.5vw,1.15rem);color:#cbd5e1;margin:0;font-weight:300;text-shadow:0 2px 8px rgba(0,0,0,.95)}.entry-username{width:100%;max-width:420px;margin:0 auto;background:rgba(20,25,35,.35);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff1a;border-radius:14px;padding:12px 14px 0}@media (min-width: 768px) and (min-height: 500px){.entry-username{background:transparent;backdrop-filter:none;border:none;box-shadow:none;padding:0}}.entry-tabs{display:flex;gap:12px;margin:0 auto;width:100%;max-width:420px}@media (min-width: 768px) and (min-height: 500px){.entry-tabs{display:none}}.entry-tabs button{flex:1;padding:10px;background:rgba(20,25,35,.35);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#94a3b8;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:1rem}.entry-tabs button.active{background:linear-gradient(130deg,rgba(245,200,66,.35) 0%,rgba(240,146,26,.35) 100%);border-color:#f5c842bf;color:#f5c842;box-shadow:0 0 14px #f5c84238}.entry-panels{display:flex;gap:16px;flex-direction:column}@media (min-width: 768px) and (min-height: 500px){.entry-panels{flex-direction:row;gap:24px}}.panel{flex:1;display:flex;flex-direction:column;background:rgba(20,25,35,.35);backdrop-filter:blur(16px);border-radius:12px;padding:16px 14px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.panel.inactive-panel{display:none}@media (min-width: 768px) and (min-height: 500px){.panel.inactive-panel{display:flex}}@media (min-width: 768px) and (max-width: 1024px){.panel{padding:22px 20px}}@media (min-width: 1025px){.panel{padding:28px 26px}}.panel:hover{background:rgba(255,255,255,.055);box-shadow:0 12px 28px #00000061}.panel h2{margin:0 0 12px;color:#f1f5f9;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:8px;font-weight:700;font-size:1.05rem;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.form-group{display:flex;flex-direction:column;margin-bottom:12px}.form-group:last-of-type{margin-bottom:16px}.form-group label{font-weight:600;margin-bottom:4px;color:#94a3b8;font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);color:#f1f5f9;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-appearance:none;appearance:none;width:100%;box-sizing:border-box}.form-group input[type=text]::placeholder,.form-group input[type=number]::placeholder,.form-group select::placeholder{color:#ffffff47}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus{background:rgba(0,0,0,.55);border-color:#f5c842;box-shadow:0 0 0 3px #f5c8422e}.form-group select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23f1c40f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px top 50%;background-size:12px auto;cursor:pointer}.form-group select option{background:#1a252f;color:#fff}.btn-primary{display:block;width:100%;padding:12px;border:none;border-radius:8px;font-size:.95rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#0a0e1a;background:linear-gradient(130deg,#f5c842 0%,#f0921a 100%);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #f5c84247}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5c84273}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #f5c84233}.btn-secondary{background:linear-gradient(130deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;box-shadow:0 4px 16px #3b82f647}.btn-secondary:hover{box-shadow:0 8px 24px #3b82f67a}.player-pill-row{display:flex;gap:10px}.player-pill{flex:1;padding:8px 0;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);color:#94a3b8;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:.5px}.player-pill:hover:not(.active){background:rgba(245,200,66,.1);border-color:#f5c84259;color:#f5c842;transform:translateY(-1px)}.player-pill.active{background:linear-gradient(130deg,rgba(245,200,66,.22) 0%,rgba(240,146,26,.22) 100%);border-color:#f5c842a6;color:#f5c842;box-shadow:0 0 14px #f5c84238,inset 0 1px #ffffff14;transform:translateY(-2px)}.timer-badge{display:inline-block;background:linear-gradient(130deg,rgba(245,200,66,.18),rgba(240,146,26,.18));border:1px solid rgba(245,200,66,.4);border-radius:20px;padding:2px 10px;font-size:.82rem;font-weight:700;color:#f5c842;letter-spacing:.5px;min-width:38px;text-align:center;transition:all .2s ease}.slider-track-wrap{display:flex;flex-direction:column;gap:6px}.timer-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,#f5c842 0%,#f0921a var(--pct, 0%),rgba(255,255,255,.1) var(--pct, 0%),rgba(255,255,255,.1) 100%);box-shadow:0 0 10px #f5c84233;transition:box-shadow .2s}.timer-slider:hover{box-shadow:0 0 16px #f5c84261}.timer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8dc,#f5c842);border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 10px #f5c8428c,0 0 0 4px #f5c8421f;cursor:grab;transition:transform .15s,box-shadow .15s}.timer-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.25);box-shadow:0 4px 18px #f5c842bf,0 0 0 6px #f5c84233}.timer-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8dc,#f5c842);border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 10px #f5c8428c;cursor:grab;transition:transform .15s}.timer-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.25)}.slider-labels{position:relative;height:16px;margin-top:4px}.slider-labels span{position:absolute;transform:translate(-50%);font-size:.7rem;color:#ffffff4d;letter-spacing:.5px;white-space:nowrap}.slider-labels span:nth-child(1){left:0%;transform:none}.slider-labels span:nth-child(2){left:15.79%}.slider-labels span:nth-child(3){left:36.84%}.slider-labels span:nth-child(4){left:100%;transform:translate(-100%)}.lobby-container{height:100dvh;width:100vw;display:flex;justify-content:center;align-items:flex-start;background:var(--theme-lobby-bg, url(/textures/bronze_age_bg.png)) no-repeat center center/cover;background-attachment:fixed;font-family:Inter,Roboto,sans-serif;color:#e0e6ed;position:relative;padding:16px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.lobby-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 30%,rgba(10,15,25,.5) 0%,rgba(5,8,15,.85) 100%);z-index:0;pointer-events:none}@media (min-height: 600px){.lobby-container{align-items:center}}.lobby-card{position:relative;z-index:1;background:rgba(20,25,35,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 36px #00000080,inset 0 1px #ffffff1a;border-radius:20px;padding:16px 12px;width:min(600px,100%);display:flex;flex-direction:column;gap:16px;margin:12px 0;animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) forwards}@media (min-width: 768px) and (max-width: 1024px){.lobby-card{padding:24px 20px;gap:20px}}@media (min-width: 1025px){.lobby-card{padding:36px 32px;gap:24px;margin:24px 0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lobby-header{text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.lobby-header h1{font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#f1c40f 0%,#e67e22 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.85))}.lobby-header p{font-size:clamp(.9rem,4vw,1.15rem);color:#a0aec0;margin:0;display:flex;align-items:center;justify-content:center;gap:12px}.game-code-badge{background:rgba(0,0,0,.35);backdrop-filter:blur(4px);padding:4px 12px;border-radius:8px;font-family:monospace;font-size:clamp(1.1rem,4.5vw,1.4rem);color:#f1f5f9;letter-spacing:1.5px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 10px #0000004d}.lobby-users h2{font-size:clamp(1rem,4vw,1.15rem);color:#e2e8f0;margin-top:0;margin-bottom:14px;font-weight:600;letter-spacing:.5px}.user-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.empty-state{text-align:center;color:#fff6;font-style:italic;padding:20px}.user-badge{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.25);padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease,background .2s ease;overflow:hidden;max-width:100%}.user-badge:hover{transform:translate(5px);background:rgba(255,255,255,.08)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3498db 0%,#8e44ad 100%);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.9rem;color:#fff;box-shadow:0 4px 10px #0000004d;border:2px solid rgba(255,255,255,.2)}.user-name{font-size:1.05rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.lobby-actions{margin-top:10px;display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%}.btn-launch{width:100%;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:800;color:#000;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #2ecc7166;text-transform:uppercase;letter-spacing:1.5px}.btn-launch:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2ecc7199;background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%)}.btn-launch:active{transform:translateY(1px);box-shadow:0 2px 10px #2ecc7166}.theme-picker{width:100%;margin-bottom:16px}.theme-picker h2{font-size:clamp(.95rem,3.5vw,1.1rem);color:#e2e8f0;margin:0 0 12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.theme-options{display:flex;gap:12px;overflow-x:auto;padding:4px 2px;-webkit-overflow-scrolling:touch}.theme-options::-webkit-scrollbar{height:4px}.theme-options::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:2px}.theme-options::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}.theme-option{position:relative;flex:0 0 auto;width:120px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;background:rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#ccc;cursor:pointer;transition:all .25s ease;-webkit-tap-highlight-color:transparent}.theme-option:hover{background:rgba(255,255,255,.08);border-color:#ffffff40;transform:translateY(-2px)}.theme-option.active{border-color:#cd7f32;background:rgba(205,127,50,.12);box-shadow:0 0 20px #cd7f3240,inset 0 0 12px #cd7f3214}.theme-option.active .theme-name{color:#fff}.theme-preview{width:56px;height:80px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006}.theme-preview img{width:100%;height:100%;object-fit:cover}.theme-name{font-size:.8rem;font-weight:700;color:#aaa;text-align:center;transition:color .2s}.theme-check{position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;background:#cd7f32;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ai-section{width:100%}.ai-section h2{font-size:clamp(.95rem,3.5vw,1.1rem);color:#e2e8f0;margin:0 0 12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ai-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ai-difficulty-select{flex:1;min-width:120px;padding:10px 14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#e0e6ed;font-size:.95rem;font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s ease}.ai-difficulty-select:hover,.ai-difficulty-select:focus{border-color:#ffffff4d;outline:none}.ai-difficulty-select option{background:#1a1a2e;color:#e0e6ed}.btn-add-ai{padding:10px 18px;border:none;border-radius:10px;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #3498db4d;white-space:nowrap}.btn-add-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db80}.btn-add-ai:active:not(:disabled){transform:translateY(0)}.btn-add-ai:disabled{opacity:.4;cursor:not-allowed}.btn-remove-ai{padding:10px 14px;border:1px solid rgba(231,76,60,.4);border-radius:10px;font-size:.9rem;font-weight:700;color:#e74c3c;background:rgba(231,76,60,.1);cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-remove-ai:hover{background:rgba(231,76,60,.2);border-color:#e74c3c99;transform:translateY(-1px)}.ai-badge{border-color:#3498db4d!important;background:rgba(52,152,219,.08)!important}.ai-avatar{background:linear-gradient(135deg,#2980b9 0%,#8e44ad 100%)!important;font-size:.85rem!important;border-color:#3498db66!important}.ready-status-container{margin-left:auto;flex-shrink:0}.ready-toggle-btn{padding:6px 10px;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ready-toggle-btn.not-ready{background:rgba(255,255,255,.1);color:#aaa;border:1px solid rgba(255,255,255,.2)}.ready-toggle-btn.not-ready:hover{background:rgba(255,255,255,.15)}.ready-toggle-btn.is-ready{background:rgba(46,204,113,.2);color:#2ecc71;border:1px solid rgba(46,204,113,.4);box-shadow:0 0 10px #2ecc7133}.ready-toggle-btn.is-ready:hover{background:rgba(46,204,113,.3)}.ready-badge{font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.3)}.ready-badge.ready{color:#2ecc71;border:1px solid rgba(46,204,113,.2)}.ready-badge.waiting{color:#e67e22;border:1px solid rgba(230,126,34,.2)}.simulating-launch .btn-launch,.simulating-launch .ai-controls,.simulating-launch .theme-options,.simulating-launch .ready-toggle-btn{pointer-events:none;opacity:.5}.highlighted-player{border-color:#f1c40f!important;background:rgba(241,196,15,.2)!important;transform:scale(1.05);box-shadow:0 0 15px #f1c40f80!important;z-index:2;transition:all .1s ease!important}.winner-player{animation:winnerPulse 1s infinite alternate}@keyframes winnerPulse{0%{box-shadow:0 0 15px #f1c40f99;border-color:#f1c40f}to{box-shadow:0 0 35px #f1c40f,inset 0 0 10px #f1c40f66;border-color:#fff;background:rgba(241,196,15,.3)!important}}.ready-to-launch{animation:readyPulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes readyPulse{0%,to{box-shadow:0 4px 16px #2ecc7166}50%{box-shadow:0 4px 24px #2ecc71cc,0 0 0 4px #2ecc7133}}.none{background-color:#c4c4c4}.water{color:#d7d7d7;background-color:#1e3a8a;background-image:url(/textures/hex_water.png);background-size:cover;background-position:center}.deep-water{color:#d7d7d7;background-color:#0f1c3f;background-image:url(/textures/hex_water.png);background-size:cover;background-position:center}.coastline-bg{position:absolute;top:0;left:0;width:100px;height:120px;background-image:url(/textures/desert.png);background-size:cover;background-position:center;clip-path:polygon(-50% 50%,50% 0%,150% 50%,150% 65%,50% 15%,-50% 65%);z-index:0;pointer-events:none}.coastline-corner-bg{position:absolute;top:0;left:0;width:100px;height:120px;background-image:url(/textures/desert.png);background-size:cover;background-position:center;clip-path:polygon(0% -25%,150% 50%,150% 65%,0% -10%);z-index:0;pointer-events:none}.wood{color:#d7d7d7;background-color:#205b20;background-image:url(/textures/wood.png);background-size:145%;background-position:center}.sheep{color:#4d4d4d;background-color:#6ecf6e;background-image:url(/textures/sheep.png);background-size:190%;background-position:center}.brick{color:#d7d7d7;background-color:#8e493f;background-image:url(/textures/brick.png);background-size:145%;background-position:center}.ore{color:#d7d7d7;background-color:#6f6f6f;background-image:url(/textures/ore.png);background-size:145%;background-position:center}.grain{color:#4d4d4d;background-color:#e0cb2d;background-image:url(/textures/grain.png);background-size:145%;background-position:center}.desert{background-color:#f3d598;background-image:url(/textures/desert.png);background-size:145%;background-position:center}.copper{color:#d7d7d7;background-color:#b87333;background-image:url(/textures/copper.png);background-size:145%;background-position:center}.tin{color:#d7d7d7;background-color:#6b7280;background-image:url(/textures/tin.png);background-size:145%;background-position:center}.bronze{color:#d7d7d7;background-color:#a57164}.gold{color:#4d4d4d;background-color:gold}.Hex{position:absolute;width:100px;height:120px;clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);z-index:1;transition:transform .2s ease,filter .2s ease,z-index .2s ease}.Hex .tileCoords{position:absolute;font-size:10px;top:85px;right:12px;color:#fff9}.tileNumber{text-align:center;margin:34px auto auto;width:40px;height:40px;font-size:26px;font-weight:900;font-family:Georgia,serif;letter-spacing:.5px;color:#1a120b;background:rgba(255,255,255,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 0 12px #fff9,0 4px 10px #00000059;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1;z-index:5;text-shadow:0 1px 1px rgba(255,255,255,.8)}.tileNumber.highlight{background:rgba(255,255,255,.95);border:2px solid rgb(255,255,255);box-shadow:inset 0 0 8px #ffffff80,0 0 10px #fff9}.tileNumber.highProb{color:#d32f2f;background:rgba(255,255,255,.85);border:1.5px solid rgba(211,47,47,.6);text-shadow:0 0 8px rgba(255,255,255,.9),0 1px 1px rgba(255,255,255,.8);box-shadow:inset 0 0 8px #d32f2f33,0 4px 10px #0000004d,0 0 8px #d32f2f66}.dots{font-size:8px;text-align:center;margin:auto;line-height:6px;overflow-x:visible;color:#cd7f32;letter-spacing:1px}.highProb .dots{color:#ff6b6b}.PortDockGroup{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;z-index:10}.PortDockGroup>img,.PortDockGroup>.PortBadge{transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s ease}.PortDockGroup:hover>img,.PortDockGroup:hover>.PortBadge{transform:translateY(-4px);filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.PortTooltip{position:absolute;top:75px;left:50%;width:max-content;transform-origin:center;background:rgba(26,26,46,.95);color:#fff;padding:6px 10px;border-radius:8px;font-size:11px;font-family:Inter,sans-serif;font-weight:500;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000080;pointer-events:none;z-index:20;opacity:0;animation:fadeInTooltip .2s forwards}@keyframes fadeInTooltip{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.Player{position:relative;width:280px;padding:12px 16px;border-radius:16px;background:rgba(20,20,30,.85);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);font-size:13px;color:#fff;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:10px;pointer-events:auto}.Player.active-turn{transform:scale(1.02)}.Player.compact{width:auto;padding:6px 12px;min-width:60px;border-radius:12px;gap:4px}.Player.compact .player-identity{gap:6px}.Player.compact .player-avatar{width:24px;height:24px}.Player.compact .playerName{font-size:11px;max-width:90px}.Player.compact .compact-vp{font-size:13px;font-weight:800;color:gold}.Player .player-header{display:flex;justify-content:space-between;align-items:center}.Player .player-header .player-identity{display:flex;align-items:center;gap:8px}.Player .player-header .player-identity .player-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 4px #00000080}.Player .player-header .player-identity .player-avatar img{width:100%;height:100%;object-fit:cover}.Player .player-header .player-identity .playerName{font-weight:800;font-size:15px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Player .player-header .player-identity .playerName .is-me-badge{font-size:11px;color:#aaa;font-weight:400}.Player .player-header .trophy-badges-inline{display:flex;gap:4px}.Player .player-header .trophy-badges-inline .badge{font-size:10px;font-weight:700;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1)}.Player .compact-absolute-badges{position:absolute;bottom:-22px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:100}.Player .compact-absolute-badges .compact-badge{padding:2px 6px;border-radius:10px;font-size:10px;color:#fff;font-weight:700;box-shadow:0 2px 5px #00000080;white-space:nowrap}.Player .compact-absolute-badges .compact-badge.army{background:linear-gradient(135deg,#c0392b,#e74c3c);border:1px solid #ff7979}.Player .compact-absolute-badges .compact-badge.road{background:linear-gradient(135deg,#d35400,#e67e22);border:1px solid #f39c12}.Player .player-stats{display:flex;justify-content:space-around;padding:6px;border-radius:8px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05);cursor:pointer;position:relative}.Player .player-stats .stat{display:flex;align-items:center;font-size:13px;font-weight:700}.Player .player-stats .stat img{width:16px;height:22px;object-fit:contain;margin-right:4px}.Player .player-stats-tooltip{position:absolute;top:120%;left:50%;transform:translate(-50%);background:rgba(20,20,30,.95);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:12px 16px;border-radius:12px;box-shadow:0 8px 24px #0009;z-index:999;width:max-content;text-align:left;pointer-events:none}.Player .player-stats-tooltip .tooltip-header{font-size:13px;font-weight:700;color:#ffda79;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:4px;margin-bottom:6px}.Player .player-stats-tooltip .tooltip-row{font-size:12px;color:#eee;margin-bottom:2px}.Player .victory-points-bar{position:relative;height:30px;margin-top:5px;border-radius:4px}.Player .victory-points-bar img{position:absolute;width:25px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.Player .vp-count-text{position:absolute;bottom:12px;right:18px;font-weight:900;font-size:16px;color:gold;text-shadow:0 2px 6px rgba(0,0,0,.9);z-index:50}.Player .timer-bar-track{position:absolute;bottom:0;left:0;height:4px;width:100%;background:rgba(255,255,255,.1);border-radius:0 0 16px 16px;overflow:hidden}.Player .timer-bar-track .timer-bar-fill{height:100%;background:#2ecc71;transition:width .05s linear,background .3s ease;box-shadow:0 0 8px #2ecc71}.Player .timer-bar-track .timer-bar-fill.urgent{background:#e74c3c;box-shadow:0 0 8px #e74c3c}.pos-0{border-left:4px solid #e74c3c;border-top:1px solid rgba(231,76,60,.3)}.pos-0.active-turn{box-shadow:0 0 20px 4px #e74c3c66!important;background:rgba(50,20,20,.85)}.pos-0 .timer-bar-fill:not(.urgent){background:#e74c3c;box-shadow:0 0 8px #e74c3c}.pos-1{border-left:4px solid #3498db;border-top:1px solid rgba(52,152,219,.3)}.pos-1.active-turn{box-shadow:0 0 20px 4px #3498db66!important;background:rgba(20,30,50,.85)}.pos-1 .timer-bar-fill:not(.urgent){background:#3498db;box-shadow:0 0 8px #3498db}.pos-2{border-left:4px solid #2ecc71;border-top:1px solid rgba(46,204,113,.3)}.pos-2.active-turn{box-shadow:0 0 20px 4px #2ecc7166!important;background:rgba(20,40,25,.85)}.pos-2 .timer-bar-fill:not(.urgent){background:#2ecc71;box-shadow:0 0 8px #2ecc71}.pos-3{border-left:4px solid #f1c40f;border-top:1px solid rgba(241,196,15,.3)}.pos-3.active-turn{box-shadow:0 0 20px 4px #f1c40f66!important;background:rgba(40,40,20,.85)}.pos-3 .timer-bar-fill:not(.urgent){background:#f1c40f;box-shadow:0 0 8px #f1c40f}.Player.compact.pos-0{border-bottom:2px solid #e74c3c;border-left:2px solid rgba(231,76,60,.3)}.Player.compact.pos-1{border-bottom:2px solid #3498db;border-left:2px solid rgba(52,152,219,.3)}.Player.compact.pos-2{border-bottom:2px solid #2ecc71;border-left:2px solid rgba(46,204,113,.3)}.Player.compact.pos-3{border-bottom:2px solid #f1c40f;border-left:2px solid rgba(241,196,15,.3)}@media (max-width: 1024px){.Player{width:auto!important;min-width:140px;padding:8px 12px;gap:6px}.Player .player-header .player-identity .player-avatar{width:28px;height:28px}.Player .player-header .player-identity .playerName{font-size:13px}.Player .player-header .trophy-badges-inline .badge{font-size:9px;padding:2px 4px}.Player .player-stats{padding:4px 6px}.Player .player-stats .stat{font-size:11px}.Player .player-stats .stat img{height:18px}.Player .victory-points-bar{height:20px;margin-top:3px}.Player .victory-points-bar img{width:20px}.Player .vp-count-text{font-size:14px;bottom:6px;right:12px}}@keyframes floatDownFade{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(10px) scale(1.2);opacity:1}80%{transform:translateY(50px) scale(1);opacity:1}to{transform:translateY(70px) scale(1);opacity:0}}.floating-emoji{position:absolute;pointer-events:none;font-size:52px;top:10px;z-index:1000;animation:floatDownFade 2s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.Road{width:50px;height:50px;position:absolute;display:inline-block;z-index:10}.Road:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:44px;border-radius:8px}.Road.justPlaced{animation:roadExtend .4s cubic-bezier(.25,1,.5,1)}@keyframes roadExtend{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.Road.ghost-road{animation:ghostRoadFloat 1.8s ease-in-out infinite;cursor:pointer;z-index:20}@keyframes ghostRoadFloat{0%{opacity:.55;filter:brightness(1);transform:translateY(0)}50%{opacity:1;filter:brightness(1.25);transform:translateY(-1.5px)}to{opacity:.55;filter:brightness(1);transform:translateY(0)}}.RobberWrapper{position:absolute;top:0px;left:0px;z-index:50;transition:transform .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.RobberImage{height:65px;width:65px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));transform:scale(1) translateY(0);transform-origin:center bottom;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .5s ease}.Town{width:20px;height:20px;position:absolute;z-index:11;font-size:15px;text-align:center}.Town:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%}.Town.justPlaced{animation:settlementRise .5s cubic-bezier(.34,1.56,.64,1)}@keyframes settlementRise{0%{opacity:0;transform:scale(0) translateY(10px)}50%{opacity:1;transform:scale(1.2) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes townFloat{0%,to{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-8px) scale(1.15);filter:brightness(1.3) drop-shadow(0 8px 10px rgba(255,230,100,.4))}}.Town.upgradable{animation:townFloat 1.8s ease-in-out infinite;cursor:pointer;z-index:20;transition:all .2s ease}.Town.upgradable:hover{animation:none;transform:scale(1.3) translateY(-10px);filter:brightness(1.5) drop-shadow(0 12px 14px rgba(255,230,100,.6))}.SupportRadioWidget{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:320px;background:rgba(20,20,30,.85);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0009,inset 0 2px 12px #00000080;backdrop-filter:blur(12px);z-index:90;display:flex;flex-direction:column;overflow:hidden;border-top:2px solid rgba(218,165,32,.5);border-bottom:2px solid rgba(218,165,32,.3);pointer-events:auto}.SupportRadioWidget .header{background:rgba(0,0,0,.4);padding:8px 12px;font-size:14px;font-weight:800;color:#ffda79;letter-spacing:1px;text-transform:uppercase;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.SupportRadioWidget .video-container{width:100%;height:180px;background:#000;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.SupportRadioWidget .video-container iframe{width:100%;height:100%;border:none}.SupportRadioWidget .content-body{padding:16px}.SupportRadioWidget .motivational-text{font-family:Georgia,serif;font-size:13px;line-height:1.4;color:#ccc;text-align:center;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.SupportRadioWidget .action-buttons{display:flex;justify-content:space-around;gap:12px}.SupportRadioWidget .action-buttons .action-btn{flex:1;padding:10px 0;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;text-decoration:none}.SupportRadioWidget .action-buttons .action-btn.subscribe{background:#cc0000;color:#fff;border:1px solid #ff4d4d;box-shadow:0 4px 12px #c006}.SupportRadioWidget .action-buttons .action-btn.subscribe:hover{background:#e60000;transform:translateY(-2px);box-shadow:0 6px 16px #c009}.SupportRadioWidget .action-buttons .action-btn.like{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.SupportRadioWidget .action-buttons .action-btn.like:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}#gameBoardContainer{position:absolute;overflow:visible;touch-action:none}#gameBoard{position:absolute}.Board{position:absolute;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.Board__body{position:absolute}.Board .Hexes{position:absolute;perspective:1000px;perspective-origin:center}.TradeTab{padding:5px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#ffffff8c;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.4px;transition:all .2s ease}.TradeTab:hover{background:rgba(255,255,255,.12);color:#ffffffd9}.TradeTab.active-bank{background:rgba(46,204,113,.2);border-color:#2ecc7199;color:#2ecc71;box-shadow:0 0 10px #2ecc7133}.TradeTab.active-players{background:rgba(52,152,219,.2);border-color:#3498db99;color:#3498db;box-shadow:0 0 10px #3498db33}.TradeSection h3{color:#c8b06c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid rgba(200,176,108,.2)!important;padding-bottom:6px;margin-top:0}.close{color:#ffffffa6;font-size:24px;font-weight:700;cursor:pointer;line-height:1;transition:color .15s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.05)}.close:hover{color:#fff;background:rgba(255,255,255,.12)}.TradeConfirmBox{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important}.TradeConfirmBox button{padding:11px 24px!important;border-radius:10px!important;font-weight:700!important;font-size:13px!important;letter-spacing:.5px!important;transition:all .2s ease!important;cursor:pointer!important}.TradeConfirmBox button:first-child{background:rgba(255,255,255,.06)!important;color:#e8e8e8!important;border:1px solid rgba(255,255,255,.12)!important}.TradeConfirmBox button:first-child:hover{background:rgba(231,76,60,.18)!important;border-color:#e74c3c80!important;color:#ff8a80!important;transform:translateY(-1px)}.TradeConfirmBox button:last-child{background:linear-gradient(130deg,rgba(46,204,113,.85),rgba(39,174,96,.9))!important;color:#fff!important;border:1px solid rgba(46,204,113,.5)!important;box-shadow:0 4px 14px #2ecc7138!important}.TradeConfirmBox button:last-child:hover:not(:disabled){box-shadow:0 6px 20px #2ecc716b!important;transform:translateY(-1px)}.TradeConfirmBox button:last-child:disabled{background:rgba(255,255,255,.07)!important;border-color:#ffffff14!important;color:#555!important;box-shadow:none!important;cursor:not-allowed!important}.TradeDrawer{position:fixed;top:0;right:0;height:100%;max-height:100dvh;width:min(500px,45vw);background:rgba(20,20,30,.85);border-left:1px solid rgba(255,255,255,.1);border-radius:16px 0 0 16px;box-shadow:-8px 0 32px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99;display:flex;flex-direction:column;color:#e8e8e8;overflow:hidden;transform:translate(100%);animation:slideInDrawer .5s cubic-bezier(.34,1.56,.64,1) forwards}.TradeDrawer .modal-body{padding:12px 14px;flex:1;overflow-y:auto}.TradeDesktopPanel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;min-width:450px;max-width:95vw;max-height:95vh;background:rgba(20,20,30,.85);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 12px 48px #0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;flex-direction:column;color:#e8e8e8;overflow-x:auto;overflow-y:auto;animation:fadeInDrop .4s cubic-bezier(.34,1.56,.64,1) forwards}.TradeDesktopPanel .desktop-header{padding:16px 20px;background:linear-gradient(135deg,rgba(139,105,20,.55) 0%,rgba(180,135,30,.45) 50%,rgba(120,90,15,.55) 100%);border-bottom:1px solid rgba(245,200,66,.18);color:#fff}.TradeDesktopPanel .desktop-header h2{margin:0;font-size:18px;font-weight:700;letter-spacing:.8px;text-shadow:0 1px 4px rgba(0,0,0,.5);color:#fde68a}.TradeDesktopPanel .desktop-body{padding:20px;flex:1;overflow-y:auto}@keyframes fadeInDrop{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.inv-card-wrapper{position:relative;width:60px;height:84px;border-radius:4px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);filter:drop-shadow(0px 2px 2px rgba(0,0,0,.6))}.inv-card-wrapper img{width:100%;height:100%;object-fit:cover!important;transform:scale(1.1)}.inv-card-wrapper .card-label-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;padding-top:4px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 -1px 2px rgba(0,0,0,.8),1px 0 2px rgba(0,0,0,.8),-1px 0 2px rgba(0,0,0,.8);letter-spacing:.5px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);height:24px;border-top-left-radius:4px;border-top-right-radius:4px}@media (max-width: 1024px),(max-height: 500px){.TradeDrawer{width:min(600px,85vw)}.TradeDrawer .modal-body{padding:8px 10px;gap:6px!important;overflow-y:auto}.TradeDrawer .ResourceGrid{margin-top:6px!important;gap:6px!important}}@media (orientation: portrait) and (max-width: 768px){.TradeDrawer{width:min(100vw - 16px,420px)!important}}.card-label-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;padding-top:4px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 -1px 2px rgba(0,0,0,.8),1px 0 2px rgba(0,0,0,.8),-1px 0 2px rgba(0,0,0,.8);letter-spacing:.5px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);height:24px;border-top-left-radius:6px;border-top-right-radius:6px}.resourceBar{display:flex;align-items:flex-end;flex-wrap:nowrap;position:fixed;left:max(20px,env(safe-area-inset-left,20px));bottom:max(20px,env(safe-area-inset-bottom,20px));margin:0;padding:0 0 10px 10px;max-width:calc(100vw - 120px);font-size:16px;color:#e8e8e8;z-index:60;cursor:pointer}.resourceBar .resource-card-slot{position:relative;display:inline-flex}.resourceBar .resource-card-group{display:inline-flex;align-items:center}.resourceBar .inv-card-wrapper{position:relative;width:50px;height:70px;aspect-ratio:2.5/3.5;border-radius:6px;overflow:hidden;box-shadow:0 4px 10px #0009;transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s ease;animation:drawCard .4s cubic-bezier(.34,1.56,.64,1)}.resourceBar .inv-card-wrapper img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);pointer-events:none}.resourceBar .inv-card-wrapper .card-count-badge{position:absolute;bottom:-1px;right:-1px;background:rgba(0,0,0,.85);color:#fff;font-weight:900;font-size:14px;padding:4px 6px;border-top-left-radius:8px;border:1px solid rgba(255,255,255,.4);pointer-events:none}.resourceBar .inv-card-wrapper .card-label-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;padding-top:4px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 -1px 2px rgba(0,0,0,.8),1px 0 2px rgba(0,0,0,.8),-1px 0 2px rgba(0,0,0,.8);letter-spacing:.5px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);height:24px}.resourceBar .inv-card-wrapper:hover{transform:translateY(-8px) scale(1.08);z-index:50;box-shadow:0 8px 15px #000000e6,0 0 6px #ffe664cc}@keyframes drawCard{0%{opacity:0;transform:translateY(30px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.resourceBar.desktop .inv-card-wrapper{width:72px;height:100px}.resourceBar.desktop .inv-card-wrapper .card-count-badge{font-size:16px;padding:4px 8px}.resourceBar.desktop .inv-card-wrapper .card-label-overlay{font-size:13px;padding-top:6px;height:30px}.resourceBar.collapsed .inv-card-wrapper{box-shadow:0 4px 10px #0009,0 0 4px #ffe66440}.resourceBar.expanded{flex-wrap:wrap;gap:8px}.resourceBar .resourceBarActions{display:flex;gap:12px;align-items:center}.resourceBar .resourceBarActions button{padding:12px 20px;border-radius:10px;border:2px solid rgba(255,255,255,.25);cursor:pointer;font-weight:700;font-size:15px;transition:all .2s ease;color:#fff;background:rgba(20,20,30,.85);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006}.resourceBar .resourceBarActions button:hover:not(:disabled){background:rgba(40,40,50,.95);transform:translateY(-2px);border-color:#fff6}.resourceBar .resourceBarActions button:disabled{opacity:.4;cursor:not-allowed}.resourceBar .resourceBarActions .smelt-btn{background:linear-gradient(135deg,#cd7f32 0%,#a0522d 100%);border-color:#fff6}.resourceBar .resourceBarActions .smelt-btn:hover:not(:disabled){background:linear-gradient(135deg,#da8a67 0%,#b86b4b 100%);transform:translateY(-2px)}.resourceBar .none{background-color:#c4c4c4}.resourceBar .water{color:#d7d7d7;background-color:#1e3a8a;background-image:url(/textures/hex_water.png);background-size:cover;background-position:center}@keyframes waveMotion{0%{background-position:0px 0px}to{background-position:256px 256px}}.resourceBar .deep-water{color:#d7d7d7;background-color:#0f1c3f;background-image:url(/textures/hex_water.png);background-size:cover;background-position:center}.resourceBar .coastline-bg{position:absolute;top:0;left:0;width:100px;height:120px;background-image:url(/textures/desert.png);background-size:cover;background-position:center;clip-path:polygon(-50% 50%,50% 0%,150% 50%,150% 65%,50% 15%,-50% 65%);z-index:0;pointer-events:none}.resourceBar .coastline-corner-bg{position:absolute;top:0;left:0;width:100px;height:120px;background-image:url(/textures/desert.png);background-size:cover;background-position:center;clip-path:polygon(0% -25%,150% 50%,150% 65%,0% -10%);z-index:0;pointer-events:none}.resourceBar .wood{color:#d7d7d7;background-color:#205b20;background-image:url(/textures/wood.png);background-size:145%;background-position:center}.resourceBar .sheep{color:#4d4d4d;background-color:#6ecf6e;background-image:url(/textures/sheep.png);background-size:190%;background-position:center}.resourceBar .brick{color:#d7d7d7;background-color:#8e493f;background-image:url(/textures/brick.png);background-size:145%;background-position:center}.resourceBar .ore{color:#d7d7d7;background-color:#6f6f6f;background-image:url(/textures/ore.png);background-size:145%;background-position:center}.resourceBar .grain{color:#4d4d4d;background-color:#e0cb2d;background-image:url(/textures/grain.png);background-size:145%;background-position:center}.resourceBar .desert{background-color:#f3d598;background-image:url(/textures/desert.png);background-size:145%;background-position:center}.resourceBar .copper{color:#d7d7d7;background-color:#b87333;background-image:url(/textures/copper.png);background-size:145%;background-position:center}.resourceBar .tin{color:#d7d7d7;background-color:#6b7280;background-image:url(/textures/tin.png);background-size:145%;background-position:center}.resourceBar .bronze{color:#d7d7d7;background-color:#a57164}.resourceBar .gold{color:#4d4d4d;background-color:gold}@media (max-width: 1024px){.resourceBar{gap:6px;left:max(15px,env(safe-area-inset-left,15px));bottom:max(10px,env(safe-area-inset-bottom,10px));max-width:calc(100vw - 80px)}.resourceBar .resource-card-group .inv-card-wrapper{width:44px;height:61px}.resourceBar .resource-card-group .inv-card-wrapper .card-count-badge{font-size:12px;padding:3px 5px}.resourceBar .resource-card-group .inv-card-wrapper .card-label-overlay{font-size:9px;padding-top:2px;height:18px}.resourceBar .resourceBarActions button{padding:14px 24px;font-size:16px;white-space:nowrap}}.dice-display{display:flex;align-items:center;justify-content:center;gap:10px;padding:0;animation:diceAppear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes diceAppear{0%{opacity:0;transform:scale(.3) rotate(-20deg)}40%{opacity:1;transform:scale(1.15) rotate(5deg)}60%{transform:scale(.95) rotate(-2deg)}80%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0)}}.die{width:46px;height:46px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:dieTumble .5s ease-out}.die .die-body{fill:#1a1a2e;stroke:#cd7f3266;stroke-width:1.5}.die .die-pip{fill:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}@keyframes dieTumble{0%{transform:rotate(-180deg) scale(.5)}50%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.dice-total{font-size:24px;font-weight:800;color:gold;text-shadow:0 0 10px rgba(255,215,0,.35);padding:0 4px;font-family:Georgia,serif;letter-spacing:1px}.DiceBox3D{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:210;pointer-events:none;display:flex;align-items:center;justify-content:center;perspective:1200px;animation:diceBoxFadeIn .3s ease-out forwards}@keyframes diceBoxFadeIn{0%{opacity:0}to{opacity:1}}.DiceBox3D__scene{display:flex;gap:80px;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateX(55deg) rotate(-15deg)}@media (max-width: 767px){.DiceBox3D__scene{flex-direction:column;gap:30px;transform:rotateX(55deg) rotate(-15deg) scale(.8)}}.Die3D-Slide{width:80px;height:80px;position:relative;transform-style:preserve-3d}@media (max-width: 767px){.Die3D-Slide{width:56px;height:56px}}.Die3D-Slide--rolling{animation:slide3D 1.8s cubic-bezier(.1,.8,.4,1) both}@keyframes slide3D{0%{transform:translate3d(var(--dx),var(--dy),0)}to{transform:translateZ(0)}}.Die3D-Bounce{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:bounceZ3D 2.3s linear both}@keyframes bounceZ3D{0%{transform:translateZ(400px);animation-timing-function:cubic-bezier(.5,0,1,1)}23.5%{transform:translateZ(0);animation-timing-function:cubic-bezier(0,0,.5,1)}39%{transform:translateZ(100px);animation-timing-function:cubic-bezier(.5,0,1,1)}55%{transform:translateZ(0);animation-timing-function:cubic-bezier(0,0,.5,1)}66.5%{transform:translateZ(20px);animation-timing-function:cubic-bezier(.5,0,1,1)}78.3%{transform:translateZ(0);animation-timing-function:cubic-bezier(0,.6,.5,1)}83%{transform:translateZ(6px);animation-timing-function:cubic-bezier(.5,0,1,1)}89%{transform:translateZ(-2px);animation-timing-function:ease-out}to{transform:translateZ(0)}}.Die3D-Spin{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:dieSpin3D 2.3s linear both}@keyframes dieSpin3D{0%{transform:var(--tumble-start-rot) scale(.3);animation-timing-function:cubic-bezier(.1,.95,.1,1)}78.3%{transform:var(--tumble-end-rot) scale(1.05);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}89%{transform:var(--tumble-end-rot) scale(.97);animation-timing-function:ease-out}to{transform:var(--tumble-end-rot) scale(1)}}.Die3D-Shadow{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) rotateX(-55deg);width:80px;height:80px;background:radial-gradient(circle at center,rgba(0,0,0,.5),transparent 60%);border-radius:50%;pointer-events:none;opacity:.8}@media (max-width: 767px){.Die3D-Shadow{width:60px;height:60px}}.Die3D-Shadow--rolling{animation:shadowPulse3D 1.8s linear both}@keyframes shadowPulse3D{0%{transform:translate(-50%,-50%) rotateX(-55deg) scale(.2);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,1)}30%{transform:translate(-50%,-50%) rotateX(-55deg) scale(1.2);opacity:.6;animation-timing-function:cubic-bezier(0,0,.5,1)}50%{transform:translate(-50%,-50%) rotateX(-55deg) scale(.7);opacity:.3;animation-timing-function:cubic-bezier(.5,0,1,1)}70%{transform:translate(-50%,-50%) rotateX(-55deg) scale(1.1);opacity:.5;animation-timing-function:cubic-bezier(0,0,.5,1)}85%{transform:translate(-50%,-50%) rotateX(-55deg) scale(.9);opacity:.4;animation-timing-function:cubic-bezier(.5,0,1,1)}to{transform:translate(-50%,-50%) rotateX(-55deg) scale(1);opacity:.8}}.Die3D__face{position:absolute;width:80px;height:80px;border-radius:12px;background:linear-gradient(145deg,#fdfbf7,#e8dfcc);border:1px solid rgba(150,130,100,.4);box-shadow:inset 0 1px 4px #fffc,inset 0 -2px 4px #0000001a,inset 0 0 12px #b4966e1a;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}@media (max-width: 767px){.Die3D__face{width:56px;height:56px;border-radius:7px}}.Die3D__faceInner{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);width:65%;height:65%;place-items:center}.Die3D__pip{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c94040,#8b1a1a);box-shadow:inset 0 -2px 3px #0000004d,0 1px 2px #00000026}@media (max-width: 767px){.Die3D__pip{width:9px;height:9px}}.Die3D__face--front{transform:translateZ(40px)}.Die3D__face--back{transform:rotateY(180deg) translateZ(40px)}.Die3D__face--right{transform:rotateY(90deg) translateZ(40px)}.Die3D__face--left{transform:rotateY(-90deg) translateZ(40px)}.Die3D__face--top{transform:rotateX(90deg) translateZ(40px)}.Die3D__face--bottom{transform:rotateX(-90deg) translateZ(40px)}.DiceRollOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:200;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,transparent 100%);cursor:pointer;animation:overlayFadeIn .3s ease-out forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.DiceRollOverlay--exiting{animation:overlayFadeOut .5s ease-in forwards;pointer-events:none}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.DiceRollCenter{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;background:transparent;border:none;box-shadow:none;backdrop-filter:none;animation:centerFloatIn .8s cubic-bezier(.175,.885,.32,1.275) forwards;max-width:90vw}@keyframes centerFloatIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.DiceRollCenter__dice{display:flex;align-items:center;gap:16px}.DiceRollCenter__dice .die{width:72px;height:72px;animation:dieTumbleBig .7s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}@media (max-width: 767px){.DiceRollCenter__dice .die{width:56px;height:56px}}.DiceRollCenter__dice .die svg{width:100%;height:100%}@keyframes dieTumbleBig{0%{transform:rotate(-360deg) scale(.3) translateY(-100px);opacity:0}50%{transform:rotate(15deg) scale(1.15) translateY(10px);opacity:1}75%{transform:rotate(-5deg) scale(.95) translateY(-5px)}to{transform:rotate(0) scale(1) translateY(0)}}.DiceRollCenter__total{font-size:48px;font-weight:800;color:gold;text-shadow:0 0 24px rgba(255,215,0,.6),0 4px 12px rgba(0,0,0,.9);font-family:Georgia,serif;letter-spacing:2px;margin-left:8px;animation:totalPulse .8s ease-out}@media (max-width: 767px){.DiceRollCenter__total{font-size:36px}}@keyframes totalPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.4)}to{transform:scale(1);opacity:1}}.DiceRollCenter__divider{display:none}.DiceRollCenter__gains{display:flex;flex-direction:column;gap:12px;width:100%;max-height:50vh;overflow-y:auto}.DiceRollCenter__gains::-webkit-scrollbar{width:0px}.DiceRollCenter__noGains{color:#fff;font-size:16px;font-style:italic;text-align:center;padding:8px 0;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.DiceGainRow{display:flex;align-items:center;gap:16px;padding:8px 16px;background:transparent;border:none;opacity:0;transform:translate(-20px);animation:gainRowSlideIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@media (max-width: 767px){.DiceGainRow{padding:6px 4px;gap:12px}}@keyframes gainRowSlideIn{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.DiceGainRow__dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 12px currentColor,0 0 4px #000c;border:1px solid rgba(255,255,255,.8)}@media (max-width: 767px){.DiceGainRow__dot{width:14px;height:14px}}.DiceGainRow__name{font-size:20px;font-weight:800;color:#fff;min-width:80px;white-space:nowrap;letter-spacing:.5px;text-shadow:0 4px 8px rgba(0,0,0,.9),0 1px 3px rgb(0,0,0),0 0 16px rgba(0,0,0,.5)}@media (max-width: 767px){.DiceGainRow__name{font-size:16px;min-width:60px}}.DiceGainRow__resources{display:flex;gap:-4px;flex-wrap:wrap;align-items:center}.DiceGainRow__card{width:36px;height:52px;border-radius:4px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.8));animation:cardPopIn .4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:scale(0);margin-left:2px;margin-right:2px;transition:transform .2s ease,filter .2s ease}.DiceGainRow__card:hover{transform:scale(1.15) translateY(-4px)!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.9));z-index:10}@media (max-width: 767px){.DiceGainRow__card{width:28px;height:40px}}@keyframes cardPopIn{0%{opacity:0;transform:scale(0) rotate(-15deg) translateY(20px)}to{opacity:1;transform:scale(1) rotate(0) translateY(0)}}.DiceRollCenter__hint{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;margin-top:12px;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:hintBlink 2s infinite ease-in-out}@keyframes hintBlink{0%,to{opacity:.5}50%{opacity:1}}.DiceCornerDisplay{position:fixed;top:15px;right:15px;z-index:45;pointer-events:auto;background:rgba(20,20,30,.85);padding:5px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006;backdrop-filter:blur(4px)}@media (max-width: 767px){.DiceCornerDisplay{top:10px;right:10px;padding:4px 8px;border-radius:10px}.DiceCornerDisplay .die{width:32px;height:32px}.DiceCornerDisplay .dice-total{font-size:18px}}.DiceCornerDisplay--animateIn{animation:cornerSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cornerSlideIn{0%{opacity:0;transform:scale(.3) translateY(-20px)}60%{transform:scale(1.05) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardAppear{0%{opacity:0;transform:scale(.3) rotateY(180deg) translateY(60px)}50%{opacity:1;transform:scale(1.15) rotateY(90deg) translateY(-10px)}75%{transform:scale(1.05) rotateY(0) translateY(-5px)}to{transform:scale(1) rotateY(0) translateY(0)}}@keyframes cardGlow{0%,to{box-shadow:0 0 15px #daa5204d}50%{box-shadow:0 0 30px #daa520b3,0 0 60px #daa5204d}}@keyframes floatPulse{0%,to{transform:translateY(0);box-shadow:0 4px 8px #daa5204d}50%{transform:translateY(-4px);box-shadow:0 8px 16px #daa52099,0 0 10px #daa52066;border-color:#daa520cc}}.dev-card-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.55);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;backdrop-filter:blur(4px)}.dev-card-reveal{animation:cardAppear .8s cubic-bezier(.34,1.56,.64,1) forwards;perspective:600px}.dev-card-reveal .card-image-wrapper{width:250px;height:350px;border-radius:12px;overflow:hidden;animation:cardGlow 2s ease-in-out infinite;margin:0 auto}.dev-card-reveal .card-image-wrapper .card-image{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.dev-card-reveal .card-label{text-align:center;color:#f0e6d2;font-size:1.1rem;margin-top:12px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:1px}.dev-card-reveal .card-dismiss{text-align:center;color:#ffffff80;font-size:.85rem;margin-top:8px}.dev-cards-hand{display:flex;gap:12px;align-items:flex-end;padding:8px;flex-wrap:wrap}.dev-cards-hand .dev-card-slot{position:relative;width:70px;height:100px;margin-bottom:15px}.dev-cards-hand .dev-label{position:absolute;top:4px;left:2px;right:2px;text-align:center;color:#fff;font-size:11px;font-weight:700;text-shadow:1px 1px 2px #000;pointer-events:none;line-height:1.1}.dev-cards-hand .dev-multiplier{position:absolute;top:24px;width:100%;text-align:center;color:#fff;font-weight:bolder;font-size:20px;text-shadow:0px 2px 4px rgb(0,0,0),0px 0px 3px rgb(0,0,0);pointer-events:none}.dev-cards-hand .hand-card{width:100%;height:100%;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .25s ease;border:2px solid rgba(218,165,32,.4);position:relative;background-size:120%;background-position:center}.dev-cards-hand .hand-card:not(.unplayable){animation:floatPulse 2s ease-in-out infinite}.dev-cards-hand .hand-card:not(.unplayable):hover{animation:none;transform:translateY(-8px) scale(1.1);border-color:#daa520e6;box-shadow:0 6px 20px #daa52066;z-index:10}.dev-cards-hand .hand-card.unplayable{opacity:.4;border-color:#ffffff26;cursor:not-allowed;filter:saturate(.5) contrast(.8)}.dev-cards-hand .hand-card.unplayable:hover{transform:none;border-color:#ffffff26;box-shadow:none}.dev-cards-hand .hand-card.played-card{border-color:#32ff64cc;box-shadow:0 0 10px #32ff6466;cursor:default}.dev-cards-hand .hand-card.played-card:hover{transform:none;animation:none}.dev-cards-hand .hand-card.vp-card{opacity:1;border-color:#ffd70080;box-shadow:0 0 8px #ffd70040;cursor:default;filter:none}.dev-cards-hand .hand-card.vp-card:hover{transform:translateY(-4px);border-color:#ffd700e6;box-shadow:0 4px 16px #ffd70066}.dev-cards-hand .hand-card .card-count{position:absolute;top:2px;right:2px;background:rgba(20,20,30,.85);color:#f0e6d2;font-size:.65rem;padding:1px 4px;border-radius:4px;font-weight:700;z-index:5}.dev-cards-hand .hand-card .card-type-label{position:absolute;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.85),transparent);color:#f0e6d2;font-size:.5rem;text-align:center;padding:3px 2px 10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:4}.inv-card-wrapper{border-radius:8px;border:1px solid rgba(218,165,32,.4);overflow:hidden;box-shadow:0 4px 6px #0009;transition:transform .2s,box-shadow .2s,filter .2s;pointer-events:none}@media (max-width: 900px),(max-height: 500px){.dev-cards-hand{gap:6px;padding:0}.dev-cards-hand .dev-card-slot{width:65px;height:90px;margin-bottom:5px}.dev-cards-hand .dev-label{font-size:10px}.dev-cards-hand .dev-multiplier{top:24px;font-size:22px}.dev-card-reveal .card-image-wrapper{width:140px;height:196px}.dev-card-reveal .card-label{font-size:16px}}.StealAnimationsContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.StealCard{position:absolute;width:50px;height:70px;background-size:cover;background-position:center;border-radius:4px;box-shadow:0 10px 25px #000c,0 0 5px #fff6;will-change:transform,opacity;transform:translate(calc(var(--from-x) - 25px),calc(var(--from-y) - 35px)) scale(.5);opacity:0}.FlyingCardAnim{animation:stealFlight 1.5s cubic-bezier(.25,1,.5,1) forwards}@keyframes stealFlight{0%{transform:translate(calc(var(--from-x) - 25px),calc(var(--from-y) - 35px)) scale(.5) rotate(-20deg);opacity:0}15%{transform:translate(calc(var(--from-x) - 25px),calc(var(--from-y) - 35px)) scale(1.5) rotate(5deg);opacity:1}75%{transform:translate(calc(var(--to-x) - 25px),calc(var(--to-y) - 35px)) scale(1) rotate(-5deg);opacity:1}to{transform:translate(calc(var(--to-x) - 25px),calc(var(--to-y) - 35px)) scale(0) rotate(10deg);opacity:0}}.civ-picker-overlay{position:fixed;inset:0;z-index:1000;background:rgba(5,5,10,.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;padding:20px}.civ-picker-panel{width:100%;max-width:860px;background:rgba(20,20,30,.85);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 12px 48px #0009;display:flex;flex-direction:column;padding:28px 32px;box-sizing:border-box;max-height:calc(100vh - 40px);overflow-y:auto}.civ-picker-panel::-webkit-scrollbar{width:6px}.civ-picker-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.civ-header{text-align:center;margin-bottom:24px;flex-shrink:0}.civ-header h1{font-family:Georgia,serif;font-size:32px;letter-spacing:2px;color:#e5b35c;margin:0 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.civ-header .civ-subtitle{font-size:15px;color:#bbb;margin:0}.civ-header .civ-subtitle strong{color:#e5b35c;font-weight:600}.civ-hotseat-tabs{display:flex;justify-content:center;gap:12px;margin-top:14px}.civ-hotseat-tabs .civ-tab{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);padding:6px 16px;border-radius:8px;color:#aaa;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.civ-hotseat-tabs .civ-tab:hover{background:rgba(255,255,255,.1);color:#fff}.civ-hotseat-tabs .civ-tab.active{background:rgba(229,179,92,.15);border-color:#e5b35c;color:#e5b35c;box-shadow:0 0 10px #e5b35c33}.civ-content{display:flex;flex-direction:column;gap:20px;align-items:center}.civ-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%}.civ-thumb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:12px;border:2px solid rgba(255,255,255,.08);background:rgba(10,10,16,.6);transition:all .2s ease;-webkit-tap-highlight-color:transparent}.civ-thumb:hover{border-color:#ffffff40;background:rgba(255,255,255,.05)}.civ-thumb.previewing{border-color:#e5b35c;background:rgba(229,179,92,.1);box-shadow:0 4px 16px #e5b35c40;transform:translateY(-3px)}.civ-thumb.previewing .civ-thumb-name{color:#e5b35c;font-weight:700}.civ-thumb.previewing .civ-thumb-portrait{border-color:#e5b35c}.civ-thumb .civ-thumb-portrait{width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:8px;border:2px solid transparent;transition:border-color .2s ease;flex-shrink:0}.civ-thumb .civ-thumb-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.civ-thumb .civ-thumb-name{font-family:Georgia,serif;font-size:13px;color:#ccc;text-align:center;line-height:1.2}.civ-detail{display:flex;flex-direction:row;align-items:center;gap:28px;width:100%;background:rgba(10,10,16,.5);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;box-sizing:border-box;animation:civDetailIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes civDetailIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.civ-detail-portrait{flex:0 0 180px;display:flex;align-items:center;justify-content:center}.civ-detail-portrait img{width:100%;max-height:240px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.civ-detail-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.civ-detail-body h2{font-family:Georgia,serif;font-size:26px;color:#e5b35c;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.civ-detail-body .civ-detail-lore{font-size:15px;color:#ddd;line-height:1.6;margin:0 0 20px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.civ-detail-assets{display:flex;gap:24px;align-items:flex-end;margin-bottom:24px;background:rgba(0,0,0,.2);padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.civ-detail-assets .civ-asset-item{display:flex;flex-direction:column;align-items:center;gap:8px}.civ-detail-assets .civ-asset-item img{height:48px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.civ-detail-assets .civ-asset-item span{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:700}.civ-detail-assets .civ-asset-road .road-container{width:64px;height:18px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #00000080}.civ-detail-assets .civ-asset-road .road-container img{width:100%;height:100%;object-fit:cover}.civ-confirm-btn{all:unset;box-sizing:border-box;text-align:center;width:100%;padding:16px 24px;border-radius:12px;font-family:Georgia,serif;font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#111;background:linear-gradient(135deg,#e5b35c 0%,#c9931b 100%);box-shadow:0 4px 16px #e5b35c66;cursor:pointer;transition:all .2s ease}.civ-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e5b35c99;filter:brightness(1.1)}.civ-confirm-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #e5b35c66}.civ-hint{text-align:center;padding:40px}.civ-hint span{font-size:18px;color:#777;font-family:Georgia,serif;font-style:italic}@media (max-width: 900px) and (max-height: 500px){.civ-picker-panel{padding:16px}.civ-header h1{font-size:22px;margin-bottom:2px}.civ-header .civ-subtitle{font-size:12px}.civ-content{flex-direction:row;align-items:stretch}.civ-grid{grid-template-columns:repeat(2,1fr);width:40%;margin:0;overflow-y:auto;padding-right:8px}.civ-detail{width:60%;padding:16px;align-items:flex-start}.civ-detail-portrait{flex:0 0 100px}.civ-detail-portrait img{max-height:140px}.civ-detail-body h2{font-size:18px;margin-bottom:6px}.civ-detail-body .civ-detail-lore{font-size:12px;margin-bottom:12px}.civ-detail-assets{margin-bottom:12px;padding:8px 12px;gap:12px}.civ-detail-assets .civ-asset-item img{height:32px}}@media (max-width: 600px) and (min-height: 500px){.civ-picker-overlay{padding:8px}.civ-picker-panel{padding:20px 16px;border-radius:16px}.civ-header h1{font-size:24px}.civ-grid{grid-template-columns:repeat(3,1fr);gap:8px}.civ-thumb{padding:8px 4px}.civ-thumb .civ-thumb-portrait{width:52px;height:52px}.civ-detail{flex-direction:column;text-align:center;padding:20px 16px;gap:16px}.civ-detail-portrait{flex:0 0 auto}.civ-detail-portrait img{max-height:160px}.civ-detail-assets{justify-content:center}}.GameLog-toggle{position:fixed;top:max(64px,env(safe-area-inset-top,64px));left:max(10px,env(safe-area-inset-left,10px));z-index:90;display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(20,20,30,.85);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#ccc;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0006;transition:transform .2s ease,box-shadow .2s;font-family:Inter,system-ui,sans-serif;max-width:260px;pointer-events:auto}.GameLog-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.GameLog-toggle-icon{font-size:18px;flex-shrink:0}.GameLog-toggle-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.8}.GameLog-toggle-count{background:rgba(205,127,50,.3);border:1px solid rgba(205,127,50,.5);border-radius:10px;padding:1px 7px;font-size:11px;color:#cd7f32;font-weight:700;flex-shrink:0}.GameLog-panel{position:fixed;top:max(64px,env(safe-area-inset-top,64px));left:max(10px,env(safe-area-inset-left,10px));z-index:90;width:300px;max-height:50vh;display:flex;flex-direction:column;background:rgba(20,20,30,.85);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 8px 32px #00000080;font-family:Inter,system-ui,sans-serif;animation:gameLogSlideIn .25s ease;pointer-events:auto}@keyframes gameLogSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.GameLog-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.GameLog-title{font-size:13px;font-weight:800;color:#cd7f32;text-transform:uppercase;letter-spacing:1px}.GameLog-close{background:rgba(255,255,255,.05);border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:12px;cursor:pointer;transition:all .2s ease}.GameLog-close:hover{background:rgba(255,255,255,.12);color:#fff}.GameLog-entries{flex:1;overflow-y:auto;padding:8px 10px;scroll-behavior:smooth}.GameLog-entries::-webkit-scrollbar{width:4px}.GameLog-entries::-webkit-scrollbar-track{background:transparent}.GameLog-entries::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}.GameLog-empty{color:#666;font-size:12px;text-align:center;padding:20px 0;font-style:italic}.GameLog-entry{display:flex;align-items:flex-start;gap:8px;padding:5px 4px;border-bottom:1px solid rgba(255,255,255,.04);animation:logEntryFadeIn .3s ease}.GameLog-entry:last-child{border-bottom:none}@keyframes logEntryFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.GameLog-entry-turn{font-size:10px;color:#666;font-weight:700;min-width:24px;flex-shrink:0;padding-top:1px;font-family:Courier New,monospace}.GameLog-entry-message{font-size:12px;line-height:1.4;word-break:break-word}@media (max-width: 767px){.GameLog-toggle{top:max(174px,env(safe-area-inset-top,174px));left:max(10px,env(safe-area-inset-left,10px));max-width:calc(100vw - 20px)}.GameLog-panel{top:max(224px,env(safe-area-inset-top,224px));left:max(10px,env(safe-area-inset-left,10px));width:calc(100vw - 20px);max-height:40vh}}.Board{animation:boardRevealVertical 5s cubic-bezier(.16,1,.3,1) forwards}@keyframes boardRevealVertical{0%{transform:translateY(60px);opacity:0;filter:blur(4px)}10%{opacity:1;filter:blur(0px)}to{transform:translateY(0);opacity:1}}.loading-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;transition:opacity .6s ease-out}.loading-overlay.fading-out{opacity:0;pointer-events:none}.loading-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,14,.75) 0%,rgba(8,8,14,.5) 40%,rgba(8,8,14,.85) 100%),var(--theme-loading-bg, url(/textures/loading_bg.png)) center/cover no-repeat;filter:saturate(.7)}.loading-panel{position:relative;z-index:1;width:100%;max-width:560px;padding:32px 28px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-title{font-family:Georgia,serif;font-size:42px;font-weight:700;color:#e5b35c;letter-spacing:4px;text-transform:uppercase;text-shadow:0 4px 20px rgba(229,179,92,.4),0 2px 6px rgba(0,0,0,.8);text-align:center}.loading-subtitle{font-family:Georgia,serif;font-size:14px;color:#999;letter-spacing:2px;text-transform:uppercase;margin-top:-10px}.loading-slide{display:flex;align-items:center;gap:16px;background:rgba(20,20,30,.75);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;width:100%;box-sizing:border-box;min-height:110px;animation:slideIn .5s cubic-bezier(.34,1.4,.64,1)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.loading-slide-portrait{flex:0 0 72px;width:72px;height:72px;border-radius:50%;overflow:hidden;background:rgba(0,0,0,.3);border:2px solid rgba(229,179,92,.3);flex-shrink:0}.loading-slide-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none}.loading-slide-text{flex:1 1 auto;min-width:0}.loading-slide-text h3{font-family:Georgia,serif;font-size:16px;color:#e5b35c;margin:0 0 4px}.loading-slide-text .loading-slide-lore{font-size:12px;color:#aaa;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.loading-fact{width:100%;text-align:center;animation:factFade .4s ease}.loading-fact .loading-fact-label{display:block;font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.loading-fact .loading-fact-text{font-size:12px;color:#bbb;font-style:italic;line-height:1.4}@keyframes factFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-progress{width:100%}.loading-progress-track{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.loading-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#cd7f32,#e5b35c,#d4a017);transition:width .3s ease-out;box-shadow:0 0 10px #e5b35c66}.loading-progress-label{text-align:center;font-size:11px;color:#888;margin-top:6px;letter-spacing:.5px}.loading-tip{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);animation:factFade .4s ease}.loading-tip .loading-tip-icon{flex-shrink:0;font-size:16px}.loading-tip .loading-tip-text{font-size:12px;color:#999;line-height:1.4}@media (max-width: 767px){.loading-panel{padding:24px 16px;gap:12px}.loading-title{font-size:28px;letter-spacing:3px}.loading-subtitle{font-size:11px;margin-top:-6px}.loading-slide{padding:10px 12px;gap:10px;min-height:90px}.loading-slide-portrait{flex:0 0 56px;width:56px;height:56px}.loading-slide-text h3{font-size:14px}.loading-slide-text .loading-slide-lore,.loading-fact .loading-fact-text,.loading-tip .loading-tip-text{font-size:11px}}@media (min-width: 768px) and (max-width: 1024px){.loading-panel{max-width:480px}.loading-title{font-size:36px}}.landing-root{height:100dvh;width:100vw;background:#0a0a14;color:#e0e6ed;font-family:Inter,Roboto,-apple-system,sans-serif;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.landing-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px 80px;overflow:hidden}.hero-bg-layer{position:absolute;inset:-20%;background:url(/textures/bronze_age_bg.png) no-repeat center center/cover;filter:brightness(.3) saturate(.6);z-index:0;will-change:transform}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(205,127,50,.08) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(10,10,20,.95) 0%,transparent 50%),linear-gradient(180deg,rgba(10,10,20,.3) 0%,rgba(10,10,20,.8) 100%);z-index:1}.landing-particle{position:absolute;border-radius:50%;background:rgba(205,127,50,.5);animation:particleFloat 8s ease-in-out infinite;z-index:2;pointer-events:none;bottom:-10px}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(-100vh) scale(.5);opacity:0}}.hero-content{position:relative;z-index:3;max-width:720px;animation:heroFadeIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:6px 20px;border-radius:50px;background:rgba(205,127,50,.12);border:1px solid rgba(205,127,50,.3);color:#cd7f32;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;animation:heroFadeIn 1s .2s cubic-bezier(.16,1,.3,1) both}.hero-title{margin:0}.hero-title-main{display:block;font-size:clamp(3rem,10vw,5.5rem);font-weight:900;line-height:1.2;padding-bottom:.15em;background:linear-gradient(135deg,#f1c40f 0%,#cd7f32 40%,#e67e22 70%,#d4a017 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;filter:drop-shadow(0 4px 24px rgba(205,127,50,.3));animation:heroFadeIn 1s .3s cubic-bezier(.16,1,.3,1) both}.hero-title-sub{display:block;font-size:clamp(1.1rem,4vw,1.8rem);font-weight:400;color:#a0aec0;margin-top:8px;letter-spacing:4px;text-transform:uppercase;animation:heroFadeIn 1s .4s cubic-bezier(.16,1,.3,1) both}.hero-desc{font-size:clamp(1rem,3vw,1.2rem);color:#8896a6;line-height:1.7;max-width:540px;margin:24px auto 32px;animation:heroFadeIn 1s .5s cubic-bezier(.16,1,.3,1) both}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:heroFadeIn 1s .6s cubic-bezier(.16,1,.3,1) both}.btn-hero-primary{padding:16px 40px;border:none;border-radius:12px;font-size:1.1rem;font-weight:800;color:#000;background:linear-gradient(135deg,#f1c40f 0%,#cd7f32 100%);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 24px #cd7f3266;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.btn-hero-primary:hover{transform:translateY(-4px);box-shadow:0 12px 40px #cd7f3299}.btn-hero-primary:active{transform:translateY(0)}.btn-hero-secondary{padding:16px 32px;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1.1rem;font-weight:700;color:#e0e6ed;background:rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-hero-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff6;transform:translateY(-2px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:48px;margin-bottom:80px;animation:heroFadeIn 1s .8s cubic-bezier(.16,1,.3,1) both}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:2rem;font-weight:900;color:#cd7f32}.stat-label{font-size:.8rem;color:#6b7b8d;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-divider{width:1px;height:36px;background:rgba(255,255,255,.1)}.hero-scroll-indicator{position:absolute;bottom:32px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;animation:heroFadeIn 1s 1.2s cubic-bezier(.16,1,.3,1) both}.hero-scroll-indicator span{font-size:.75rem;color:#6b7b8d;text-transform:uppercase;letter-spacing:2px}.scroll-arrow{width:2px;height:24px;background:linear-gradient(180deg,rgba(205,127,50,.6),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.landing-features{padding:100px 24px;background:linear-gradient(180deg,#0a0a14 0%,#0f0f1e 100%)}.features-container{max-width:1100px;margin:0 auto}.section-title{text-align:center;font-size:clamp(2rem,6vw,3rem);font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#f1c40f,#cd7f32);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;font-size:clamp(1rem,3vw,1.2rem);color:#6b7b8d;max-width:600px;margin:0 auto 60px}.features-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px) and (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1025px){.features-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.feature-card{background:rgba(20,20,30,.6);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 24px;transition:all .35s cubic-bezier(.16,1,.3,1);animation:fadeInUp .6s ease-out both}.feature-card:hover{transform:translateY(-6px);border-color:#cd7f3233;background:rgba(20,20,30,.85);box-shadow:0 20px 60px #0006,0 0 30px #cd7f320d}.feature-card h3{font-size:1.15rem;font-weight:700;margin:16px 0 8px;color:#fff}.feature-card p{font-size:.95rem;color:#8896a6;line-height:1.6;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.feature-icon{font-size:2.4rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(205,127,50,.08);border:1px solid rgba(205,127,50,.15)}.landing-how-it-works{padding:100px 24px;background:#0a0a14}.steps-row{display:flex;flex-direction:column;gap:24px;align-items:center;margin-top:48px}@media (min-width: 1025px){.steps-row{flex-direction:row;gap:0;justify-content:center}}.step{text-align:center;max-width:280px;padding:24px}.step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#cd7f32,#e67e22);color:#000;font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 16px #cd7f324d}.step h3{font-size:1.15rem;font-weight:700;margin:0 0 8px;color:#fff}.step p{font-size:.95rem;color:#8896a6;line-height:1.6;margin:0}.step-connector{display:none}@media (min-width: 1025px){.step-connector{display:block;width:80px;height:2px;background:linear-gradient(90deg,rgba(205,127,50,.4),rgba(205,127,50,.1));margin-top:-16px}}.landing-support{padding:100px 24px;background:#0a0a14}.support-container{max-width:800px;margin:0 auto;text-align:center}.support-content{background:rgba(20,20,30,.6);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:40px 32px;margin-top:40px;box-shadow:0 10px 30px #0006}.support-empathy{font-size:1.15rem;color:#a0aec0;line-height:1.7;margin:0 0 32px}.support-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-support{padding:14px 32px;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;color:#fff}.btn-support:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-support.patreon{background:#FF424D;color:#fff}.btn-support.patreon:hover{background:#ff5e67}.btn-support.paypal{background:#0079C1;color:#fff}.btn-support.paypal:hover{background:#008cdb}.landing-cta{padding:100px 24px;background:linear-gradient(180deg,#0f0f1e 0%,#0a0a14 100%);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;margin:0 0 12px;color:#fff}.cta-content p{font-size:1.1rem;color:#8896a6;margin:0 0 32px}.btn-cta{font-size:1.2rem;padding:18px 48px}.landing-footer{padding:48px 24px;background:#060610;border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-logo{font-size:1.2rem;font-weight:800;color:#cd7f32}.footer-tagline{font-size:.85rem;color:#6b7b8d}.footer-links{display:flex;gap:24px}.footer-links a{color:#8896a6;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.footer-links a:hover{color:#cd7f32}.footer-copy{font-size:.8rem;color:#4a5568}*{box-sizing:border-box}body,#root{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-color:#0d1b2a;background-image:radial-gradient(circle at center,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 100%),var(--theme-table-bg, url(/textures/ancient_room_table.png));background-size:cover;background-position:center;overflow:hidden;width:100vw;height:100svh}.App{position:relative;background-color:transparent;left:0px;width:100%;height:100svh;white-space:pre-wrap;overflow:hidden}.App.TradeForSelector{width:50%;left:50%}.App.TradeButtons{display:inline;padding:15px;width:100%}.PlayerList{position:fixed;top:20px;left:20px;right:20px;pointer-events:none;z-index:95;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.GameInfo{position:fixed;top:0px;left:0;width:225px;height:100%;padding:20px;background:lightgreen;z-index:10}.BottomRightActions{position:fixed;bottom:20px;right:20px;padding:10px;z-index:10;display:flex;flex-direction:column;align-items:center;min-width:300px}.NextTurnButton{width:100%;height:60px;font-weight:700;font-size:larger;margin-bottom:10px}.AutoPickSettlementsButton{margin-bottom:10px}.BuildActions{background-color:transparent;padding:10px;width:auto}.BuildActions .BuildActionsLabel{width:fit-content;margin:0 auto 5px}.BuildActions .BuildActionButtons{display:grid;grid-template-columns:1fr 1fr}.ActionButton{margin:5px;padding:3px}.ActionButton .label{font-weight:700;margin-bottom:5px}.ActionButton.chunky-btn{width:120px;height:40px;display:block;margin:5px auto 0}.MobileActionBtn{padding:12px 18px;color:#fff;border-radius:10px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:5px;transition:all .2s ease;border:1px solid rgba(255,255,255,.2);font-size:15px}.MobileActionBtn.roll{background:linear-gradient(135deg,#d4a017,#eab308);color:#fff;border:none;box-shadow:0 4px 16px #eab30866;font-size:18px;padding:14px 28px}.MobileActionBtn.build{background:rgba(59,130,246,.9)}.MobileActionBtn.build-inactive{background:rgba(255,255,255,.1)}.MobileActionBtn.end-turn{background:linear-gradient(135deg,#c0392b,#ef4444);color:#fff;border:none;box-shadow:0 4px 12px #ef444466}.MobileActionBtn.smelt{background:linear-gradient(135deg,#cd7f32 0%,#a0522d 100%);color:#fff;border-color:#cd7f3266}.MobileActionBtn.smelt:disabled{filter:grayscale(100%);opacity:.5;cursor:not-allowed}.MobileActionBtn.trade{background:rgba(255,255,255,.1)}.MobileActionBtn.settings{background:rgba(255,255,255,.1);font-size:18px;padding:12px 14px}.MobileActionBtn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}@media (max-width: 1024px){\.PlayerList{gap:6px!important;top:10px!important;left:10px!important;right:10px!important}\.PlayerList>*{font-size:13px!important;padding:6px 10px!important}.MobileActionBar{bottom:20px!important;right:15px!important;z-index:50}.MobileActionBtn{padding:14px 20px;font-size:16px;border-radius:12px}.MobileActionBtn.roll{font-size:20px;padding:16px 28px;border-radius:14px}.MobileActionBtn.settings{padding:12px 16px;font-size:18px}}