.mobile-dock{display:none}
@media(max-width:800px){body{padding-bottom:85px}.mobile-dock{display:flex;position:fixed;z-index:10;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:#fffefbf5;backdrop-filter:blur(14px);border:1px solid #e3ddec;box-shadow:0 4px 24px #48305b1c;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;min-height:66px}.dock-dice{color:#6735a2;font-size:34px;width:35px;line-height:1;flex:none;display:grid;place-items:center}.dock-caption{flex:1;min-width:0}.dock-caption strong{font-size:12px;display:block;font-weight:600;white-space:nowrap}.dock-caption small{font-size:9px;display:block;color:#aaa0b4;margin-top:5px;white-space:nowrap}.dock-actions{display:flex;gap:5px;margin-left:auto}.dock-roll{height:42px;min-width:112px;border-radius:8px;background:#6735a2;color:white;font-size:12px;padding:0 15px}.dock-roll:disabled{background:#eee9f3;color:#a598b1}.dock-plane{height:42px;width:35px;border-radius:7px;background:#f0e7f9;border:1px solid #d9c8ea;color:#6735a2;font-size:13px}.toast{bottom:calc(95px + env(safe-area-inset-bottom));font-size:11px;min-width:240px}.mobile-dock:has(.dock-plane) .dock-dice{display:none}.mobile-dock:has(.dock-plane) .dock-caption strong{font-size:11px}.mobile-dock:has(.dock-plane) .dock-caption small{font-size:8px}}
@media(max-width:440px){.header-actions .text-button{display:flex;width:18px}.header-actions{gap:9px}.mobile-dock{gap:8px;padding:9px 10px}.dock-caption strong{font-size:11px}.dock-caption small{font-size:8px}.dock-dice{width:30px;font-size:31px}.dock-roll{min-width:101px;font-size:11px}}