diff --git a/public/js/buildings/arena.js b/public/js/buildings/arena.js index 276bd5d..af97c7d 100644 --- a/public/js/buildings/arena.js +++ b/public/js/buildings/arena.js @@ -149,7 +149,7 @@ function injectArenaStyles() { /* ── Deck+Mode Layout ── */ .arena-modes { gap:8px; } .arena-mode-wrap { - flex:1; min-width:80px; max-width:130px; + flex:1; min-width:120px; max-width:195px; display:flex; flex-direction:column; gap:6px; } .arena-mode-locked { @@ -160,11 +160,11 @@ function injectArenaStyles() { .arena-deck-select { width:100%; background:#1a0f04; border:1px solid #6b4b2a; border-radius:6px; color:#f0d9a6; font-family:"Cinzel",serif; - font-size:10px; padding:5px 6px; cursor:pointer; + font-size:15px; padding:8px 9px; cursor:pointer; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a08060'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 6px center; - padding-right:20px; + padding-right:28px; } .arena-deck-select:focus { outline:none; border-color:#c8960c; } .arena-deck-select option { background:#1a0f04; color:#f0d9a6; } @@ -183,15 +183,15 @@ function injectArenaStyles() { .arena-mode-card { flex:1; min-width:80px; max-width:120px; background:linear-gradient(180deg,#2a1a08,#1a0f04); - border:2px solid #6b4b2a; border-radius:10px; - padding:14px 8px; cursor:pointer; text-align:center; + border:2px solid #6b4b2a; border-radius:12px; + padding:21px 12px; cursor:pointer; text-align:center; transition:border-color .2s,transform .1s; } .arena-mode-card:hover { border-color:#c8960c; transform:translateY(-2px); } .arena-mode-card.searching { opacity:.6; pointer-events:none; border-color:rgba(255,215,80,.5)!important; } - .arena-mode-icon { font-size:24px; margin-bottom:6px; } - .arena-mode-label { font-family:"Cinzel",serif; font-size:13px; color:#f0d060; font-weight:bold; } - .arena-mode-desc { font-size:10px; color:#806040; margin-top:4px; line-height:1.4; } + .arena-mode-icon { font-size:36px; margin-bottom:9px; } + .arena-mode-label { font-family:"Cinzel",serif; font-size:19px; color:#f0d060; font-weight:bold; } + .arena-mode-desc { font-size:15px; color:#806040; margin-top:6px; line-height:1.4; } .arena-range-wrap { margin-top:12px; } .arena-range-label { diff --git a/public/js/map-ui.js b/public/js/map-ui.js index ce37fc2..9f6fe67 100644 --- a/public/js/map-ui.js +++ b/public/js/map-ui.js @@ -1,4 +1,4 @@ -import { loadArena } from "./buildings/arena.js?v=3"; +import { loadArena } from "./buildings/arena.js?v=4"; import { loadCharacterHouse } from "./buildings/character-house.js?v=2"; import { loadBlackmarket } from "./buildings/blackmarket.js?v=2"; import { loadMine } from "./buildings/mine.js?v=2";