/* A self-contained royal drawer. It never changes the world's dimensions. */
.royal-launch{display:inline-flex;align-items:center;gap:6px;position:relative;white-space:nowrap}
.royal-launch .royal-icon{color:#a17991;flex:none}
.royal-launch.is-queen{background:linear-gradient(130deg,#fff4d4,#fce1ec);border-color:#c9a275;color:#775571}
.royal-launch.is-queen .royal-icon{color:#b18547}
.royal-launch.has-invitation::after{content:"";position:absolute;right:1px;top:1px;width:7px;height:7px;border:2px solid #fff9ed;border-radius:50%;background:#d47fa6;box-shadow:0 0 0 3px #eabae35c}
.royal-launch-floating{position:absolute;z-index:7;left:14px;top:73px}
.royal-icon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}
.royal-drawer{--royal-ink:#5e425d;--royal-muted:#937d92;--royal-line:#e4d1df;--royal-accent:#a35a87;--royal-gold:#b99053;position:absolute;z-index:12;top:12px;right:12px;bottom:12px;width:366px;max-width:calc(100% - 24px);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #ccafc5;border-radius:19px;background:#fff9f9f7;box-shadow:0 16px 55px #50395e38,0 1px 0 #fff inset;color:var(--royal-ink);font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;isolation:isolate;backdrop-filter:blur(15px)}
.royal-drawer *{box-sizing:border-box}
.royal-drawer button,.royal-drawer select,.royal-drawer a{font:inherit;color:inherit;touch-action:manipulation}
.royal-drawer button{cursor:pointer}
.royal-drawer button:disabled{cursor:default;opacity:.48}
.royal-drawer button:focus-visible,.royal-drawer a:focus-visible,.royal-drawer select:focus-visible,.royal-drawer input:focus-visible{outline:3px solid #9e77ae;outline-offset:3px}
.royal-drawer h2,.royal-drawer h3,.royal-drawer p{margin:0}
.royal-drawer [hidden]{display:none!important}
.royal-header{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:15px 15px 13px;border-bottom:1px solid var(--royal-line);background:linear-gradient(115deg,#fff5e5,#f9e8f1);position:relative}
.royal-header-crown{display:grid;place-items:center;width:39px;height:42px;flex:none;color:#b4874b;background:linear-gradient(145deg,#fffcf0,#f6debb);border:1px solid #dbbc8b;border-radius:13px;box-shadow:0 2px 0 #fff9 inset}
.royal-eyebrow{display:block;font-size:8px;font-weight:700;line-height:1.6;letter-spacing:1.4px;color:#a48197}
.royal-header h2{font:normal 23px/1.25 Georgia,"Times New Roman",serif;color:#79506e;letter-spacing:-.7px;margin:2px 0 0;white-space:nowrap}
.royal-header-actions{display:flex;gap:2px;margin-left:auto;align-self:flex-start}
.royal-icon-button{display:grid;place-items:center;width:27px;height:29px;flex:none;border:0;border-radius:8px;background:transparent;padding:0;color:#9b7d94!important}
.royal-icon-button:hover{background:#ebd7e47a}
.royal-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px 17px 18px;scrollbar-width:thin;scrollbar-color:#d4b7cd transparent}
.royal-intro{margin:0 0 15px}
.royal-intro>p{font:normal 21px/1.25 Georgia,serif;color:#89536f}
.royal-intro>span{display:block;color:var(--royal-muted);font-size:11px;margin-top:5px}
.royal-target-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin:0 0 7px;gap:8px}
.royal-target-label small{font-size:9px;font-weight:400;color:var(--royal-muted)}
.royal-target{display:block;width:100%;max-width:100%;min-height:40px;border:1px solid #d4bcd1;border-radius:9px;padding:9px 28px 9px 10px;background:#fffdfb;color:#76566f!important;text-overflow:ellipsis}
.royal-target option,.royal-target optgroup{color:#76566f;background:#fffdfb}
.royal-preview{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:13px;min-height:152px;padding:6px 12px 6px 5px;margin:13px 0 16px;border:1px solid #e8d3e1;border-radius:14px;background:radial-gradient(ellipse at 20% 46%,#fce8f3 0,transparent 65%),linear-gradient(115deg,#fff8ef,#f9edf9);overflow:hidden}
.royal-preview[data-aura=starlight]{background:radial-gradient(ellipse at 20% 46%,#e8dcff 0,transparent 65%),linear-gradient(115deg,#faf7ff,#f5eaf8)}
.royal-preview[data-aura=butterfly]{background:radial-gradient(ellipse at 20% 46%,#e9e4fe 0,transparent 65%),linear-gradient(115deg,#fff6f6,#f2e8fa)}
.royal-preview[data-theme=diamond-disco]{background:linear-gradient(125deg,#f6dfe9,#e1e2fb 55%,#e0f0ee)}
.royal-preview[data-theme=starlight]{background:linear-gradient(125deg,#e8e0f8,#f3e8fa 55%,#fff2dc)}
.royal-avatar-stage{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center}
.royal-drawer canvas{position:static;display:block;max-width:100%;width:112px!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:180/232;object-fit:contain;image-rendering:pixelated;cursor:default;touch-action:auto;flex:none}
.royal-avatar-stage>span{font-size:6px;letter-spacing:1.3px;font-weight:700;color:#a0869d;margin:0 0 5px}
.royal-preview-copy{position:relative;min-width:0;padding:7px 0}
.royal-preview-copy h3{font:normal 23px/1.1 Georgia,serif;letter-spacing:-.3px;color:#76475f;overflow-wrap:anywhere;margin:5px 0 8px}
.royal-preview-copy>.royal-eyebrow{font-size:7px;letter-spacing:1px}
.royal-preview-copy p{font-size:10px;line-height:1.55;color:#93788b;margin-top:8px}
.royal-preview-badge{display:inline-block;max-width:100%;font-size:9px;line-height:1.4;font-weight:700;padding:5px 9px;border:1px solid #d5b5cd;border-radius:20px;color:#a15b86;background:#fff7f9;overflow-wrap:anywhere;box-shadow:0 2px 0 #dcc1d328}
.royal-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:4px;margin:0 0 17px;border:1px solid #e4d2e0;border-radius:12px;background:#f4eaf3}
.royal-tabs>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:58px;padding:6px 1px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a488a0;font-size:9px;line-height:1.3}
.royal-tabs>button[aria-pressed=true]{color:#9b557e;border-color:#ddbad0;background:#fff9f7;box-shadow:0 2px 4px #a9749a12}
.royal-tabs>button:hover:not([aria-pressed=true]){color:#93658a;background:#fff8fc66}
.royal-options-section>h3{font-size:12px;line-height:1.5;font-weight:700;color:#75546e}
.royal-small{font-size:10px;line-height:1.6;color:var(--royal-muted)}
.royal-options-section>.royal-small{margin:4px 0 12px}
.royal-options{display:grid;gap:7px}
.royal-option{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:62px;text-align:left;padding:10px;border:1px solid #e2cede;border-radius:10px;background:#fffcfb;transition:background .16s,border-color .16s}
.royal-option>span:nth-child(2){min-width:0;flex:1}
.royal-option b{display:block;font-size:12px;font-weight:600;line-height:1.5;color:#7e5573}
.royal-option small{display:block;font-size:10px;line-height:1.4;color:#a08398;margin-top:2px}
.royal-option-icon{display:grid;place-items:center;width:36px;height:37px;flex:none;border-radius:10px;background:#f4e4ef;color:#b57e9b;border:1px solid #ead3e1}
.royal-option-tick{display:grid;place-items:center;width:18px;height:18px;flex:none;border:1px solid #dfc6d7;border-radius:50%;color:transparent}
.royal-option[aria-pressed=true]{border-color:#bd88aa;background:#fff0f6;box-shadow:0 0 0 1px #dfb6ce4d}
.royal-option[aria-pressed=true] .royal-option-tick{color:#fff8fb;background:#b47599;border-color:#b47599}
.royal-option:hover:not(:disabled){border-color:#c397b2;background:#fff5f9}
.royal-option[data-art=starlight] .royal-option-icon,.royal-option[data-art=moon-knight] .royal-option-icon{color:#9785bd;background:#eae3f9;border-color:#d9d0ec}
.royal-option[data-art=butterfly] .royal-option-icon{color:#a37bd1;background:#eee2fa;border-color:#e3d0f1}
.royal-option[data-art=kristinas-choice] .royal-option-icon,.royal-option[data-art=royal-favorite] .royal-option-icon{color:#ae884e;background:#f8ebcd;border-color:#ebd9b4}
.royal-theme-option{min-height:72px}
.royal-theme-option[data-art=rose-ball]{background:linear-gradient(110deg,#fff3f7,#ffe5ef)}
.royal-theme-option[data-art=starlight]{background:linear-gradient(110deg,#faf6ff,#e9e1f6)}
.royal-theme-option[data-art=diamond-disco]{background:linear-gradient(110deg,#f8effc,#eae7fc 60%,#e3f1f1)}
.royal-theme-option .royal-option-icon{background:#ffffff9c}
.royal-party-spotlight{margin-top:12px;padding:11px;background:#f4eaf4;border:1px solid #e3d0e1;border-radius:9px}
.royal-party-spotlight label{display:flex;align-items:flex-start;gap:8px;font-size:11px;font-weight:600;line-height:1.5}
.royal-party-spotlight input{margin:1px 0 0;accent-color:#af789c;width:16px;height:16px;flex:none}
.royal-party-spotlight p{font-size:9px;color:#a28ba0;line-height:1.6;margin-top:6px}
.royal-lounge-art{position:relative;isolation:isolate;overflow:hidden;height:103px;border:1px solid #cdb4d5;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#d4bbeb,transparent 60%),linear-gradient(#796eaa,#b69dc8 80%,#f1d4d3)}
.royal-lounge-art::before,.royal-lounge-art::after{content:"✦";position:absolute;color:#ffeabb;font-size:11px;top:16px;left:40px;text-shadow:24px 20px #fff1d8,201px 22px #ffdfae,163px 1px #fff3c2,66px -7px #fff9db;opacity:.8}
.royal-lounge-art::after{left:66px;top:22px;font-size:5px;text-shadow:15px 16px #fff1d8,155px 27px #ffdfae,163px -3px #fff3c2,66px -7px #fff9db}
.royal-lounge-moon{position:absolute;width:29px;height:29px;right:46px;top:13px;background:#fff0c5;border-radius:50%;box-shadow:0 0 16px #ffe9b673}
.royal-lounge-arch{position:absolute;left:calc(50% - 44px);top:16px;width:88px;height:107px;border:7px solid #fce6db;border-top-left-radius:50px;border-top-right-radius:50px;box-shadow:0 0 0 2px #d1a7b7,3px 0 0 6px #92799922 inset}
.royal-lounge-floor{position:absolute;left:0;right:0;bottom:-1px;height:20px;background:linear-gradient(#fce8dc,#e3c7cd);border-top:3px solid #d1a5b5}
.royal-lounge-art>span{position:absolute;left:calc(50% - 15px);top:51px;color:#ffe1a0;filter:drop-shadow(0 2px 2px #76608077)}
.royal-vip-note{font-size:9px;line-height:1.65;color:#9b8297;margin:1px 3px 0!important}
.royal-footer{flex:none;border-top:1px solid #e0cadc;padding:12px 15px 10px;background:linear-gradient(130deg,#fff9ef,#fff4fa)}
.royal-action-summary{font-size:10px;line-height:1.5;margin:0 0 8px!important;color:#98798e;overflow-wrap:anywhere}
.royal-confirm-row{display:flex;gap:7px;align-items:stretch}
.royal-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #ad7998;border-radius:10px;background:linear-gradient(130deg,#bb8aa7,#a8688f);color:#fffaf8!important;font-size:11px!important;line-height:1.4;font-weight:700!important;text-decoration:none;text-align:center;box-shadow:0 2px 0 #925775;transition:filter .16s}
.royal-primary:hover:not(:disabled){filter:brightness(1.06)}
.royal-secondary{padding:9px 10px;max-width:106px;min-height:42px;border:1px solid #d8bdd1;border-radius:9px;background:#fffbfb;color:#98738b!important;font-size:10px!important;line-height:1.3}
.royal-secondary:hover:not(:disabled){background:#f8e9f1}
.royal-feedback{font-size:10px;line-height:1.5;margin:9px 0 4px!important;padding:7px 9px;border-radius:7px;background:#f2e7ee;color:#8e7286;overflow-wrap:anywhere}
.royal-feedback[data-tone=success]{background:#e9f1e9;color:#5c8469}
.royal-feedback[data-tone=error]{background:#fbebe8;color:#a06e6c}
.royal-footer-line{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:10px;font-size:8px;line-height:1.3;color:#b194a9}
.royal-live-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#8d9b8a}
.royal-live-badge>i{width:5px;height:5px;border-radius:50%;background:#8caf9a;box-shadow:0 0 0 2px #8caf9a14}
.royal-live-badge.is-offline{color:#b2957e}
.royal-live-badge.is-offline>i{background:#c2a985}
.royal-connection{display:flex;align-items:center;gap:9px;border:1px solid #e6cbb2;border-radius:10px;background:#fff3e3;padding:10px;margin:0 0 13px;color:#a28070}
.royal-connection p{flex:1;font-size:10px;line-height:1.5}
.royal-connection button{flex:none;border:1px solid #d6b89a;border-radius:7px;background:#fffaf1;padding:6px;font-size:9px;color:#a47d61}
.royal-event-banner{display:flex;align-items:center;gap:9px;padding:13px 11px;border:1px solid #e5bfd2;border-radius:12px;margin-bottom:15px;background:linear-gradient(120deg,#fff0f0,#f6dfeb);color:#ae6c91}
.royal-event-banner>div{min-width:0;flex:1}
.royal-event-banner h3{font:normal 18px/1.2 Georgia,serif;color:#95657e;margin:3px 0}
.royal-event-banner .royal-eyebrow{font-size:6px;letter-spacing:1px}
.royal-event-banner p{font-size:9px;line-height:1.5;color:#a98195;overflow-wrap:anywhere}
.royal-event-time{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;align-self:flex-start;padding:3px 6px;border:1px solid #debdd1;background:#fff6f7;border-radius:8px;color:#b1899f}
.royal-event-banner[data-theme=starlight]{background:linear-gradient(120deg,#f3edfa,#e5d9f2);border-color:#d5c0e4;color:#a68abc}
.royal-event-banner[data-theme=diamond-disco]{background:linear-gradient(120deg,#f7e6f0,#e5e2f8 65%,#e4eeec);border-color:#d2c5df;color:#a08fb4}
.royal-public-welcome{text-align:center;margin:3px 0 17px;padding:6px 9px 16px;border-bottom:1px solid #ead8e3}
.royal-public-seal{display:grid;place-items:center;width:66px;height:65px;border:1px solid #dec295;border-radius:22px;background:linear-gradient(130deg,#fff5d7,#f6e1bf);color:#b79259;margin:0 auto 12px;box-shadow:0 4px 12px #c0a08618,0 2px 0 #fff8e7 inset;transform:rotate(-4deg)}
.royal-public-welcome h3{font:normal 26px/1.2 Georgia,serif;letter-spacing:-.5px;color:#8c5f7b;margin:7px 0}
.royal-public-welcome p{font-size:11px;line-height:1.65;color:#9e8499;max-width:240px;margin:0 auto}
.royal-self{display:flex;align-items:center;gap:13px;margin:0 0 10px;border:1px solid #ead6e3;border-radius:13px;padding:6px 11px;background:linear-gradient(120deg,#fbf2ee,#f7edf8)}
.royal-self>canvas{width:92px!important;flex:none}
.royal-self>div{min-width:0}
.royal-self .royal-eyebrow{font-size:7px;letter-spacing:.9px}
.royal-self h3{font:normal 24px/1.2 Georgia,serif;color:#875870;margin:5px 0;overflow-wrap:anywhere}
.royal-self p{font-size:10px;color:#9e8394;line-height:1.6}
.royal-my-grants{display:grid;gap:8px}
.royal-grant-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #e7d2e1;border-radius:10px;background:#fffcfa}
.royal-grant-row>span:first-child{display:grid;place-items:center;width:34px;height:36px;background:#f6e8ef;color:#bc8b9f;border:1px solid #eddae4;border-radius:10px}
.royal-grant-row small{display:block;font-size:7px;letter-spacing:1px;color:#b596a9;line-height:1.5}
.royal-grant-row b{display:block;font-size:12px;font-weight:600;color:#8d657e;line-height:1.5}
.royal-grant-empty{padding:13px 9px;font-size:11px;line-height:1.65;text-align:center;color:#aa8b9e}
.royal-lounge-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:13px 12px;margin-top:15px;border:1px solid #c8b1d6;border-radius:11px;background:linear-gradient(110deg,#f0e6fa,#eee5f7 55%,#ffefdc);color:#9680aa!important;text-align:left;box-shadow:0 2px 0 #d4c1df3d}
.royal-lounge-button>span{display:flex;align-items:center;gap:11px}
.royal-lounge-button b{display:block;font-size:12px;font-weight:600;color:#806190}
.royal-lounge-button small{display:block;font-size:9px;margin-top:3px;color:#aa8faa}
.royal-lounge-shortcut{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 6px;margin-top:17px;border:1px solid #d7c6dc;border-radius:10px;background:#f7f0fa;color:#9a7ca9!important;font-size:10px!important}
.royal-empty-party{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px 10px;border-top:1px solid #e6d7e2;color:#b495ac}
.royal-empty-party p{font-size:10px;line-height:1.5}
.royal-claim{text-align:center;padding:18px 15px 20px;border:1px solid #d5b5cc;border-radius:15px;background:radial-gradient(ellipse at 50% 10%,#fff0ce,transparent 55%),linear-gradient(145deg,#fff9f5,#f6e3f1);box-shadow:0 4px 17px #c39bb425;margin:0 0 18px;position:relative;overflow:hidden}
.royal-claim::before,.royal-claim::after{content:"✧";position:absolute;top:49px;left:35px;font:28px/1 Georgia,serif;color:#d7b77c;transform:rotate(15deg)}
.royal-claim::after{left:auto;right:32px;top:27px;font-size:20px}
.royal-claim-crown{display:grid;place-items:center;width:90px;height:93px;margin:0 auto 12px;border-radius:30px;background:linear-gradient(135deg,#fff8de,#f3dbb1);color:#b48c50;border:1px solid #dfc58f;box-shadow:0 5px 20px #ceb69322,0 3px #fff6db inset;transform:rotate(-5deg)}
.royal-claim h3{font:normal 33px/1.2 Georgia,serif;color:#945b7f;letter-spacing:-1px;margin:8px 0}
.royal-claim>p:not(.royal-small){font-size:12px;color:#a07893;line-height:1.7}
.royal-claim-perks{display:grid;gap:9px;margin:19px 0;padding:14px 8px;border-top:1px solid #e5cddb;border-bottom:1px solid #e5cddb;text-align:left}
.royal-claim-perks>span{display:flex;align-items:center;gap:9px;font-size:11px;color:#9b7a92}
.royal-claim-perks .royal-icon{color:#b08eac}
.royal-claim .royal-small{font-size:10px;margin:0 0 12px}
.royal-claim .royal-primary{width:100%}
.royal-drawer.is-peeking{bottom:auto;width:340px}
.royal-drawer.is-peeking .royal-scroll,.royal-drawer.is-peeking .royal-footer{display:none}
.royal-drawer.is-peeking .royal-header{border-bottom:0}
.royal-drawer.is-peeking [data-royal-action=peek] .royal-icon{transform:rotate(180deg)}
@media(max-width:1000px){.royal-launch>span{font-size:9px}.royal-drawer{width:344px}.royal-header{gap:8px;padding:12px}.royal-header h2{font-size:22px}.royal-header .royal-eyebrow{font-size:7px;letter-spacing:1px}.royal-scroll{padding:13px 14px 16px}}
@media(max-width:700px){.royal-launch>span{display:none}.royal-launch{min-width:31px;padding:5px!important;justify-content:center}.royal-launch .royal-icon{width:19px;height:19px}.royal-drawer{top:auto;bottom:8px;left:8px;right:8px;width:auto;max-width:none;max-height:min(82%,580px);border-radius:15px}.royal-header{padding:9px 11px;gap:8px}.royal-header-crown{width:32px;height:35px;border-radius:11px}.royal-header-crown .royal-icon{width:25px;height:25px}.royal-header h2{font-size:22px}.royal-header-actions{align-self:center;gap:4px}.royal-icon-button{width:31px;height:34px}.royal-scroll{padding:12px}.royal-intro{margin-bottom:11px}.royal-intro>p{font-size:20px}.royal-intro>span{font-size:10px}.royal-target{font-size:16px!important;min-height:42px;padding:8px}.royal-preview{grid-template-columns:90px minmax(0,1fr);min-height:128px;margin:11px 0 13px;padding:3px 11px 3px 4px;gap:10px}.royal-drawer .royal-avatar-stage canvas{width:90px!important}.royal-preview-copy h3{font-size:22px}.royal-avatar-stage>span{font-size:6px;margin-bottom:3px}.royal-tabs{margin-bottom:14px}.royal-tabs>button{min-height:54px;font-size:9px}.royal-footer{padding:9px 12px 8px}.royal-footer-line{margin-top:7px;font-size:7px}.royal-primary,.royal-secondary{min-height:41px}.royal-action-summary{font-size:9px;margin-bottom:6px!important}.royal-options-section>h3{font-size:12px}.royal-option{min-height:64px;padding:10px}.royal-option small{font-size:11px}.royal-small{font-size:11px}.royal-preview-copy p{font-size:10px}.royal-drawer.is-peeking{width:auto;bottom:8px;top:auto;max-width:none}.royal-claim{padding:14px}.royal-claim-crown{width:73px;height:77px}.royal-claim-crown .royal-icon{width:49px;height:49px}.royal-claim h3{font-size:29px}.royal-claim>p:not(.royal-small){font-size:11px}.royal-claim-perks{margin:15px 0;gap:8px}.royal-public-welcome{margin-bottom:14px}.royal-public-welcome h3{font-size:24px}.royal-public-seal{width:54px;height:56px;border-radius:18px;margin-bottom:10px}.royal-public-seal .royal-icon{width:33px;height:33px}}
@media(max-width:380px){.royal-preview{grid-template-columns:80px minmax(0,1fr);gap:8px}.royal-drawer .royal-avatar-stage canvas{width:80px!important}.royal-preview-copy h3{font-size:20px}.royal-preview-copy>.royal-eyebrow{font-size:6px}.royal-tabs>button{font-size:8px;gap:4px}.royal-header h2{font-size:21px}.royal-header .royal-eyebrow{font-size:6px}.royal-header-actions{gap:1px}.royal-option{gap:8px}.royal-option-icon{width:32px;height:35px}.royal-option small{font-size:10px}.royal-self{gap:8px}.royal-self>canvas{width:80px!important}}
@media(max-height:560px) and (orientation:landscape){.royal-drawer{top:7px;bottom:7px;left:auto;right:7px;width:335px;max-height:calc(100% - 14px)}.royal-header{padding:8px 11px}.royal-header h2{font-size:20px}.royal-header-crown{width:32px;height:34px}.royal-footer{padding:8px 10px}.royal-preview{min-height:113px;grid-template-columns:83px minmax(0,1fr)}.royal-drawer .royal-avatar-stage canvas{width:83px!important}.royal-drawer.is-peeking{top:7px;bottom:auto;width:335px}.royal-footer-line{font-size:7px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.royal-drawer *{transition:none!important;animation:none!important}}