*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;background:#0d1b2a;color:#e0e6ed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;height:100dvh}.home-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;padding:24px;text-align:center;background:linear-gradient(135deg,#0d1b2a,#1b2838)}.home-screen h1{font-size:32px;color:gold;margin-bottom:4px}.subtitle{color:#7a8ba0;font-size:14px;margin-bottom:24px}.name-input{background:#1b2838;border:2px solid #2a3f5f;border-radius:12px;padding:14px 18px;color:#e0e6ed;font-size:18px;width:100%;max-width:280px;text-align:center;margin-bottom:16px;outline:none}.name-input:focus{border-color:gold}.mode-select{display:flex;gap:10px;margin-bottom:20px;width:100%;max-width:300px}.mode-btn{flex:1;padding:16px 10px;border:2px solid #2a3f5f;border-radius:12px;background:#1b2838;color:#7a8ba0;text-align:center;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.mode-btn:active{transform:scale(.95)}.mode-btn.active{border-color:gold;background:#1e3a5f;color:gold;box-shadow:0 0 12px #ffd70033}.mode-btn .mode-icon{font-size:28px;display:block;margin-bottom:4px}.mode-btn .mode-label{font-size:12px;font-weight:600}.mode-btn .mode-desc{font-size:10px;color:#5a6a7a;margin-top:2px}.end-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;height:100dvh}.end-screen h1{font-size:28px;color:gold}.end-screen h2{font-size:20px;margin:8px 0}.ranking{margin:12px 0;text-align:left;width:100%;max-width:280px}.rank-line{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.game-layout{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.game-layout.classic{flex-direction:row}.classic .board-wrapper{flex:0 0 58%;display:flex;align-items:center;justify-content:center;padding:4px;max-height:100vh}.classic .board{display:grid;grid-template-columns:80px repeat(9,1fr) 80px;grid-template-rows:80px repeat(9,1fr) 80px;gap:1px;width:100%;max-width:560px;aspect-ratio:1/1;max-height:100%}.classic .board-row{display:contents}.classic .board-top{grid-row:1}.classic .board-bottom{grid-row:11}.classic .board-middle{display:contents}.classic .board-left{grid-column:1;display:flex;flex-direction:column}.classic .board-right{grid-column:11;display:flex;flex-direction:column}.classic .cell{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1b2838;border:1px solid #2a3f5f;position:relative;overflow:hidden;padding:1px;min-width:0;min-height:0;cursor:default;transition:background .15s}.classic .cell-active{background:#1e3a5f}.classic .cell-bar{position:absolute;left:0;right:0;height:5px;top:0}.classic .board-bottom .cell-bar{top:auto;bottom:0}.classic .board-left .cell-bar{left:auto;right:0;top:0;bottom:0;width:5px;height:100%}.classic .board-right .cell-bar{left:0;right:auto;top:0;bottom:0;width:5px;height:100%}.classic .cell-name{font-size:7px;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 1px;color:#7a8ba0}.classic .cell-price{font-size:6px;color:gold;font-weight:700;margin-top:1px}.classic .cell-icon{font-size:12px;line-height:1}.classic .cell-owner{position:absolute;bottom:2px;right:2px;width:6px;height:6px;border-radius:50%}.classic .cell-tokens{display:flex;gap:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%);flex-wrap:wrap;justify-content:center}.classic .token{width:8px;height:8px;border-radius:50%;border:1px solid #000;flex-shrink:0}.classic .board-center{grid-column:2/11;grid-row:2/11;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d1b2a;border-radius:6px;gap:6px}.classic .center-title{font-size:20px;font-weight:900;color:gold;text-align:center;line-height:1.1}.classic .sidebar{flex:0 0 42%;max-height:100vh;border-left:2px solid #2a3f5f}.game-layout.mobile{flex-direction:column}.board-mobile{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:4px}.track-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:3px;padding:2px}.track-cell{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1b2838;border-radius:8px;border-left:4px solid transparent;position:relative;min-height:36px;transition:background .15s}.track-cell-active{background:#1e3a5f;border-left-color:gold}.track-bar{width:4px;min-height:28px;border-radius:2px;flex-shrink:0}.track-icon{font-size:16px;flex-shrink:0;width:22px;text-align:center}.track-name{font-size:13px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-price{font-size:12px;color:gold;font-weight:700;flex-shrink:0}.track-owner{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.track-tokens{display:flex;gap:2px;flex-shrink:0}.track-token{width:12px;height:12px;border-radius:50%;border:1px solid #000}.dice-row{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 0;flex-shrink:0}.die{width:44px;height:44px;background:#e0e6ed;color:#0d1b2a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;border:2px solid #2a3f5f;transition:all .2s}.die-double{border-color:#2ecc71;box-shadow:0 0 10px #2ecc7180}.double-tag{font-size:12px;color:#2ecc71;font-weight:700}.center-dice{display:flex;gap:8px}.double-label{font-size:9px;color:#2ecc71;font-weight:700}.sidebar{flex:0 0 auto;max-height:45dvh;display:flex;flex-direction:column;background:#1b2838;border-top:2px solid #2a3f5f;overflow:hidden}.player-bar{display:flex;gap:4px;padding:5px 8px;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.player-card{flex:0 0 auto;display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:8px;background:#0d1b2a;font-size:11px;border:2px solid transparent;min-width:0}.player-card.active{border-color:gold;box-shadow:0 0 6px #ffd7004d}.player-card.bankrupt{opacity:.35;text-decoration:line-through}.player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.player-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55px}.player-money{color:gold;font-weight:700;white-space:nowrap;font-size:10px}.jail-icon{font-size:8px}.turn-indicator{padding:5px 10px;text-align:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.square-info{background:#162033;border-radius:8px;padding:6px 10px;margin:4px 8px 0;display:flex;align-items:center;gap:6px}.group-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.square-name{font-weight:700;font-size:12px;flex:1}.square-price{color:gold;font-size:12px;font-weight:700}.auction-panel{background:#2a1a00;border-radius:8px;padding:6px 10px;margin:0 8px}.auction-title{color:gold;font-weight:700;font-size:12px}.auction-bid{font-size:13px;margin:2px 0}.action-bar{display:flex;flex-wrap:wrap;gap:4px;padding:5px 8px;flex-shrink:0}.btn{padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-roll{background:linear-gradient(135deg,gold,#f0c000);color:#0d1b2a;font-size:15px;padding:10px 20px}.btn-buy{background:#2ecc71;color:#fff}.btn-auction{background:#e67e22;color:#fff}.btn-end{background:#2a3f5f;color:#7a8ba0}.btn-jail{background:#e74c3c;color:#fff}.btn-props{background:#162033;color:#7a8ba0;font-size:10px;padding:5px 8px}.btn-save{background:#162033;border:1px solid #2a3f5f;color:#7a8ba0;font-size:10px;padding:5px 8px}.btn-build{background:#3498db;color:#fff;font-size:9px;padding:3px 6px}.btn-load{background:#1b2838;border:1px solid #2a3f5f;color:#7a8ba0;font-size:13px;padding:10px 20px;margin-top:8px;border-radius:12px}.props-list{max-height:120px;overflow-y:auto;margin:0 8px;border-top:1px solid #2a3f5f}.props-empty{font-size:11px;color:#5a6a7a;padding:6px;text-align:center}.prop-line{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid #2a3f5f}.prop-left{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.prop-color{width:8px;height:8px;border-radius:2px;flex-shrink:0}.prop-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-box{flex:1;min-height:0;padding:4px 8px;overflow:hidden}.log{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:70px;font-size:10px;line-height:1.5}.log-entry{color:#5a6a7a;padding:1px 0}.log-highlight{color:#e0e6ed;font-weight:600}.mode-switch{position:absolute;top:4px;right:4px;background:#162033;border:1px solid #2a3f5f;border-radius:6px;padding:2px 8px;font-size:10px;color:#7a8ba0;cursor:pointer;z-index:10}.mode-switch:active{background:#2a3f5f}