/* ui-clean.css — ลดกรอบสี่เหลี่ยมให้หน้าจอโล่งแบบเกมคอนโซล (พี่ 2026-11-08) + จอเกมกว้างตามจอ · ตั๊บ
   โหลดท้ายสุด ทับ tower-theme.css เฉพาะหน้าแผนที่ */
#stage{width:var(--sw,1280px)!important}
#stage #app{width:100%!important}
.bfx-panel{left:calc(var(--i)*var(--sw,1280px)/var(--n) - 70px)!important;width:calc(var(--sw,1280px)/var(--n) + 140px)!important}

/* แผนที่เต็มจอ แถบบน/ล่างลอยทับแบบโปร่ง */
#stage .game{display:block!important;position:relative}
#stage .game .world-scene{position:absolute!important;inset:0}
html body #stage .game .topbar{position:absolute;left:0;right:0;top:0;z-index:6;height:70px;background:linear-gradient(#07050bd9,#07050b00)!important;box-shadow:none!important}
html body #stage .game .bottom-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;height:92px;background:linear-gradient(#07050b00,#07050be0 60%)!important;box-shadow:none!important}
.game .topbar *,.game .bottom-bar small{text-shadow:0 1px 3px #000,0 0 6px #000a}
/* ข้อความบนแผนที่: ตัวหนังสือลอยมีเงา ไม่มีกล่อง */
html body .game .world-help,html body .game .world-tag,html body .game .event-log p{background:none!important;border:0!important;border-image:none!important;box-shadow:none!important;padding:0!important}
html body .game .world-help{bottom:104px;font:700 16px var(--font);color:#fff4d6;text-shadow:0 2px 3px #000,0 0 10px #000c;white-space:nowrap}
html body .game .world-tag{top:78px;left:20px}
html body .game .world-tag b{font-size:13px;color:#ffe9b0;text-shadow:0 1px 3px #000}html body .game .world-tag small{color:#e9e3d4;text-shadow:0 1px 3px #000}
html body .game .event-log{left:20px;bottom:104px;width:340px}
html body .game .event-log p{margin:2px 0;font-size:13px;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;animation:fadein .3s}
html body .game .event-log p:nth-child(2){opacity:.75}html body .game .event-log p:nth-child(3){opacity:.5}
html body .game .side-journal{display:none}
/* ตัวนับช่องที่เหลือ: เลขใหญ่ลอย */
.steps-counter{background:none!important;border:0!important;box-shadow:none!important;color:#fff;text-align:center;text-shadow:0 2px 4px #000,0 0 12px #000}
.steps-counter b{font:900 46px/1 var(--font)!important;color:#ffe08a!important}.steps-counter small{color:#fff!important;font-size:13px}
/* ปุ่มเลือกทาง: ลูกศรทองลอยบนช่องที่จะเดินไป */
html body .game .path-choice{position:static!important;transform:none!important;background:none!important;border:0!important;border-image:none!important;padding:0!important;box-shadow:none!important}
#stage .game .path-choice button[data-action="step"]{position:absolute;z-index:9;width:54px;height:54px;padding:0!important;transform:translate(-50%,-115%);border-radius:50%!important;
  border:0!important;border-image:none!important;background:url(assets/ui/tower/ring_gold.webp) center/100% 100% no-repeat!important;color:#fff!important;font:900 22px/54px var(--font);text-shadow:0 2px 3px #000;
  filter:drop-shadow(0 4px 6px #000a);animation:pathBob 1s ease-in-out infinite}
#stage .game .path-choice button[data-action="step"].ghost{opacity:.8}
@keyframes pathBob{50%{translate:0 -6px}}
/* มินิแมพ: ย่อเป็นปุ่มกลมมุมขวาบน กดแล้วขยาย */
html body .map-navigation{top:76px}
#stage .map-navigation.minimap-collapsed{width:58px;height:58px;padding:0;border:0!important;border-image:none!important;background:url(assets/ui/tower/ring_gold.webp) center/100% 100% no-repeat!important;box-shadow:none;filter:drop-shadow(0 4px 6px #000a)}
#stage .map-navigation.minimap-collapsed>*:not(header){display:none!important}
#stage .map-navigation.minimap-collapsed header{height:100%;justify-content:center}
#stage .map-navigation.minimap-collapsed header b{display:none}
#stage .map-navigation.minimap-collapsed header button{width:58px;height:58px;font-size:0!important;background:none!important;border:0!important;border-image:none!important}
#stage .map-navigation.minimap-collapsed header button:after{content:'⌖';font-size:30px;line-height:58px;color:#ffe08a;filter:drop-shadow(0 1px 2px #000)}

/* ตัวนับช่องที่เหลือ: ลอยเหนือปุ่มทอยเต๋า */
#stage .game .steps-counter{left:auto!important;top:auto!important;right:60px;bottom:100px;width:90px}
#stage .game .world-tag{top:76px}

/* ปุ่มปิดหน้าต่าง: ตอนชี้ยังเป็นวงแดงเหมือนเดิม (เดิมกลายเป็นกล่องดำมีขอบแดง) */
#stage .modal-head button,#stage .modal-head button:hover,#stage .modal-head button.ghost:hover{background:url(assets/ui/tower/x1.webp) center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;outline:0}
#stage .modal-head button:hover{filter:brightness(1.25) drop-shadow(0 0 6px #ff3a3a)}
/* หน้าต่างกว้างพอดีเนื้อหา ไม่มีที่โล่งเกิน (พี่ 2026-11-08) */
/* ความกว้างหน้าต่างตามเนื้อหา: กำหนดต่อหน้าต่างใน stage.js (MODAL_W) · ค่าเริ่ม 1000 */
/* ลูกเต๋าทอยเดินบนแผนที่: ต่ำกว่าแถบบน */
#stage .game .move-roll-overlay{top:96px;left:24px}
/* toast ไม่ทับข้อความแนะนำบนแผนที่ */
#stage #toast{bottom:150px}