:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ecf0f1;min-height:100vh;margin:0}.game{width:100%;max-width:1400px;margin:0 auto;padding:20px;box-sizing:border-box}.header{padding:8px 12px;background:linear-gradient(180deg,#6b3410,#4a2a10);border-radius:8px;margin-bottom:12px;box-shadow:0 2px 8px #0006}.turn-info{font-size:1rem;color:#ecf0f1;font-weight:600}.player-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.player-card{background:linear-gradient(135deg,#8b5a2b59,#65432140);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;padding:10px 14px;min-width:140px;flex:1;max-width:220px;border:2px solid rgba(139,90,43,.4);border-bottom-width:3px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #00000040}.player-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(210,180,140,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(210,180,140,.04) 0%,transparent 50%);pointer-events:none}.player-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--player-color, #888);border-radius:12px 12px 0 0;opacity:.8}.player-card.active{background:linear-gradient(135deg,#a06e3273,#78502359);border-color:#ffd70080;box-shadow:inset 0 1px #ffffff14,0 0 16px #ffd70026,0 4px 12px #0000004d}.player-card.active:after{opacity:1;height:3px;box-shadow:0 0 8px var(--player-color, #888)}.player-name{font-weight:700;font-size:.95rem;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-stats{display:flex;gap:6px;font-size:.72rem;color:#bbb;margin-bottom:4px}.player-stats span{background:#00000040;padding:1px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.player-resources{display:flex;flex-wrap:wrap;gap:4px;font-size:.78rem}.resource{background:#00000059;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.06);font-weight:600}.game-area{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.board-container{position:relative;background:linear-gradient(135deg,#654321,#8b4513,#654321);border-radius:10px;padding:4px;box-shadow:0 8px 32px #00000080,inset 0 2px 4px #ffffff1a;overflow:hidden}.floating-dice-btn{position:absolute;bottom:16px;left:16px;background:#120c06e0;border:2px solid #555;border-radius:14px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:default;z-index:10;transition:border-color .3s,box-shadow .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.floating-dice-btn.dice-glow{border-color:gold;cursor:pointer;animation:floating-dice-glow 1.4s ease-in-out infinite}@keyframes floating-dice-glow{0%,to{box-shadow:0 0 10px #ffd70073,0 0 22px #ffd7002e}50%{box-shadow:0 0 24px #ffd700d9,0 0 48px #ffd70061}}.floating-die{width:42px;height:42px}@keyframes floating-build-glow{0%,to{box-shadow:0 0 8px #e67e2259,0 0 18px #e67e221f}50%{box-shadow:0 0 20px #e67e22bf,0 0 40px #e67e2247}}.floating-devcard-btn{position:absolute;top:16px;right:16px;background:#120c06e0;border:2px solid #8b6914;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .3s,box-shadow .3s}.floating-devcard-btn.devcard-glow{border-color:gold;animation:floating-dice-glow 1.4s ease-in-out infinite}.devcard-stack{position:relative;width:30px;height:40px}.devcard-back2{position:absolute;top:0;left:4px;width:26px;height:36px;background:#3a2508;border:1px solid #6b4a18;border-radius:4px}.devcard-back{position:absolute;top:2px;left:2px;width:26px;height:36px;background:#4a3010;border:1px solid #8b6914;border-radius:4px}.devcard-front{position:absolute;top:4px;left:0;width:26px;height:36px;background:linear-gradient(160deg,#1a2a3a,#0f1a28);border:1.5px solid #ffd700;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem}.devcard-count{font-size:.95rem;font-weight:700;color:gold;min-width:18px;text-align:center}.floating-dice-sum{font-size:1.05rem;font-weight:700;color:gold;min-width:28px;text-align:center}.board{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.hex{cursor:pointer;transition:all .2s}.hex:hover{filter:brightness(1.2)}.action-panel{flex:1;min-width:280px;background:#2c3e50;border-radius:12px;padding:20px}.action-panel h3,.action-panel h4{color:gold;margin-bottom:15px}.dice-section{margin-bottom:20px}.dice-result{display:flex;align-items:center;justify-content:center;gap:15px}.die{width:50px;height:50px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#333;box-shadow:0 4px 8px #0000004d}@keyframes dice-shake{0%{transform:rotate(0) scale(1)}15%{transform:rotate(-12deg) scale(1.15) translateY(-4px)}30%{transform:rotate(10deg) scale(1.12) translateY(-6px)}45%{transform:rotate(-8deg) scale(1.14) translateY(-3px)}60%{transform:rotate(9deg) scale(1.11) translateY(-5px)}75%{transform:rotate(-6deg) scale(1.13) translateY(-2px)}90%{transform:rotate(5deg) scale(1.1) translateY(-4px)}to{transform:rotate(0) scale(1)}}@keyframes dice-land{0%{transform:scale(1.2);box-shadow:0 8px 20px #ffd70099}60%{transform:scale(.92)}to{transform:scale(1);box-shadow:0 4px 8px #0000004d}}.die-rolling{animation:dice-shake .15s ease-in-out infinite;background:#fffde7;box-shadow:0 6px 16px #0006}.die-landed{animation:dice-land .35s ease-out forwards}.dice-sum{font-size:1.5rem;font-weight:700;color:gold}.btn{display:block;width:100%;padding:12px 20px;margin-bottom:10px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#27ae60,#1e8449);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#2ecc71,#27ae60);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(180deg,#8b5e2f,#6b4420);color:#f0e0c8;border:1px solid rgba(210,170,120,.3);font-weight:700;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#a06830,#7a5025);border-color:#ffd70059}.btn:hover:not(:disabled){box-shadow:0 4px 12px #0000004d}.btn.active{background:linear-gradient(180deg,#f39c12,#d68910);color:#333}.build-section{margin-bottom:20px}.btn.cannot-afford{opacity:.6;background:linear-gradient(180deg,#555,#444);color:#aaa}.trade-section{background:#0003;border-radius:8px;padding:10px;margin-bottom:15px}.trade-section h4{font-size:.9rem;margin-bottom:6px}.costs{background:#0003;border-radius:8px;padding:10px;font-size:.85rem}.costs h4{font-size:.9rem;margin-bottom:8px}.costs div{margin-bottom:4px}.game-log{background:#2c3e50;border-radius:12px;padding:15px;max-height:200px;overflow-y:auto}.game-log h4{color:gold;margin-bottom:10px}.log-entries{font-size:.9rem}.log-entry{padding:5px 0;border-bottom:1px solid #34495e}.log-turn{color:#7f8c8d;margin-right:8px}.log-player{font-weight:700;margin-right:8px}.log-action{color:#bdc3c7}.dice-flash-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:900;pointer-events:none;animation:dice-flash-fade 1.2s ease-out forwards}.dice-flash-container{display:flex;gap:20px;animation:dice-flash-pop 1.2s ease-out forwards}.dice-flash-die{width:90px;height:90px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 40px #ffd70080,0 0 60px #ffd7004d}.dice-flash-die>div>div>div>div{width:14px!important;height:14px!important}@keyframes dice-flash-pop{0%{transform:scale(.3);opacity:0}15%{transform:scale(1.15);opacity:1}30%{transform:scale(1);opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes dice-flash-fade{0%{background:#0000}15%{background:#0006}75%{background:#0006}to{background:#0000}}.resource-fly{position:fixed;left:var(--fly-start-x);top:var(--fly-start-y);font-size:1.6rem;z-index:950;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);animation:resource-fly-move .9s ease-in-out forwards;filter:drop-shadow(0 0 6px rgba(255,215,0,.6));text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes resource-fly-move{0%{left:var(--fly-start-x);top:var(--fly-start-y);opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}40%{transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{left:var(--fly-end-x);top:var(--fly-end-y);opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media(max-width:768px){.game{padding:8px}.header{margin-bottom:8px;padding:6px 8px}.game-area{flex-direction:column;gap:10px}.board-container{padding:2px;border-radius:8px;overflow:hidden}.board-container svg.board{width:100%!important;height:auto!important}.floating-dice-btn{bottom:8px;left:8px;padding:6px 8px;border-radius:10px}.floating-die{width:32px;height:32px}.floating-devcard-btn{top:8px;right:8px;padding:6px 8px}.player-bar{gap:5px;margin-bottom:10px}.player-card{min-width:0;padding:7px 8px;border-radius:10px;flex:1;max-width:none}.player-name{font-size:.75rem}.player-vp{font-size:.95rem;margin:2px 0}.player-stats{font-size:.62rem;gap:3px;margin-bottom:2px}.player-resources{font-size:.68rem;gap:3px}.action-panel{min-width:0;padding:12px;border-radius:10px}.btn{padding:10px 14px;font-size:.9rem}.game-log{padding:10px}}