:root{--green-sash:#4ade80;--red-sash:#f87171;--yellow-sash:#facc15;--blue-sash:#60a5fa;--risk-purple:#c084fc}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#213547;background-color:#f0f4f8;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}h1,h2,h3,h4,p{margin:0}.app-container{box-sizing:border-box;background-image:url(./main_bg-DQDDlB9a.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:row;gap:20px;width:100vw;max-width:1600px;height:100vh;padding:20px;display:flex}.main-area{flex-direction:column;flex:3;display:flex}.board{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-radius:20px;flex:1;grid-template-rows:repeat(14,1fr);grid-template-columns:repeat(14,1fr);gap:4px;padding:20px;display:grid;box-shadow:0 15px 35px #0003}.side-panel{flex-direction:column;flex-shrink:0;gap:20px;width:350px;height:100%;display:flex}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-radius:20px;flex-direction:column;padding:20px;display:flex;box-shadow:0 15px 35px #00000026}.scoreboard{flex-shrink:0}.scoreboard table{border-collapse:collapse;width:100%}.scoreboard th,.scoreboard td{text-align:center;border-bottom:1px solid #cbd5e1;padding:8px;font-size:.9rem}.scoreboard th{color:#475569;font-weight:600}.action-panel{flex-direction:column;align-items:center;gap:20px;display:flex}.action-panel button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#3b82f6,#2563eb);border:none;border-radius:50px;padding:15px 30px;font-size:1.5rem;font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 15px #3b82f666}.action-panel button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #fff6;border-radius:20px;flex-direction:column;width:90%;max-width:600px;padding:0;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-card{box-shadow:none;background:#fffffff2;border-top-width:8px;border-radius:24px;flex-direction:column;flex:1;justify-content:center;display:flex}.modal-card .card-question{text-align:center;margin:40px 0;font-size:clamp(1.2rem,3vw,2rem);line-height:1.4}.modal-card .btn-group{gap:20px;margin-top:40px}.modal-card .btn-true,.modal-card .btn-false{padding:20px;font-size:1.5rem}.board-cell{color:#334155;background:#f1f5f9a6;border:1px solid #ffffff80;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #ffffff80}.board-cell:after{content:"";height:6px;position:absolute;bottom:0;left:0;right:0}.category-land{border:1px solid var(--land-green);background:#22c55e4d}.category-people{border:1px solid var(--people-red);background:#ef44444d}.category-heritage{border:1px solid var(--heritage-yellow);background:#eab3084d}.category-culture{border:1px solid var(--culture-blue);background:#3b82f64d}.category-land:after{background:var(--land-green);box-shadow:0 -2px 10px var(--land-green)}.category-people:after{background:var(--people-red);box-shadow:0 -2px 10px var(--people-red)}.category-heritage:after{background:var(--heritage-yellow);box-shadow:0 -2px 10px var(--heritage-yellow)}.category-culture:after{background:var(--culture-blue);box-shadow:0 -2px 10px var(--culture-blue)}.category-risk{color:#fff;border:2px solid var(--risk-purple);box-shadow:inset 0 0 15px var(--risk-purple);background:#c084fc99}.category-risk:after{display:none}.tokens-container{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:absolute;bottom:2px;left:0;right:0}.token{border-radius:50%;width:clamp(6px,1vw,12px);height:clamp(6px,1vw,12px);box-shadow:0 2px 4px #0003}.token.green{background:#22c55e}.token.red{background:#ef4444}.token.yellow{background:#eab308}.token.blue{background:#3b82f6}.action-panel h2{color:#1e293b;flex-shrink:0;margin-bottom:10px;font-size:1.5rem}.turn-indicator{text-align:center;color:#fff;text-shadow:1px 1px #00000080,-1px -1px #00000080,1px -1px #00000080,-1px 1px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:8px;flex-shrink:0;margin-bottom:20px;padding:12px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 6px #0000001a}.turn-indicator.green{border:2px solid var(--land-green);box-shadow:inset 0 0 15px var(--land-green)}.turn-indicator.red{border:2px solid var(--people-red);box-shadow:inset 0 0 15px var(--people-red)}.turn-indicator.yellow{border:2px solid var(--heritage-yellow);box-shadow:inset 0 0 15px var(--heritage-yellow)}.turn-indicator.blue{border:2px solid var(--culture-blue);box-shadow:inset 0 0 15px var(--culture-blue)}.dice-container{flex-shrink:0;align-items:center;gap:10px;margin-bottom:20px;display:flex}.dice-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:transform .2s,background .2s}.dice-btn:hover{background:#2563eb;transform:translateY(-2px)}.dice-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fffffff2;border-top:6px solid #cbd5e1;border-radius:16px;padding:20px;box-shadow:0 10px 30px #00000026}.card.land{border-top-color:var(--land-green);box-shadow:0 5px 25px #22c55e4d}.card.people{border-top-color:var(--people-red);box-shadow:0 5px 25px #ef44444d}.card.heritage{border-top-color:var(--heritage-yellow);box-shadow:0 5px 25px #eab3084d}.card.culture{border-top-color:var(--culture-blue);box-shadow:0 5px 25px #3b82f64d}.card.general{border-top-color:var(--risk-purple);box-shadow:0 5px 25px #c084fc4d}.card-title{text-transform:uppercase;letter-spacing:2px;opacity:.9;text-shadow:1px 1px 2px #0000001a;margin-bottom:20px;font-size:1.2rem;font-weight:700}.card-question{text-shadow:1px 1px 2px #0000001a;margin-bottom:30px;font-size:1.8rem;line-height:1.4}.timer{color:#ef4444;text-align:center;margin-top:10px;font-size:1.5rem;font-weight:700}.btn-group{gap:10px;margin-top:10px;display:flex}.btn-true,.btn-false{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;padding:10px;font-weight:700}.btn-true{background:#22c55e}.btn-true:hover{background:#16a34a}.btn-false{background:#ef4444}.btn-false:hover{background:#dc2626}@media (width<=800px){.app-container{flex-direction:column;gap:10px;height:100%;padding:10px;overflow-y:auto}.main-area{flex:none;width:100%}.side-panel{flex:1 0 auto;width:100%;height:auto}}.active-player-row{background-color:#0000000d}.active-player-row td{font-weight:700}.game-over-overlay{background:#0f172ad9}.game-over-modal{text-align:center;background-color:#fff;background-image:linear-gradient(#ffffffeb,#ffffffeb),url(./main_bg-DQDDlB9a.jpg);background-position:50%;background-size:cover;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:800px;padding:40px;display:flex}.game-over-title{color:var(--risk-purple);text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;margin:0;font-size:4rem}.game-over-subtitle{color:#333;margin:0;font-size:2rem}.game-over-cards{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.player-result-card{background:#fffffff2;border:4px solid #ccc;border-radius:12px;flex-direction:column;align-items:center;min-width:150px;padding:20px;transition:transform .3s;display:flex;position:relative;box-shadow:0 4px 15px #0003}.player-result-card.winner{z-index:10;border-color:gold;transform:scale(1.15);box-shadow:0 8px 25px #ffd70099}.player-result-card.green{border-color:var(--green-sash)}.player-result-card.red{border-color:var(--red-sash)}.player-result-card.yellow{border-color:var(--yellow-sash)}.player-result-card.blue{border-color:var(--blue-sash)}.winner-crown{color:#000;background:gold;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700;position:absolute;top:-15px;box-shadow:0 2px 5px #0003}.player-result-rank{color:#666;margin-bottom:5px;font-size:1.5rem;font-weight:700}.pack-card{color:#fff;text-shadow:1px 1px 2px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #fff6;border-radius:12px;justify-content:center;align-items:center;margin:5px;font-size:1.2rem;font-weight:700;transition:transform .3s;display:flex;transform:perspective(500px)rotateX(5deg);box-shadow:0 10px 20px #0000004d}.pack-card:hover{transform:perspective(500px)rotateX(0)translateY(-5px);box-shadow:0 15px 25px #0006}.pack-card.land{background:linear-gradient(135deg,#22c55ed9,#15803df2)}.pack-card.people{background:linear-gradient(135deg,#ef4444d9,#b91c1cf2)}.pack-card.heritage{background:linear-gradient(135deg,#eab308d9,#a16207f2)}.pack-card.culture{background:linear-gradient(135deg,#3b82f6d9,#1d4ed8f2)}.pack-card.risk{letter-spacing:2px;background:linear-gradient(135deg,#a855f7d9,#7e22cef2);font-size:1.5rem}.winner .player-result-rank{color:gold}.player-result-name{margin-bottom:10px;font-size:1.2rem;font-weight:700}.player-result-score{color:#333;font-size:2rem;font-weight:900}.play-again-btn{background:var(--risk-purple);align-self:center;width:auto;margin-top:10px;padding:15px 40px;font-size:1.5rem}.main-menu-container,.setup-container,.instructions-container{background-image:url(./main_bg-DQDDlB9a.jpg);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.menu-glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffffd9;border-radius:20px;width:90%;max-width:600px;padding:50px;position:relative;box-shadow:0 20px 40px #0003}.menu-title{background:linear-gradient(135deg,#2563eb,#10b981,#eab308,#ef4444);-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px #0000001a;-webkit-background-clip:text;margin-bottom:10px;font-size:4rem;font-weight:900}.menu-subtitle{color:#475569;margin-bottom:40px;font-size:1.5rem;font-style:italic}.menu-buttons{flex-direction:column;align-items:center;gap:20px;display:flex}.menu-btn{cursor:pointer;border:none;border-radius:50px;width:100%;max-width:300px;padding:15px 40px;font-size:1.5rem;font-weight:700;transition:transform .2s,box-shadow .2s}.menu-btn:active{transform:scale(.95)}.menu-btn.primary{color:#fff;background:linear-gradient(45deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f666}.menu-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.menu-btn.secondary{color:#3b82f6;background:#fff;border:2px solid #3b82f6}.menu-btn.secondary:hover{background:#f8fafc;transform:translateY(-2px)}.menu-btn.small{width:auto;max-width:none;padding:8px 20px;font-size:1rem}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:700;position:absolute;top:20px;left:20px}.back-btn:hover{color:#334155}.instructions-panel{text-align:left;max-width:800px;max-height:80vh;overflow-y:auto}.instructions-panel h2{text-align:center;color:#1e293b;margin-bottom:30px;font-size:2.5rem}.instructions-content section{margin-bottom:25px}.instructions-content h3{color:#2563eb;border-bottom:2px solid #e2e8f0;margin-bottom:10px;padding-bottom:5px}.instructions-content p{color:#334155;font-size:1.1rem;line-height:1.6}.setup-form{flex-direction:column;align-items:center;gap:20px;display:flex}.form-group{color:#334155;flex-direction:column;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.form-group select{border:2px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 20px;font-size:1.2rem}.player-inputs{flex-direction:column;gap:15px;width:100%;max-width:400px;margin-top:20px;display:flex}.language-selector{z-index:50;position:absolute;top:20px;right:20px}.custom-dropdown-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;text-shadow:1px 1px 2px #0003;background:#fff3;border:1px solid #fff6;border-radius:50px;align-items:center;gap:8px;padding:10px 15px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px #0000001a}.custom-dropdown-toggle:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.custom-dropdown-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;gap:5px;min-width:150px;padding:8px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-10px);box-shadow:0 10px 25px #0003}.custom-dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-dropdown-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 15px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.custom-dropdown-item:hover{color:#2563eb;background:#3b82f61a;transform:translate(5px)}.custom-dropdown-item.active{color:#fff;background:linear-gradient(45deg,#3b82f6,#2563eb)}.player-input-row{background:#fff;border-radius:12px;align-items:center;gap:15px;padding:10px;display:flex;box-shadow:0 2px 4px #0000000d}.player-input-row input{color:#334155;border:none;outline:none;flex:1;font-size:1.2rem;font-weight:700}.token-preview{border-radius:50%;width:24px;height:24px;box-shadow:inset -2px -2px 6px #0000004d,0 2px 4px #0003}.token-preview.green{background:radial-gradient(circle at 30% 30%,#4ade80,#166534)}.token-preview.red{background:radial-gradient(circle at 30% 30%,#f87171,#991b1b)}.token-preview.yellow{background:radial-gradient(circle at 30% 30%,#fde047,#a16207)}.token-preview.blue{background:radial-gradient(circle at 30% 30%,#60a5fa,#1e3a8a)}.roll-off-list{flex-direction:column;gap:15px;width:100%;margin-top:20px;display:flex}.roll-off-row{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:15px 20px;transition:background .3s;display:flex;box-shadow:0 2px 4px #0000000d}.roll-off-row.rolled{background:#f0fdf4;border:1px solid #bbf7d0}