body #lobby .appearance-fields{grid-template-columns:minmax(0,1fr) 48px;align-items:end}
body #lobby .appearance-fields input[type=color]{width:40px;height:40px;min-width:40px;min-height:40px;max-height:40px;padding:3px;box-sizing:border-box}
body #lobby .appearance-fields label:has(input[type=color]){align-items:flex-start!important}
body #lobby .appearance-fields label:last-child{grid-column:2}
body #lobby .appearance-fields input[type=color]{background:var(--picked-color)!important;border:3px solid var(--ui-panel-a41-lobby-appearance-fields-border);outline:1px solid var(--ui-panel-a41-lobby-appearance-fields-focus);border-radius:5px}
body #lobby .appearance-fields input[type=color]::-webkit-color-swatch-wrapper{opacity:0}
body #lobby .appearance-fields input[type=color]::-moz-color-swatch{opacity:0}
body #creator-box[hidden],body #dice-page[hidden],body #creator-back[hidden]{display:none!important}
body #dice-page{min-width:0}
body #dice-page #stat-dice{padding:12px 0}
body #dice-page #stat-dice h3{display:none}
body #dice-page .dice-values{gap:10px;margin:18px 0}
body #dice-page .dice-values span{min-height:76px;background:var(--ui-panel-a41-dice-page-dice-values-background);border:2px solid var(--ui-panel-a41-dice-page-dice-values-border);box-shadow:0 4px 0 var(--ui-panel-a41-dice-page-dice-values-shadow)}
body #dice-page .dice-values b{font-size:28px}
body #dice-page .rolling .dice-values b{animation:roll-dice .16s linear infinite}
body #dice-page #stat-reroll{min-height:44px}
@keyframes roll-dice{50%{transform:translateY(-3px) rotate(10deg)}}
@media(prefers-reduced-motion:reduce){body #dice-page .rolling .dice-values b{animation:none}}
body #creator-back{margin-top:10px;font-size:13px}
body #region-hud #social-button{position:fixed;left:max(36px,calc(env(safe-area-inset-left) + 20px));right:auto;top:auto;bottom:calc(var(--hud-bottom) + 102px);width:44px;height:44px;box-sizing:border-box;z-index:5;margin:0}
body #chat-toast{bottom:calc(var(--hud-bottom) + 154px)}
body #quick-help:empty{display:none}
body #bag-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
body #quick-items .quick-edit{top:-22px;right:0;width:30px;height:28px;min-height:28px;padding:0;z-index:1}
body #social-panel #emote-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.pack-ui #social-panel #emote-list button{width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:1;padding:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;box-sizing:border-box}
body #social-panel #emote-list .cute-emote{display:block;width:100%;height:auto;max-width:64px;max-height:100%;min-width:0;object-fit:contain;flex:0 1 auto;margin:0}
body #social-panel{max-height:90dvh}
@media(orientation:landscape) and (max-height:550px){body #region-hud #social-button{left:max(41px,calc(env(safe-area-inset-left) + 25px));bottom:calc(var(--hud-bottom) + 106px)}body #chat-toast{bottom:calc(var(--hud-bottom) + 156px)}body #social-panel #emote-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}body.pack-ui #social-panel #emote-list button{height:48px;aspect-ratio:auto}body #social-panel #emote-list .cute-emote{width:40px;height:40px}body #chat-log{height:70px}}