#standalone-banner{background:#fffbcc;border:1px solid #e6d800;padding:6px 8px;font-size:12px;max-width:480px;margin:0 auto;flex-shrink:0}#slots{display:flex;gap:4px;padding:6px 8px;flex-shrink:0}.slot-btn{width:32px;height:32px;padding:0;border:1px solid #ccc;background:#fff;font-size:14px}.slot-btn.slot-active{background:#000;color:#fff;border-color:#000}*,*:before,*:after{box-sizing:border-box}body{font-family:sans-serif;font-size:14px;line-height:1.4;padding:0;max-width:480px;margin:0 auto;background-color:#fff;color:#000;display:flex;flex-direction:column;height:100dvh;overflow:hidden}#app{flex:1;overflow-y:auto;padding:8px}a{color:#000;text-decoration:none}a:visited{color:#555}*{caret-color:transparent}input,textarea{caret-color:auto}input{border:1px solid #ccc;border-radius:3px;padding:2px 6px;min-height:28px;font-size:14px}button{cursor:pointer;touch-action:manipulation}.d20-roll,.dice-roll,.stored-roll,.luck-counter,.spell-fail{display:inline-flex}.d20-roll{align-items:center;margin-bottom:2px}.d20-roll .ability{display:none}.d20-roll button,.dice-roll button,.stored-roll button{min-height:28px;padding:2px 4px;background:#000;color:#fff;border:1px solid #000}.d20-roll button.roll{border-right:none;border-radius:3px 0 0 3px;min-width:28px}.d20-roll button.mode{width:28px;font-size:.8em;color:#888;background:#e8e8e4;border-radius:0 3px 3px 0;text-align:center;padding:0}.d20-roll button.mode.adv{color:#fff;font-weight:700;background:#5b9faf}.d20-roll button.mode.dis{color:#fff;font-weight:700;background:#af5b5b}.dice-roll button{border-radius:3px}.stored-roll{align-items:center;gap:3px;flex-wrap:wrap}.stored-roll.open{background:#e8e8e4;border-radius:4px;padding:3px}.stored-roll button{border-radius:3px}.stored-roll .roll-btn{min-width:28px;text-align:center}.stored-roll .picker{display:none;gap:3px;align-items:center;flex-wrap:wrap}.stored-roll .picker.open{display:inline-flex}.stored-roll .picker button{font-size:.8em;padding:2px 5px}.stored-roll .picker input{width:60px;min-height:28px;padding:2px 4px;font-size:.8em;border:1px solid #ccc;border-radius:3px}.stored-roll button.roll-btn.attached{border-radius:0 3px 3px 0;margin-left:-3px}.stored-roll .clear{font-size:.75em;background:#e8e8e4;color:#888;border-right:none;border-radius:3px 0 0 3px}.luck-counter button{width:28px;height:28px;padding:0;background:#000;color:#fff;border:1px solid #000;font-size:.8em;line-height:1;border-radius:3px}.spell-fail button{min-width:20px;min-height:20px;padding:0 4px;background:transparent;border:1px solid #ccc;color:#c00;font-weight:700;font-size:.85em;line-height:1}.spell-fail button:not(.failed){color:transparent}.custom-roll{display:flex;align-items:center;margin-bottom:12px;padding-top:6px}.custom-roll input{border-radius:3px}.custom-roll button{background:#000;color:#fff;border:1px solid #000;margin-left:4px;padding:2px 8px;min-height:28px;border-radius:3px}.custom-roll-info{margin-left:auto;color:#888;font-size:14px;text-decoration:none}.custom-roll-info:hover{color:#333}.stats{display:flex;flex-wrap:wrap;gap:18px}.stat-cell{text-align:left;flex:0 0 auto}.stat-cell:nth-child(4){margin-left:auto}@media (max-width: 420px){.stats{gap:6px}.d20-roll button,.dice-roll button,.stored-roll button{min-height:24px;padding:1px 3px}.d20-roll button.mode{width:22px}}.char-info-row p{margin:0}.char-info-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.sync-group{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}#sync-btn{font-size:1rem;width:28px;height:28px;padding:0;line-height:1;border-radius:50%;border:none;background:#000;color:#fff}#view-sdl-btn,#edit-sdl-btn{font-size:11px;color:#888;text-decoration:none}#view-sdl-btn:hover,#edit-sdl-btn:hover{color:#000}#sync-btn:hover{background:#5bc8f5}#last-updated{font-size:10px;color:#888;text-align:center;white-space:nowrap}#details-btn{width:28px;height:28px;padding:0;background:#e8e8e4;color:#888;border:1px solid #000;font-size:.8em;line-height:1;border-radius:3px;display:flex;align-items:center;justify-content:center}.char-details ul{margin:0 0 6px;padding-left:18px}.details-label{margin:4px 0 2px;font-weight:700}#clear-slot-btn{background:transparent;border:none;color:#fff;padding:0 2px;vertical-align:middle}#clear-slot-btn:hover{background:#f88}#clear-slot-btn:hover svg{fill:#fff}@font-face{font-family:OldNewspaperTypes;src:url(/fonts/OldNewspaperTypes.ttf) format("truetype");font-display:swap}h2,h3{background:transparent;color:#fff;padding:2px 6px;margin:0;position:relative;z-index:0;font-family:OldNewspaperTypes,serif;font-weight:400}h2:before,h3:before{content:"";position:absolute;inset:0;background:#000;z-index:-1}h2{display:flex;align-items:center;justify-content:space-between}.attacks,.spells,#roll-log ul{list-style:none;padding-left:0}h3~ul{padding-left:18px}#gm-panel ul{list-style:none;padding-left:0}.slot-num{display:inline-block;border:1px solid currentColor;width:16px;height:16px;line-height:16px;text-align:center;font-size:.75em;vertical-align:middle}.spell-tier{margin:6px 0 2px;font-weight:700;font-size:.85em}.spell-tier small{font-weight:400;color:#666}.spells li{display:flex;align-items:center;gap:6px}.spells li .stored-roll{margin-left:auto}.attacks li{display:flex;align-items:center;gap:6px}.attacks li .stored-roll{margin-left:auto}.attacks li .dmg{margin-left:auto;display:flex;align-items:center;gap:4px}.macros li{margin-bottom:4px;overflow:hidden}.macros li .stored-roll{float:right}.macro-desc{caret-color:auto;border:1px solid transparent;border-radius:3px;padding:2px 4px;background:transparent}.macro-desc:focus{border-color:#ccc;outline:none}.macro-list h3{display:flex;align-items:center;justify-content:space-between}.macro-add-btn{background:transparent;border:none;color:#fff;padding:0 2px;vertical-align:middle}.macro-add-btn:hover{background:#5bc8f5}.macro-del-btn{background:transparent;border:1px solid #ccc;color:#888;border-radius:3px;padding:0 6px;min-height:28px}