/* Combat controls stay within thumb reach while the camera remains visible. */
#screen-ar .hud-bottom { display:grid; grid-template-columns:minmax(0,1fr) 126px; gap:6px; background:linear-gradient(0deg,#111919fa 10%,#111919e8 78%,transparent); padding-top:28px; }
#screen-ar .mind-wrap { grid-column:1; align-self:center; min-width:0; }
#screen-ar #btn-evade { grid-column:2; margin:0; min-height:44px; font-size:12px; }
#screen-ar .player-skillbar { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.player-skillbar .btn { position:relative; overflow:hidden; isolation:isolate; min-height:48px; font-size:13px; white-space:normal; background:#1d393c; border-color:#72a9a9; color:#edf5df; }
.player-skillbar .btn::after { content:''; position:absolute; inset:0 auto 0 0; width:var(--cooldown,0%); background:#070e18aa; z-index:-1; pointer-events:none; }
.player-skillbar .btn[data-skill="strike"] { background:#493926; border-color:#caa77a; }
.player-skillbar .btn[data-skill="ward"] { background:#254439; border-color:#99c4a5; }
.player-skillbar .btn.active { border-color:#d6ffe8; box-shadow:inset 0 0 15px #a6ffe526; }
#screen-ar .player-combat-status { grid-column:1/-1; margin:0; text-align:center; color:#bad9d0; font:11px/1.5 var(--sans); min-height:17px; }
#screen-ar .ar-tools { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:5px; }
#screen-ar .btn-tool-slot { min-width:0; min-height:56px; justify-content:center; padding:6px 3px; font-size:11px; }
#screen-ar .btn-tool-slot img { width:24px; height:24px; }
#screen-ar .btn-tool-slot .slot-emoji { font-size:21px; line-height:24px; }
#screen-ar #ar-use-slow { border-color:#77a9ba; color:#c2edfa; background:linear-gradient(145deg,#294354,#19292f); }
#screen-ar .ar-hint { grid-column:1/-1; margin:0; font-size:10px; line-height:1.5; }
#screen-ar .capture-tools { grid-column:1/-1; margin:0; width:100%; }
.spirit-slowed .ghost-img { filter:drop-shadow(0 0 20px #a4edff) saturate(.78); }
.spirit-slowed::before { content:'縛'; position:absolute; inset:20% 10%; display:grid; place-items:center; border:2px solid #a7eaff99; border-radius:50%; color:#d4f7ff99; font:70px var(--brush); transform:rotate(-14deg); pointer-events:none; }
#screen-ar.player-warded::after { content:''; position:absolute; inset:0; border:3px solid #b9ffe44d; box-shadow:inset 0 0 55px #66b69b28; pointer-events:none; z-index:12; }
@media(max-height:700px) { #screen-ar .hud-bottom { gap:3px; padding-top:12px; padding-bottom:calc(7px + var(--safe-b)); } #screen-ar .ar-hint { display:none; } .player-skillbar .btn { min-height:44px; } #screen-ar .btn-tool-slot { min-height:46px; } #screen-ar .btn-tool-slot img { width:20px;height:20px; } }

.potion-control{display:flex;flex-direction:column;min-width:0;gap:3px}.potion-control select{width:100%;min-width:0;background:#193c36;color:#edf4de;border:1px solid #6e9d8b;border-radius:6px;font:11px var(--sans);min-height:44px}.potion-control .btn-tool-slot{flex:1;min-height:44px!important;flex-direction:column;gap:2px}
.potion-control .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}