/* Shared client points and gifts: remains active before MENU and on return to the entry. */
#shortcut-dialog[data-panel="loyalty"]{background:#15101e;color:#f7f2ff;border:1px solid #735682;border-radius:4px;font:400 14px/1.45 'DM Sans',system-ui,sans-serif}
#shortcut-dialog[data-panel="loyalty"] #shortcut-title{font:400 13px/1.4 'Silkscreen',monospace;text-shadow:none;-webkit-text-stroke:0}
#shortcut-dialog[data-panel="loyalty"] .shortcut-heading{border-color:#73568277}
.loyalty-pane,.loyalty-account,.loyalty-order{font:400 13px/1.45 'DM Sans',system-ui,sans-serif;color:#f7f2ff;min-width:0;text-shadow:none;-webkit-text-stroke:0}
.loyalty-pane{padding:10px;container-type:inline-size}
.loyalty-account{margin:12px 0;padding:0;border:1px solid #735682;border-radius:4px;background:#211829e8}
.loyalty-account>summary,.loyalty-subsection>summary{display:block;min-height:44px;padding:11px 9px;box-sizing:border-box;cursor:pointer;color:#c5a4f2;font:400 12px/1.6 'Silkscreen',monospace;list-style:none}
.loyalty-account>summary::after,.loyalty-subsection>summary::after{content:'⌄';float:right;margin-left:8px}
.loyalty-account[open]>summary::after,.loyalty-subsection[open]>summary::after{content:'⌃'}
.loyalty-account-content{padding:0 9px 10px}
.loyalty-pane p,.loyalty-account p,.loyalty-order p{margin:0 0 8px}
.loyalty-pane h3,.loyalty-account h3,.loyalty-order h3{font:500 14px/1.4 'DM Sans',system-ui,sans-serif;margin:0 0 7px;color:#f7f2ff}
.loyalty-pane :is(button,input,select),.loyalty-account button,.loyalty-order button{font-family:'DM Sans',system-ui,sans-serif;white-space:normal;text-shadow:none;-webkit-text-stroke:0;box-sizing:border-box}
.loyalty-pane button,.loyalty-account button,.loyalty-order button{min-height:44px;max-width:100%;padding:8px 10px;border:1px solid #735682;border-radius:3px;background:#171020;color:#f7f2ff;font-size:13px;cursor:pointer}
.loyalty-pane button:disabled,.loyalty-account button:disabled{opacity:.65;cursor:default}
.loyalty-pane .loyalty-primary,.loyalty-account .loyalty-primary{background:#aa7ee3;color:#170e22;border-color:#bf9ce9;font-weight:500}
.loyalty-balance{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 6px;padding:4px 0 7px}
.loyalty-balance strong{color:#c5a4f2;font:400 20px/1.35 'Silkscreen',monospace}
.loyalty-balance span{font-size:12px;color:#c9b4dc}
.loyalty-pane .loyalty-note,.loyalty-account .loyalty-note,.loyalty-order .loyalty-note{font:400 12px/1.45 'DM Sans',system-ui,sans-serif;color:#c9b4dc;overflow-wrap:anywhere}
.loyalty-pending,.loyalty-debt,.loyalty-shortfall{padding:7px 8px;border-left:2px solid #c4a46f;background:#33253b;color:#e4ddaa;font-size:12px}
.loyalty-help{margin:2px 0 5px}
.loyalty-help>summary{display:flex;align-items:center;min-height:44px;padding:3px 0;box-sizing:border-box;font-size:12px;color:#c9b4dc;cursor:pointer;list-style:none}
.loyalty-help>summary::before{content:'＋';margin-right:6px;color:#c5a4f2}
.loyalty-help[open]>summary::before{content:'−'}
.loyalty-status{color:#f0e5fa;font:400 12px/1.45 'DM Sans',system-ui,sans-serif;overflow-wrap:anywhere}
.loyalty-status:empty{display:none}
.loyalty-status.is-error{padding:8px;background:#3b3523;color:#f1d29b;border:1px solid #8d7543}
.loyalty-shop-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.loyalty-pane .loyalty-shop-balance{display:flex;flex-direction:column;gap:2px;margin:0;min-width:0}
.loyalty-shop-balance span{font-size:12px;color:#c9b4dc}
.loyalty-shop-balance strong{font:400 18px/1.4 'Silkscreen',monospace;color:#c5a4f2;overflow-wrap:anywhere}
.loyalty-pane #loyalty-my-gifts{flex:none}
.loyalty-pane #loyalty-invitation:not(:empty){margin-top:12px}
.loyalty-pane #loyalty-invitation button{width:100%}
.loyalty-pane #loyalty-retry:not([hidden]){margin-bottom:8px}
.loyalty-pane #loyalty-redemptions:not([hidden]){margin-bottom:10px}
.loyalty-gift-record{padding:8px 0;border-bottom:1px solid #73568266}
.loyalty-gift-record .loyalty-ledger-heading{flex-wrap:nowrap;align-items:start}
.loyalty-pane .loyalty-gift-record h3{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
.loyalty-pane .loyalty-gift-record p{margin-bottom:3px}
.loyalty-gift-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.loyalty-gift{display:flex;align-items:center;gap:8px;padding:8px;min-width:0;border:1px solid #735682;border-radius:4px;background:#30213f;overflow:hidden}

.loyalty-pane .loyalty-image-empty{flex:0 0 64px;margin:0;text-align:center;color:#c9b4dc;font-size:11px;overflow-wrap:anywhere}
.loyalty-gift-body{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.loyalty-gift-body p{margin:0}

.loyalty-gift-description{font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.loyalty-cost{display:inline-flex;align-items:center;gap:5px;font:400 14px/1.4 'Silkscreen',monospace;color:#c5a4f2}
.loyalty-cart-points{font:400 12px/1.4 'DM Sans',system-ui,sans-serif;color:#c9b4dc}
.loyalty-gift-body button{width:100%;margin-top:2px}
.loyalty-pane .loyalty-gift-add{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px;background:linear-gradient(145deg,#30213f,#171020);border:1px solid #735682;border-radius:4px;box-shadow:0 3px 0 #15101e;color:#f7f2ff;font-size:12px;font-weight:400;transition:border-color .12s,box-shadow .12s,transform .12s}
.loyalty-pane .loyalty-gift-add::before,.loyalty-pane .loyalty-gift-add::after{content:'';position:absolute;width:5px;height:5px;border-color:#c9b4dc;border-style:solid;opacity:.7;pointer-events:none}
.loyalty-pane .loyalty-gift-add::before{top:4px;left:4px;border-width:2px 0 0 2px}
.loyalty-pane .loyalty-gift-add::after{bottom:4px;right:4px;border-width:0 2px 2px 0}
.loyalty-pane .loyalty-gift-add svg{flex:none;width:16px;height:16px}
.loyalty-pane .loyalty-gift-add:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #15101e}
.loyalty-pane .loyalty-gift-add.is-added{border-color:#c5a4f2;box-shadow:0 3px 0 #15101e,inset 0 0 0 1px #c5a4f255;opacity:1}
.loyalty-pane .loyalty-gift-add:disabled{opacity:.55;cursor:default}
.loyalty-pane .loyalty-gift-add.is-added:disabled{opacity:1}
.loyalty-pane .loyalty-gift-body .loyalty-shortfall{padding:0;border:0;background:transparent}
.loyalty-confirmation{padding:10px;border:1px solid #c9b4dc;border-radius:4px;background:#30213f;margin:0 0 10px}
.loyalty-confirmation button{display:block;width:100%;margin-top:8px}
.loyalty-confirm-name,.loyalty-after{font-weight:500;color:#c5a4f2}
.loyalty-ledger{padding:0;margin:0 0 10px;list-style:none}
.loyalty-ledger>li{padding:10px 0;border-bottom:1px solid #73568266}
.loyalty-ledger-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 8px;margin-bottom:5px}
.loyalty-ledger-heading strong{flex:1;min-width:100px;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.loyalty-delta{font-weight:500;color:#c5a4f2;white-space:nowrap}
.loyalty-pane .loyalty-text-button,.loyalty-account .loyalty-text-button{padding:5px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:12px}
.loyalty-subsection{margin:9px 0;border-top:1px solid #73568266}
.loyalty-subsection>summary{padding-inline:0;font-size:11px}
.loyalty-redemption{padding:10px 0;border-bottom:1px solid #73568266;margin-bottom:7px}
.loyalty-reference{font-size:12px;overflow-wrap:anywhere;color:#c9b4dc}
.loyalty-state{font-weight:500;color:#c5a4f2}
.loyalty-order{padding:9px;margin:10px 0;border:1px solid #735682;border-radius:4px;background:#30213f}
.loyalty-pane :is(button,summary):focus-visible,.loyalty-account :is(button,summary):focus-visible,.loyalty-order button:focus-visible{outline:2px solid #c5a4f2;outline-offset:1px}
@container(min-width:580px){.loyalty-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){
  .loyalty-pane{padding:8px}
  .loyalty-balance strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.loyalty-pane .loyalty-gift-add{transition:none}}

/* Approved GAME420 gifts: the native account history keeps its separate styling. */
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"]{isolation:isolate;left:10px!important;width:calc(100% - 20px)!important;height:auto!important;max-height:var(--g420-gift-room,calc(100% - 70px));margin-top:8px;background:linear-gradient(155deg,#101124,#0a0d1b 65%,#17112a);color:#f2ecfa;border:1px solid #a77ddd7a;border-radius:3px;box-shadow:0 0 22px #945ced22,inset 0 0 0 1px #c4a2ff0b,0 15px 35px #000a;font:400 14px/1.5 G420AccountUI,'DM Sans',system-ui,sans-serif;text-shadow:none;-webkit-text-stroke:0}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .shortcut-heading{min-height:58px;gap:11px;padding:6px 12px 6px 16px;border-bottom:1px solid #a77ddd36;background:linear-gradient(90deg,#29213a90,#12132580)}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] #shortcut-title{display:flex;align-items:center;gap:11px;font:400 14px/1.4 G420AccountPixel,'Silkscreen',monospace;color:#efe5ff;text-shadow:0 0 10px #b78aef35;-webkit-text-stroke:0;min-width:0}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] #shortcut-title::before{content:'';width:22px;height:22px;flex:none;background:#b5f883;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' d='M3 8h18v5H3zM5 13v8h14v-8M12 8v13M12 8H7V3h3l2 5 2-5h3v5z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] #shortcut-close{width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:3px;background:linear-gradient(#1a183166,#1a183166) center/36px 36px no-repeat;color:#cebee2;font:25px/1 G420AccountUI,'DM Sans',sans-serif;box-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] #shortcut-body{overflow:auto;scrollbar-color:#9e7abf #0a0d1b}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-pane{height:auto;padding:19px 19px 18px;overflow:visible;box-sizing:border-box;color:#e2d9ed;font:400 13px/1.5 G420AccountUI,'DM Sans',system-ui,sans-serif}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-pane *{box-sizing:border-box}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] [hidden]{display:none!important}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-pane :is(button,summary){font-family:G420AccountUI,'DM Sans',system-ui,sans-serif;text-shadow:none;-webkit-text-stroke:0;touch-action:manipulation}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-pane button{min-height:44px;border:1px solid #84719e70;border-radius:3px;background:#19182f;color:#ddcbed;box-shadow:none;line-height:1.4}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] :is(button,summary):focus-visible{outline:2px solid #c0fa80;outline-offset:2px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-pane button:disabled{opacity:.48;cursor:default}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-shop-heading{gap:8px;margin-bottom:13px;align-items:center}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-shop-balance span{font:400 9px/1.5 G420AccountPixel,'Silkscreen',monospace;color:#ba94e8;letter-spacing:.7px;text-transform:uppercase}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-shop-balance strong{font:400 21px/1.3 G420AccountPixel,'Silkscreen',monospace;color:#dfb9ff;margin-top:2px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-cart-points{font:400 11px/1.5 G420AccountUI,'DM Sans',sans-serif;color:#b9b0cb;margin-top:5px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] #loyalty-my-gifts{font-size:11px;border:0;background:transparent;color:#d0b7ee;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-note{font:400 12px/1.5 G420AccountUI,'DM Sans',sans-serif;color:#bcb6cc}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-status{font:400 12px/1.5 G420AccountUI,'DM Sans',sans-serif;color:#c6f69e;margin:0 0 10px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-status.is-error{border:1px solid #c4a46f32;border-radius:3px;background:#33253b50;color:#e0c48e}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-view-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;border:1px solid #89739f63;border-radius:3px;padding:3px;background:#080d20bc;margin-bottom:17px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-view-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px;max-width:100%;border:1px solid transparent;border-radius:2px;background:transparent;color:#b9b0cb;font-size:12px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-view-switch button[aria-pressed="true"]{color:#d1ff9e;border-color:#a9ec705e;background:#a8f65b10}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:9px;border:1px solid #84719958;border-radius:3px;background:#141627;overflow:hidden}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-open{display:block;min-height:44px;padding:0;border:0!important;background:transparent!important;text-align:left;max-width:100%;width:100%;color:#e9e0f3}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-photo{display:block;position:relative;border:1px solid #b39bce3b;border-radius:3px;background:#101425;overflow:hidden;aspect-ratio:1.3;margin-bottom:7px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-photo .g420-gift-image{display:block;width:100%;height:100%;object-fit:contain;margin:0;border-radius:0}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-zoom{position:absolute;bottom:5px;right:5px;width:23px;height:23px;display:grid;place-items:center;background:#0a0d1bdb;border:1px solid #c6affc45;border-radius:3px;color:#d6bcf2}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-zoom svg{width:12px;height:12px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-name{display:block;min-height:31px;font:400 11px/1.4 G420AccountUI,'DM Sans',sans-serif;color:#e9e0f3;overflow-wrap:anywhere}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-card .loyalty-gift-body{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:6px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-cost{font:400 11px/1.4 G420AccountPixel,'Silkscreen',monospace;color:#bbef91;overflow-wrap:anywhere}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-card .loyalty-gift-body>.loyalty-gift-add{margin-top:auto}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-add,html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:9px 8px;border:1px solid #ddffbd;border-bottom:3px solid #658c45;border-radius:3px;background:linear-gradient(#c7f7a0,#a6e66f);box-shadow:0 3px 0 #152411,0 0 16px #a4ec6b1c,inset 0 1px 0 #fff8;color:#10220c;font:400 11px/1.4 G420AccountPixel,'Silkscreen',monospace;text-transform:uppercase;text-shadow:0 1px 0 #eeffd250}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-add::before,html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-add::after{content:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-grid .loyalty-gift-add{font:500 12px/1.4 G420AccountUI,'DM Sans',system-ui,sans-serif;gap:5px;min-height:44px;padding:8px 5px;border:1px solid #a9ec705e;border-bottom:3px solid #274423;background:linear-gradient(#23382c,#162a21);color:#c8f7a3;box-shadow:0 3px 0 #0a1710,inset 0 1px 0 #c7f7a012;text-transform:none;text-shadow:none;overflow-wrap:anywhere}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-add svg{width:16px;height:16px;flex:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-add:not(:disabled):active,html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #152411}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-add.is-added{border-color:#e6ffce;box-shadow:0 3px 0 #152411,0 0 13px #b7f37c3d}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-shortfall{padding:0;border:0;background:transparent;font-size:11px;color:#e0c48e}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-card .loyalty-note{font-size:11px;line-height:1.4}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-arrow{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;border:1px solid #8973a263;border-radius:3px;background:#19182f;color:#d4bfea}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-counter{font-size:12px;line-height:1.4;color:#b5aac5;text-align:center;margin:0}
/* Same compact view control and vitrine composition as the product menu. */
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-toolbar{display:flex;justify-content:flex-end;align-items:center;min-width:0;margin:0 0 12px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-toolbar:has(+.g420-gift-carousel){width:100%;max-width:600px;margin-inline:auto}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-toolbar>.g420-gift-view-switch{display:flex;gap:3px;flex:none;width:auto;max-width:100%;margin:0;padding:3px;background:#0c0e1c;border:1px solid #88729b6b;border-radius:4px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-toolbar>.g420-gift-view-switch button{display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;gap:0;margin:0;padding:0;background:transparent;border:0;border-radius:2px;color:#a89ab9;box-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-toolbar>.g420-gift-view-switch button[aria-pressed="true"]{color:#b8f68d;background:#29352b;border:1px solid #a5d08263}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-toolbar>.g420-gift-view-switch button svg{width:16px;height:16px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel{min-width:0;width:100%;max-width:600px;margin-inline:auto;container-type:inline-size}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-card{display:block;min-width:0;width:100%;margin:0;padding:0;border:1px solid #b891d16b;border-radius:5px;background:#101323;gap:0;overflow:hidden;box-shadow:0 0 16px #aa70c815}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-media{position:relative;width:100%;height:185px;min-height:185px;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#68537c36,#101323 72%)}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-media>.g420-gift-open{display:block;position:relative;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;box-shadow:none;text-align:left}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-media .g420-gift-photo{display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-media .g420-gift-image{width:100%;height:100%;padding:10px 76px;object-fit:contain;object-position:center}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-preview{position:absolute;top:50%;z-index:2;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:58px;min-height:94px;margin:0;padding:5px 3px;border:1px solid #9a74b459;border-radius:4px;background:#1b142b;color:#c8b4df;font:400 11px/1.4 'DM Sans',system-ui,sans-serif;box-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-preview[data-loyalty-step="previous"]{left:10px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-preview[data-loyalty-step="next"]{right:10px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-image{display:block;width:43px;height:50px;object-fit:contain;pointer-events:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-hint{color:#c6e5aa;font-size:11px;line-height:1.4;white-space:nowrap}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-name{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;pointer-events:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-position{position:absolute;top:8px;right:8px;z-index:3;margin:0;padding:3px 5px;border:1px solid #ac86c441;border-radius:2px;background:#191224ec;color:#d5bdeb;font:400 11px/1.4 'DM Sans',system-ui,sans-serif;pointer-events:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-summary{padding:10px 12px 11px;border-top:1px solid #8c72a03a;background:#141225}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-summary>.g420-gift-name-open{display:block;width:100%;min-height:0;margin:0 0 5px;padding:0;text-align:left;box-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-name{font:400 14px/1.4 'Silkscreen',monospace;color:#b8f68d;min-height:0;overflow-wrap:anywhere}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .loyalty-gift-body{min-width:0;width:100%;gap:6px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .loyalty-cost{justify-content:flex-start;align-self:flex-start;margin:0 0 3px;color:#d6f3b7;font:500 19px/1.2 'DM Sans',system-ui,sans-serif}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .loyalty-gift-add{min-height:44px;margin-top:0;padding:9px 10px;border-color:#d7ffb8;border-bottom-color:#72924d;background:linear-gradient(#c6f5a2,#a9e67c);box-shadow:0 3px 0 #09140b,0 0 12px #adee7c15;color:#15230f;font:400 11px/1.4 'Silkscreen',monospace;text-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .loyalty-shortfall,html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .loyalty-note{text-align:left}
@container(max-width:300px){
  html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-media .g420-gift-image{padding-inline:64px}
  html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-preview{width:51px}
  html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-preview[data-loyalty-step="previous"]{left:7px}
  html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-preview[data-loyalty-step="next"]{right:7px}
  html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-carousel .g420-gift-side-image{width:38px}
}
@media(pointer:coarse){html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-toolbar>.g420-gift-view-switch button{width:44px;height:44px;min-width:44px;min-height:44px}}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-back{display:flex;align-items:center;gap:7px;min-height:44px;margin:-5px 0 10px;padding:0;border:0!important;background:transparent!important;color:#cdb7e7;font-size:12px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-photo{border:1px solid #9b7fb95c;border-radius:3px;background:#131627;overflow:hidden;position:relative;aspect-ratio:1;max-width:237px;margin:0 auto 17px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-photo .g420-gift-detail-image{display:block;width:100%;height:100%;object-fit:contain}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-name{font:400 16px/1.4 G420AccountPixel,'Silkscreen',monospace;margin:0 0 9px;color:#f2eeff;overflow-wrap:anywhere}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-price{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-price .loyalty-cost{font-size:16px;margin:0}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-balance{font-size:11px;color:#b5aac5}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-description{margin:0 0 17px;border-top:1px solid #a77ddd2c;padding-top:13px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-description h4{font:400 9px/1.4 G420AccountPixel,'Silkscreen',monospace;letter-spacing:.7px;color:#ba94e8;margin:0 0 7px;text-transform:uppercase}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-description p{font:400 12px/1.6 G420AccountUI,'DM Sans',sans-serif;color:#c5bcd3;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-image-empty{display:grid;place-items:center;width:100%;height:100%;min-height:80px;margin:0;text-align:center;color:#a397b1;font:400 11px/1.5 G420AccountUI,'DM Sans',sans-serif}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-help{margin:12px 0 0;border-top:1px solid #a77ddd2c;padding-top:8px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-help>summary{font-size:11px;color:#cab6df;min-height:44px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-help p{font-size:11px;line-height:1.5;color:#b5aac5;margin:6px 0 0}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0 0;border-top:1px solid #a881cc23;padding-top:12px;color:#a397b1;font:400 8px/1.4 G420AccountPixel,'Silkscreen',monospace;letter-spacing:.7px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-footer::before{content:'';width:4px;height:4px;flex:none;background:#aeeb7e;box-shadow:0 0 6px #aeeb7e50}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-confirmation{background:#19182f;border-color:#9875c86b;border-radius:3px}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-confirmation h3{color:#f2ecfa}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-confirmation .loyalty-after,html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-state{color:#bbef91}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-record{border-color:#a77ddd2c}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-gift-record h3{font-family:G420AccountUI,'DM Sans',sans-serif;color:#e9e0f3}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-delta{color:#dfb9ff}
html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-debt{border-color:#c4a46f55;background:#33253b50;color:#e0c48e}
@media(min-width:700px){html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:840px;margin-inline:auto}html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-grid .g420-gift-photo{height:150px;aspect-ratio:auto}html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-grid+.g420-gift-navigation{max-width:840px;margin-inline:auto}}
@media(max-width:360px){html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-pane{padding:17px 13px}html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-grid{gap:8px}html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-card{padding:7px}html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .loyalty-shop-balance strong{font-size:18px}html[data-game420-visual] #shortcut-dialog[data-panel="loyalty"] .g420-gift-detail-price{flex-wrap:wrap}}