/* Shared independently of catalogue styles: the community is a top-layer dialog. */ @font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Silkscreen-Regular.ttf') format('truetype')} @font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/DMSans-variable.ttf') format('truetype')} #community-brand,#community-tabs,.community-powerbar{display:none} #shortcut-dialog:not([data-panel=chat]) .community-menu-button{display:none} #shortcut-dialog[data-panel=chat]{--community-private-bg:radial-gradient(ellipse at 90% 8%,#59347424,transparent 62%),linear-gradient(#100e1a,#100e1a);--community-reviews-bg:radial-gradient(ellipse at 90% 8%,#59347424,transparent 62%),linear-gradient(#100e1a,#100e1a);--community-salon-bg:radial-gradient(ellipse at 90% 8%,#59347424,transparent 62%),linear-gradient(#100e1a,#100e1a);--community-bg:var(--community-private-bg)} #shortcut-dialog.community-gameboy:is([data-panel=chat],[data-community-auth])[open]{--community-rim:6px;--community-safe-top:env(safe-area-inset-top,0px);position:fixed;box-sizing:border-box;margin:0;padding:0;inset:auto;max-width:none;max-height:none;border:0;border-radius:13px;background:transparent;color:#f7f2ff;font:400 15px/1.5 'DM Sans',system-ui,sans-serif;box-shadow:none;isolation:isolate;overflow:hidden;text-shadow:none;animation:none} #shortcut-dialog[data-panel=chat] .community-powerbar{display:none;flex:none;align-items:center;justify-content:space-between;height:20px;padding:0 7px 5px;color:#c9b4dc;font:400 8px/1.2 Silkscreen,monospace;letter-spacing:.6px} #shortcut-dialog[data-panel=chat] .community-powerbar>span:first-child{display:flex;align-items:center;gap:6px} #shortcut-dialog[data-panel=chat] .community-powerbar .power-led{display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#bcf863;box-shadow:0 0 6px #b6f84b,0 0 14px #70df69aa} /* Keep the real console/bezel/POWER visible, including the narrow khaki shell. */ body.community-screen-open .game420-console.community-console-active{z-index:1000;pointer-events:none} #shortcut-dialog.community-gameboy:is([data-panel=chat],[data-community-auth])::before{display:none} #shortcut-dialog:is([data-panel=chat],[data-community-auth])::backdrop{background:transparent} #shortcut-dialog[data-community-tab=reviews]{--community-bg:var(--community-reviews-bg)} #shortcut-dialog[data-community-tab=salon]{--community-bg:var(--community-salon-bg)} #shortcut-dialog[data-panel=chat] *,#shortcut-dialog[data-panel=chat] *::before,#shortcut-dialog[data-panel=chat] *::after{box-sizing:border-box} #shortcut-dialog[data-panel=chat] [hidden]{display:none!important} #shortcut-dialog[data-panel=chat] :is(button,input,textarea,select){font:400 15px/1.4 'DM Sans',system-ui,sans-serif;text-shadow:none;box-shadow:none;border:1px solid #bfa4d7;border-radius:3px;color:#f7f2ff;background:#30213f;max-width:100%} #shortcut-dialog[data-panel=chat] button{min-height:44px;padding:8px 12px;cursor:pointer;touch-action:manipulation} #shortcut-dialog[data-panel=chat] button:disabled{opacity:.55;cursor:default} #shortcut-dialog[data-panel=chat] :is(button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid #c5a4f2;outline-offset:2px} #shortcut-dialog[data-panel=chat] :is(input,textarea,select){min-width:0;width:100%;padding:10px;font-size:16px} #shortcut-dialog[data-panel=chat] :is(h2,h3,h4){font:400 17px/1.4 Silkscreen,monospace;color:#f0e5fa;margin:0;overflow-wrap:anywhere} #shortcut-dialog[data-panel=chat] p{margin:0;overflow-wrap:anywhere;line-height:1.5} #shortcut-dialog[data-panel=chat] svg{width:22px;height:22px;flex:none;display:block} #shortcut-dialog[data-panel=chat] .community-avatar{display:block;flex:none;object-fit:contain;border-radius:2px;width:auto;height:auto;max-width:100%;image-rendering:pixelated} #shortcut-dialog[data-panel=chat] svg.community-avatar{width:auto;height:auto} #shortcut-dialog[data-panel=chat] .shortcut-heading{display:flex;align-items:center;justify-content:flex-start;min-height:76px;gap:6px;padding:7px 8px;background:linear-gradient(105deg,#30213f,#15101e);border:0;border-radius:9px 9px 0 0;flex:none} #shortcut-dialog[data-panel=chat] #shortcut-title{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap} #shortcut-dialog[data-panel=chat] #shortcut-close{width:44px;min-width:44px;height:44px;min-height:44px;flex:none;padding:0;border:0;background:transparent;font:0/1 'DM Sans',system-ui,sans-serif;color:#c5a4f2;order:0} #shortcut-dialog[data-panel=chat] #community-brand{display:flex;align-items:center;flex:1;min-width:0;gap:9px;order:1} #shortcut-dialog[data-panel=chat] .community-brand-portrait{width:48px;flex:0 0 48px;color:#e9c76a;display:grid;place-items:center} #shortcut-dialog[data-panel=chat] .community-brand-portrait>.community-avatar{width:48px;height:48px} #shortcut-dialog[data-panel=chat] .community-brand-portrait>svg:not(.community-avatar){width:34px;height:34px} #shortcut-dialog[data-panel=chat] .community-identity{min-width:0;flex:1} #shortcut-dialog[data-panel=chat] .community-title{font-size:19px;line-height:1.3} #shortcut-dialog[data-panel=chat] .community-subtitle{font-size:12px;line-height:1.3;color:#f0e5fa;display:flex;align-items:center;gap:3px} #shortcut-dialog[data-panel=chat] .community-presence{font-size:11px;line-height:1.3;display:flex;align-items:center;gap:5px;color:#c9b4dc;margin-top:3px} #shortcut-dialog[data-panel=chat] .community-presence::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#bfa4d7} #shortcut-dialog[data-panel=chat] .community-presence.is-online::before{background:#9edc62} #shortcut-dialog[data-panel=chat] .community-menu-button{order:2;width:54px;min-width:54px;padding:4px;border:0;background:transparent;display:grid;place-items:center;flex:none} #shortcut-dialog[data-panel=chat] #community-tabs{display:flex;flex:none;gap:0;padding:0 14px;background:#30213f;border-bottom:1px solid #bfa4d7} #shortcut-dialog[data-panel=chat] .game420-tab{flex:1;min-width:0;padding:11px 4px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#f0e5fa;font-size:16px;line-height:1.3} #shortcut-dialog[data-panel=chat] .game420-tab[aria-selected=true]{border-bottom-color:#c5a4f2;color:#f0e5fa} #shortcut-dialog[data-panel=chat] #shortcut-body{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden;border-radius:0 0 17px 9px} #shortcut-dialog[data-panel=chat] .community-space-back{flex:none;align-self:flex-start;margin:0 8px;padding:4px 8px;border:0;background:transparent;color:#c5a4f2;font-size:13px} #shortcut-dialog[data-panel=chat] #chat-hours{display:none} #shortcut-dialog[data-panel=chat] .shortcut-pane-chat{display:flex;flex:1;width:100%;height:100%;min-width:0;min-height:0;padding:0;gap:0;overflow:hidden} #shortcut-dialog[data-panel=chat] :is(.game420-panel,.community-conversation){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;overflow:hidden;position:relative;background:var(--community-bg) center/cover no-repeat #30213f} #shortcut-dialog[data-panel=chat] :is(#chat-scroll,.community-scroll){flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-color:#bfa4d7 #30213f;scrollbar-width:thin;scroll-padding:12px} #shortcut-dialog[data-panel=chat] :is(#chat-messages,.game420-thread){display:flex;flex-direction:column;gap:13px;padding:14px 17px 24px;overflow:visible;min-height:0;flex:none} #shortcut-dialog[data-panel=chat] :is(.game420-message,.chat-message){position:relative;flex:none;align-self:flex-start;max-width:87%;min-width:0;margin:0;border:1px solid #bfa4d7;background:#30213ff5;color:#f7f2ff;padding:10px 12px 6px;box-shadow:-2px 2px 0 #735682,0 3px 0 #15101e;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 3px,100% 3px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px),0 4px,4px 4px)} #shortcut-dialog[data-panel=chat] :is(.game420-mine,.chat-message-client){align-self:flex-end;background:#f0e5fa;color:#30213f;border-color:#c5a4f2} #shortcut-dialog[data-panel=chat] :is(.game420-message,.chat-message) p{font:400 15px/1.5 'DM Sans',system-ui,sans-serif;white-space:pre-wrap;color:inherit;margin:0;overflow-wrap:anywhere} #shortcut-dialog[data-panel=chat] .chat-message strong{font:500 12px/1.4 'DM Sans',system-ui,sans-serif;color:inherit;margin:0 0 4px} #shortcut-dialog[data-panel=chat] .chat-message-client>strong{display:none} #shortcut-dialog[data-panel=chat] .chat-message-system{align-self:center;background:#30213fed;color:#c9b4dc;border-style:dashed;max-width:94%;font-size:12px} #shortcut-dialog[data-panel=chat] :is(.game420-time,.chat-message time){display:block;color:#c9b4dc;font:400 11px/1.3 'DM Sans',system-ui,sans-serif;text-align:right;margin:5px 0 0} #shortcut-dialog[data-panel=chat] :is(.game420-mine,.chat-message-client) :is(.game420-time,time){color:#735682} #shortcut-dialog[data-panel=chat] :is(.community-day,.private-day){align-self:center;margin:4px auto;padding:3px 14px;background:#15101ee8;border:1px solid #bfa4d7;font-size:12px;color:#f0e5fa} #shortcut-dialog[data-panel=chat] :is(.community-message-author,.game420-review-top){display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:7px} #shortcut-dialog[data-panel=chat] :is(.community-message-author,.game420-review-top)>.community-avatar{width:32px;height:32px} #shortcut-dialog[data-panel=chat] .community-avatar-button{width:44px;min-width:44px;min-height:44px;padding:6px;border:0;background:transparent;flex:none} #shortcut-dialog[data-panel=chat] .community-avatar-button>.community-avatar{width:32px;height:32px} #shortcut-dialog[data-panel=chat] .community-author{min-height:32px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-size:13px;font-weight:500;overflow-wrap:anywhere;line-height:1.3} #shortcut-dialog[data-panel=chat] [data-role=owner] .community-author{color:#f0e5fa} #shortcut-dialog[data-panel=chat] [data-role=moderator] .community-author{color:#a8d3e5} #shortcut-dialog[data-panel=chat] .community-role{font:400 10px/1.3 'DM Sans',system-ui,sans-serif;color:#c9b4dc;padding:2px 4px;border:1px solid #bfa4d7;white-space:normal} #shortcut-dialog[data-panel=chat] :is(.community-message-actions,.community-reactions){display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-top:4px} #shortcut-dialog[data-panel=chat] :is(.community-row-action,.community-reaction){border:0;background:transparent;min-width:44px;min-height:44px;padding:4px 7px;color:inherit} #shortcut-dialog[data-panel=chat] .community-row-action svg{width:16px;height:16px} #shortcut-dialog[data-panel=chat] .community-reaction{background:#30213f;border:1px solid #bfa4d7;color:#f7f2ff} #shortcut-dialog[data-panel=chat] .community-reaction[aria-pressed=true]{border-color:#c5a4f2;background:#735682} #shortcut-dialog[data-panel=chat] .community-quote{display:block;width:100%;text-align:left;border:0;border-left:3px solid #bfa4d7;background:#30213f99;font-size:12px;max-height:76px;overflow:hidden;margin-bottom:8px;color:inherit} #shortcut-dialog[data-panel=chat] :is(.community-reaction-picker,.community-emoji-panel,.private-emoji-panel){display:flex;flex-wrap:wrap;gap:3px;padding:8px;background:#30213f;border-top:1px solid #bfa4d7;flex:none} #shortcut-dialog[data-panel=chat] :is(.community-reaction-picker,.community-emoji-panel,.private-emoji-panel) button{border:0;background:transparent;min-width:40px;padding:5px;font-size:21px} #shortcut-dialog[data-panel=chat] .private-pins{flex:none;max-height:94px;overflow:auto;background:#30213fdd;border-bottom:1px solid #bfa4d7} #shortcut-dialog[data-panel=chat] .private-pin{width:100%;display:flex;align-items:center;gap:7px;border:0;background:transparent;text-align:left;font-size:12px;padding:6px 12px;min-height:38px} #shortcut-dialog[data-panel=chat] :is(.game420-compose,#chat-form){display:flex;align-items:flex-end;gap:6px;flex:none;width:100%;padding:10px 12px max(10px,env(safe-area-inset-bottom));margin:0;background:#30213f;border-top:1px solid #bfa4d7} #shortcut-dialog[data-panel=chat] :is(#chat-text,.game420-input){flex:1;min-width:0;min-height:44px;height:44px;max-height:112px;resize:none;padding:10px;background:#15101e;border:1px solid #bfa4d7;border-radius:4px;font:400 16px/1.4 'DM Sans',system-ui,sans-serif;color:#f7f2ff} #shortcut-dialog[data-panel=chat] #chat-form>label,#shortcut-dialog[data-panel=chat] #chat-form .shortcut-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0} #shortcut-dialog[data-panel=chat] .chat-send-row{display:contents} #shortcut-dialog[data-panel=chat] :is(.game420-send,#chat-send){display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:8px;border:1px solid #f0e5fa;background:#f0e5fa;color:#30213f;border-radius:4px;box-shadow:0 2px 0 #735682} #shortcut-dialog[data-panel=chat] #chat-send{font-size:0} #shortcut-dialog[data-panel=chat] #chat-send::after{content:'➤';font:23px/1 'DM Sans',sans-serif} #shortcut-dialog[data-panel=chat] :is(.community-icon-button,.private-attach,.private-emoji){width:44px;min-width:44px;padding:6px;min-height:44px;background:transparent;border:0;font-size:21px;color:#c5a4f2} #shortcut-dialog[data-panel=chat] .private-composer-tools{display:flex;flex:none;gap:0} #shortcut-dialog[data-panel=chat] :is(.community-status,#chat-status){flex:none;font:400 12px/1.4 'DM Sans',system-ui,sans-serif;color:#e9d9a7;background:#30213f;padding:5px 12px;margin:0;min-height:0;max-height:68px;overflow:auto} #shortcut-dialog[data-panel=chat] :is(.community-status,#chat-status):empty{display:none} #shortcut-dialog[data-panel=chat] :is(.community-note,.community-channel-policy),#shortcut-dialog[data-panel=chat] #chat-hours{font:400 12px/1.5 'DM Sans',system-ui,sans-serif;color:#c9b4dc;padding:9px 12px;margin:0} #shortcut-dialog[data-panel=chat] #chat-hours{background:#30213fcc} #shortcut-dialog[data-panel=chat] .community-channel-policy{background:#30213f;flex:none} #shortcut-dialog[data-panel=chat] :is(.community-new-messages,.private-new-messages){position:absolute;right:12px;bottom:78px;z-index:2;background:#f0e5fa;color:#30213f;border-color:#f0e5fa;box-shadow:0 3px 12px #0007;font-size:12px} #shortcut-dialog[data-panel=chat] .community-reply-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;background:#30213f;padding:4px 12px;font-size:12px;max-height:90px;overflow:auto} #shortcut-dialog[data-panel=chat] .community-reply-banner>span{min-width:0;overflow-wrap:anywhere} #shortcut-dialog[data-panel=chat] .community-empty{padding:26px 14px;text-align:center;background:#30213fc9;font-size:14px;color:#f0e5fa} #shortcut-dialog[data-panel=chat] .community-space-list{padding:24px 15px;display:flex;flex-direction:column;gap:12px} #shortcut-dialog[data-panel=chat] .community-space-card{position:relative;background:#30213ff5;border:1px solid #bfa4d7;padding:6px;box-shadow:0 3px 0 #15101e;border-radius:3px} #shortcut-dialog[data-panel=chat] .community-space-open{display:flex;align-items:center;gap:13px;width:100%;padding:14px 10px;border:0;background:transparent;text-align:left} #shortcut-dialog[data-panel=chat] .community-space-open>svg{width:32px;height:32px;color:#c5a4f2} #shortcut-dialog[data-panel=chat] .community-space-open>div{flex:1;min-width:0} #shortcut-dialog[data-panel=chat] .community-space-open h3{font-size:18px;margin:0 0 4px} #shortcut-dialog[data-panel=chat] .community-space-open p{font-size:13px;color:#f0e5fa} #shortcut-dialog[data-panel=chat] .community-space-open .community-preview{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px} #shortcut-dialog[data-panel=chat] .community-space-card[data-state=inactive]{background:#30213fc9;border-color:#735682;box-shadow:none} #shortcut-dialog[data-panel=chat] .community-space-card[data-state=inactive] :is(h3,p,svg){color:#c9b4dc} #shortcut-dialog[data-panel=chat] .community-chevron{font-size:28px;color:#c5a4f2} #shortcut-dialog[data-panel=chat] .community-subscribe{padding:5px 13px;margin:0 8px 6px 57px;background:transparent;font-size:13px;border-color:#c9b4dc} #shortcut-dialog[data-panel=chat] .community-unread{position:absolute;right:19px;bottom:10px;background:#f0e5fa;color:#30213f;border-radius:2px;min-width:25px;text-align:center;font-size:12px} #shortcut-dialog[data-panel=chat] .community-profile-entry{width:100%;text-align:left;background:#30213fee;min-height:60px} #shortcut-dialog[data-panel=chat] .community-space-intro{flex:none;text-align:center;background:#30213fc9} #shortcut-dialog[data-panel=chat] .community-space-intro:empty{display:none} #shortcut-dialog[data-panel=chat] .community-space-intro .community-subscribe{margin:6px} #shortcut-dialog[data-panel=chat] .community-change-space{cursor:pointer} #shortcut-dialog[data-panel=chat] .community-change-space::after{content:'⌄';font-family:'DM Sans',sans-serif;margin-left:8px} #shortcut-dialog[data-panel=chat] .community-bell{border:0;background:transparent;min-width:38px;min-height:34px;padding:6px;display:grid;place-items:center} #shortcut-dialog[data-panel=chat] .community-bell svg{width:17px;height:17px} #shortcut-dialog[data-panel=chat] .community-review-summary{margin:20px 15px 14px;padding:18px 12px 8px;background:#30213ff7;border:1px solid #c9b4dc;box-shadow:0 3px 0 #15101e;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center} #shortcut-dialog[data-panel=chat] .community-review-summary>svg{width:34px;height:34px;color:#e8c55e} #shortcut-dialog[data-panel=chat] .community-review-summary .community-note{padding:0} #shortcut-dialog[data-panel=chat] .community-average{font:400 29px/1.2 Silkscreen,monospace;color:#f0e5fa} #shortcut-dialog[data-panel=chat] .community-stars{display:inline-flex;gap:3px;align-items:center;color:#d7b255} #shortcut-dialog[data-panel=chat] .community-star{width:23px;height:25px;position:relative;display:inline-block;color:#735682} #shortcut-dialog[data-panel=chat] .community-star svg{width:23px;height:23px} #shortcut-dialog[data-panel=chat] .community-star-fill{position:absolute;left:0;top:0;overflow:hidden;display:block;color:#f0c663;height:25px} #shortcut-dialog[data-panel=chat] .community-review-summary .community-star{width:24px;height:24px} #shortcut-dialog[data-panel=chat] .community-review-summary .community-star svg{width:24px;height:24px} #shortcut-dialog[data-panel=chat] .community-review-summary .community-star-fill{height:24px} @media(max-width:360px){ #shortcut-dialog[data-panel=chat] .community-average{font-size:24px} #shortcut-dialog[data-panel=chat] .community-review-summary .community-stars{gap:2px} #shortcut-dialog[data-panel=chat] .community-review-summary .community-star,#shortcut-dialog[data-panel=chat] .community-review-summary .community-star svg{width:19px;height:19px} #shortcut-dialog[data-panel=chat] .community-review-summary .community-star-fill{height:19px} } #shortcut-dialog[data-panel=chat] .community-primary{background:linear-gradient(#f0e5fa,#f0e5fa);color:#30213f;border:1px solid #f0e5fa;font-weight:500;padding:10px 16px;box-shadow:0 2px 0 #735682} #shortcut-dialog[data-panel=chat] .community-review-controls{display:grid;grid-template-columns:1fr;gap:7px;padding:0 15px 14px} #shortcut-dialog[data-panel=chat] .community-review-controls select{font-size:13px;min-height:44px;padding:7px} #shortcut-dialog[data-panel=chat] .game420-review-list{display:flex;flex-direction:column;gap:14px;padding:0 15px 20px} #shortcut-dialog[data-panel=chat] .game420-review{padding:13px;background:#30213ff7;border:1px solid #bfa4d7;border-radius:3px;box-shadow:0 3px 0 #15101e} #shortcut-dialog[data-panel=chat] .game420-review-top>div{flex:1;min-width:0} #shortcut-dialog[data-panel=chat] .game420-review-top time{text-align:left;margin:2px 0 0} #shortcut-dialog[data-panel=chat] .game420-review>p{margin-top:8px} #shortcut-dialog[data-panel=chat] .community-official-reply{margin:14px 0 0;padding:10px;border-left:2px solid #c9b4dc;background:#30213f} #shortcut-dialog[data-panel=chat] .community-official-reply>div{display:flex;align-items:center;gap:8px;font-size:13px;color:#f0e5fa} #shortcut-dialog[data-panel=chat] .community-official-reply .community-avatar{width:32px;height:32px} #shortcut-dialog[data-panel=chat] .community-official-reply p{padding-top:8px} #shortcut-dialog[data-panel=chat] .community-review-form{margin:0 15px 18px;padding:14px;background:#30213ff5;border:1px solid #bfa4d7} #shortcut-dialog[data-panel=chat] .community-review-form textarea{min-height:100px;resize:vertical;margin:8px 0} #shortcut-dialog[data-panel=chat] .community-review-form select{margin:6px 0 12px} #shortcut-dialog[data-panel=chat] .community-rating-buttons{display:flex;gap:5px;margin:6px 0} #shortcut-dialog[data-panel=chat] .community-rating-buttons button{width:44px;padding:6px;background:transparent;color:#735682} #shortcut-dialog[data-panel=chat] .community-rating-buttons [data-filled=true]{color:#edc360} #shortcut-dialog[data-panel=chat] .community-rating-buttons [aria-checked=true]{border-color:#e6c672} #shortcut-dialog[data-panel=chat] .community-rating-buttons svg{width:27px;height:27px} #shortcut-dialog[data-panel=chat] :is(.community-reaction,.community-reaction-picker button,.community-rating-buttons button){transition:transform .14s ease,color .14s ease,background-color .14s ease} #shortcut-dialog[data-panel=chat] :is(.community-reaction,.community-reaction-picker button,.community-rating-buttons button):active{transform:translateY(1px) scale(.94)} #shortcut-dialog[data-panel=chat] .community-rating-buttons [aria-checked=true] svg{animation:community-star-pick .2s ease-out} @keyframes community-star-pick{from{transform:scale(.88)}to{transform:scale(1)}} #shortcut-dialog[data-panel=chat] .community-text-button{border:0;text-decoration:underline;text-underline-offset:3px;background:transparent;padding:4px} #shortcut-dialog[data-panel=chat] .community-sheet{position:absolute;z-index:40;inset:calc(148px + var(--community-safe-top)) 12px 12px;padding:16px;background:#30213f;border:1px solid #c9b4dc;overflow:auto;box-shadow:0 9px 30px #0008} #shortcut-dialog[data-panel=chat] .community-sheet>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} #shortcut-dialog[data-panel=chat] .community-sheet form{display:flex;flex-direction:column;gap:10px} #shortcut-dialog[data-panel=chat] .community-sheet>.community-avatar{width:96px;height:96px;margin:0 auto 15px} #shortcut-dialog[data-panel=chat] .private-settings{padding:0 12px;background:#30213fe8;font-size:12px} #shortcut-dialog[data-panel=chat] .private-settings summary{min-height:36px;padding:8px 0;cursor:pointer;color:#c9b4dc} #shortcut-dialog[data-panel=chat] .private-settings[open]{padding-bottom:10px} #shortcut-dialog[data-panel=chat] .private-settings p{font-size:12px;margin-top:7px} #shortcut-dialog[data-panel=chat] .private-settings :is(label,select){font-size:13px;margin:5px 0} #shortcut-dialog[data-panel=chat] .private-location{margin:8px 10px;padding:0 10px;border:1px solid #735682;border-radius:5px;background:#30213feb;color:#f0e5fa;font-size:12px;overflow-wrap:anywhere} #shortcut-dialog[data-panel=chat] .private-location summary{min-height:40px;padding:9px 0;cursor:pointer;color:#c5a4f2;font-weight:600} #shortcut-dialog[data-panel=chat] .private-location p{font-size:12px;line-height:1.5;margin:7px 0} #shortcut-dialog[data-panel=chat] .private-location-notice{flex:none;margin:0;padding:5px 12px;border-top:1px solid #735682;background:#30213fe8;color:#c9b4dc;font-size:11px;line-height:1.4} #shortcut-dialog[data-panel=chat] .private-location :is(.private-location-saved,.private-location-preview){border-left:2px solid #c9b4dc;padding:5px 8px;background:#30213f} #shortcut-dialog[data-panel=chat] .private-location-actions{display:flex;flex-wrap:wrap;gap:7px;padding:6px 0} #shortcut-dialog[data-panel=chat] .private-location-actions button{flex:1 1 145px;min-width:0;min-height:44px;padding:8px 10px;font:500 13px/1.3 'DM Sans',system-ui,sans-serif;border:1px solid #bfa4d7;background:#30213f;color:#f0e5fa;white-space:normal} #shortcut-dialog[data-panel=chat] #private-location-share{background:#c5a4f2;color:#30213f} #shortcut-dialog[data-panel=chat] .private-location-status:not(:empty){padding:4px 0 8px;color:#f0e5fa} #shortcut-dialog[data-panel=chat] .private-thread-select{flex:none;font-size:13px;padding:7px 10px;min-height:40px;border:0;border-bottom:1px solid #735682;background:#30213f} #shortcut-dialog[data-panel=chat] .private-attachment-preview{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#30213f;flex:none;max-height:138px;overflow:auto} #shortcut-dialog[data-panel=chat] .private-attachment-preview .private-media{max-width:110px} #shortcut-dialog[data-panel=chat] .private-attachment-preview img{max-height:80px} #shortcut-dialog[data-panel=chat] .private-media{display:block;position:relative;background:transparent;padding:0;border:0;width:auto;max-width:100%;min-height:44px} #shortcut-dialog[data-panel=chat] .private-media img{display:block;width:auto;height:auto;max-height:180px;max-width:100%;object-fit:contain;margin:auto} #shortcut-dialog[data-panel=chat] .private-media-play{position:absolute;bottom:6px;left:6px;background:#15101ee8;color:#f7f2ff;padding:3px 8px;font-size:12px} #shortcut-dialog[data-panel=chat] .chat-order-context{flex-wrap:wrap;margin:0;padding:0 12px;background:#30213fcc} #shortcut-dialog[data-panel=chat] .chat-order-context>button{border:0;background:transparent;text-decoration:underline;font-size:12px} #shortcut-dialog[data-panel=chat] .chat-order-summary{margin:0;padding:0 12px;background:#30213fdd;border-bottom:1px solid #bfa4d7} #shortcut-dialog[data-panel=chat] .chat-order-summary>summary{padding:10px 0;font-size:12px;min-height:38px;cursor:pointer} .private-media-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;background:#100e1af5;border:0;box-sizing:border-box;color:#f7f2ff;overflow:hidden} .private-media-viewer[open]{display:flex;flex-direction:column;align-items:center;gap:10px} .private-media-viewer::backdrop{background:#080510ea} .private-media-viewer>button{align-self:flex-end;min-height:44px;padding:8px 16px;font:500 15px 'DM Sans',system-ui,sans-serif;background:#c5a4f2;color:#30213f;border:0;border-radius:3px} .private-media-viewer :is(img,video){display:block;flex:1;min-height:0;max-width:100%;width:100%;object-fit:contain} @media(max-width:360px){#shortcut-dialog[data-panel=chat] .shortcut-heading{gap:4px;padding-left:5px;padding-right:4px}#shortcut-dialog[data-panel=chat] #community-brand{gap:5px}#shortcut-dialog[data-panel=chat] .community-title{font-size:15px}#shortcut-dialog[data-panel=chat] .community-subtitle{font-size:11px}#shortcut-dialog[data-panel=chat] :is(.game420-compose,#chat-form){padding-left:7px;padding-right:7px;gap:4px}#shortcut-dialog[data-panel=chat] .private-composer-tools :is(.private-attach,.private-emoji){width:34px;min-width:34px}#shortcut-dialog[data-panel=chat] :is(.game420-message,.chat-message){max-width:94%;padding:9px 10px 6px}} @media(min-width:700px){#shortcut-dialog[data-panel=chat] :is(#chat-messages,.game420-thread,.game420-review-list){padding-left:36px;padding-right:36px}#shortcut-dialog[data-panel=chat] .community-space-list{padding:30px 45px}#shortcut-dialog[data-panel=chat] .community-review-summary{margin:24px 36px 16px}#shortcut-dialog[data-panel=chat] .community-review-controls{padding-left:36px;padding-right:36px}} @media(prefers-reduced-motion:reduce){#shortcut-dialog[data-panel=chat],#shortcut-dialog[data-panel=chat] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Illustrated rooms and compact interactive controls. */ #shortcut-dialog[data-panel=chat] .community-brand-portrait{width:44px;flex-basis:44px} #shortcut-dialog[data-panel=chat] .community-brand-portrait>.community-avatar{width:44px;height:44px} /* Only the header contracts when the visual viewport is reduced by the keyboard. */ #shortcut-dialog.community-gameboy[data-panel=chat].keyboard-compact .shortcut-heading{min-height:60px;padding-block:4px} #shortcut-dialog[data-panel=chat].keyboard-compact .community-brand-portrait{width:32px;flex-basis:32px} #shortcut-dialog[data-panel=chat].keyboard-compact .community-brand-portrait>.community-avatar{width:32px;height:32px} #shortcut-dialog[data-panel=chat].keyboard-compact .community-sheet{top:calc(132px + var(--community-safe-top))} #shortcut-dialog[data-panel=chat].keyboard-compact :is(.private-emoji-panel,.community-emoji-panel):not(.game420-emoji-picker):not(.g420-community-media-keyboard){max-height:96px;overflow-y:auto} #shortcut-dialog[data-panel=chat] .community-review-summary{gap:6px;padding:12px;text-align:center;border-radius:5px;background:#30213ff5} #shortcut-dialog[data-panel=chat] .community-average{font-size:32px} #shortcut-dialog[data-panel=chat] .community-review-sorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #bfa4d7;border-radius:4px;padding:3px;background:#30213ff5;gap:3px} #shortcut-dialog[data-panel=chat] .community-review-sorts button{border:0;background:transparent;padding:8px 2px;font-size:12px;line-height:1.25} #shortcut-dialog[data-panel=chat] .community-review-sorts button[aria-pressed=true]{background:#f0e5fa;color:#30213f;font-weight:500} #shortcut-dialog[data-panel=chat] .community-review-controls select{justify-self:end;width:auto;max-width:100%;background:#30213ff7} #shortcut-dialog[data-panel=chat] .community-pixel-star{color:#bfa4d7;stroke:none;shape-rendering:crispEdges} #shortcut-dialog[data-panel=chat] .star-shape{fill:transparent;stroke:currentColor;stroke-width:1} #shortcut-dialog[data-panel=chat] .star-shine,#shortcut-dialog[data-panel=chat] .star-face{fill:transparent} #shortcut-dialog[data-panel=chat] :is(.community-star-fill,.community-brand-portrait,.community-review-summary>svg,[data-filled=true]) .star-shape{fill:#ffd56c;stroke:#d38d27} #shortcut-dialog[data-panel=chat] :is(.community-star-fill,.community-brand-portrait,.community-review-summary>svg,[data-filled=true]) .star-shine{fill:#fff3ac} #shortcut-dialog[data-panel=chat] :is(.community-star-fill,.community-brand-portrait,.community-review-summary>svg,[data-filled=true]) .star-face{fill:#594416} #shortcut-dialog[data-panel=chat] .community-review-summary .community-star,#shortcut-dialog[data-panel=chat] .community-review-summary .community-star svg{width:30px;height:30px} #shortcut-dialog[data-panel=chat] .community-review-summary .community-star-fill{height:30px} #shortcut-dialog[data-panel=chat] .community-message-author{gap:5px;margin-bottom:4px} #shortcut-dialog[data-panel=chat] .community-message-footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;height:27px;margin-top:2px} #shortcut-dialog[data-panel=chat] .community-message-footer time{margin:0} #shortcut-dialog[data-panel=chat] .community-message-more{position:relative;background:transparent;color:inherit;border:0;padding:0;min-height:27px;min-width:32px;line-height:1;font-size:21px} #shortcut-dialog[data-panel=chat] .community-message-more::before{content:'';position:absolute;inset:-8px -5px} #shortcut-dialog[data-panel=chat] .community-message-menu{inset:auto 10px 12px;padding:12px;border-radius:5px} #shortcut-dialog[data-panel=chat] .community-message-menu>header{margin-bottom:5px} #shortcut-dialog[data-panel=chat] .community-message-menu>button{margin:6px 6px 0 0} #shortcut-dialog[data-panel=chat] .community-reactions{gap:8px;margin-top:7px;margin-bottom:4px} #shortcut-dialog[data-panel=chat] .community-reaction{position:relative;min-height:28px;padding:3px 8px;font-size:13px;line-height:1.4;border-radius:6px} #shortcut-dialog[data-panel=chat] .community-reaction::before{content:'';position:absolute;inset:-7px 0} #shortcut-dialog[data-panel=chat] .community-reaction.is-reacting{animation:community-reaction-pop .4s ease-out} #shortcut-dialog[data-panel=chat] .community-official-media{display:block;width:100%;padding:0;overflow:hidden;background:#15101e;border:1px solid #bfa4d7;position:relative} #shortcut-dialog[data-panel=chat] .community-official-media img{display:block;max-height:185px;width:100%;object-fit:contain} #shortcut-dialog[data-panel=chat] .chat-message-client:has(.private-media){background:#30213f;color:#f7f2ff;border-color:#c9b4dc} #shortcut-dialog[data-panel=chat] .chat-message-client:has(.private-media) time{color:#c9b4dc} #shortcut-dialog[data-panel=chat] .community-profile-entry{display:flex;align-items:center;gap:12px;padding:12px} #shortcut-dialog[data-panel=chat] .community-profile-entry>div{display:flex;flex-direction:column;flex:1} #shortcut-dialog[data-panel=chat] .community-profile-entry span:not(.community-chevron){font-size:12px;color:#c9b4dc} #shortcut-dialog[data-panel=chat] .private-staff-identity{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;margin-bottom:6px;color:#c5a4f2} #shortcut-dialog[data-panel=chat] .private-staff-identity .community-avatar{width:36px;height:36px} /* Lot 09: private conversation only; one timeline and no permanent order/location panel. */ #shortcut-dialog[data-panel=chat] .private-pins{display:flex;align-items:center;max-height:38px;min-height:38px;overflow:hidden} #shortcut-dialog[data-panel=chat] .private-pins[hidden]{display:none} #shortcut-dialog[data-panel=chat] .private-pins>.private-pin{flex:1;min-width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #shortcut-dialog[data-panel=chat] .private-pins-count{flex:none;min-width:40px;border:0;background:transparent;color:inherit;min-height:36px;font-size:12px} #shortcut-dialog[data-panel=chat] .private-attach-menu{flex:none;display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px;background:#30213f;max-height:40dvh;overflow:auto} #shortcut-dialog[data-panel=chat] .private-attach-menu[hidden]{display:none} #shortcut-dialog[data-panel=chat] .private-attach-menu>button{flex:1 1 75px;font-size:12px;min-height:40px;padding:7px} #shortcut-dialog[data-panel=chat] .private-attach-menu .private-location-notice{flex-basis:100%;border:0;padding:2px 0;background:transparent} #shortcut-dialog[data-panel=chat] .private-location[hidden]{display:none} #shortcut-dialog[data-panel=chat] .private-order-card{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px} #shortcut-dialog[data-panel=chat] .private-order-heading{display:flex;align-items:center;gap:4px;flex-wrap:wrap} #shortcut-dialog[data-panel=chat] .private-mode{font-size:11px;font-weight:700;color:#62ddcb} #shortcut-dialog[data-panel=chat] .private-mode[data-mode=shipping]{color:#bc9cff} #shortcut-dialog[data-panel=chat] .private-mode[data-mode=delivery]{color:#77b7ff} #shortcut-dialog[data-panel=chat] .private-reference{font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;min-height:28px;padding:0 2px;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px} #shortcut-dialog[data-panel=chat] .private-order-state{color:#f0bb6d} #shortcut-dialog[data-panel=chat] .private-order-card[data-state=completed] .private-order-state{color:#b4dda2} #shortcut-dialog[data-panel=chat] .private-order-card[data-state=closed] .private-order-state{color:#f2a09b} #shortcut-dialog[data-panel=chat] .private-order-actions{display:flex;gap:12px;flex-wrap:wrap} #shortcut-dialog[data-panel=chat] :is(.private-order-actions button,.private-details-link,.private-reply-button){border:0;background:transparent;padding:1px 0;min-height:30px;font-size:12px;color:#c5a4f2;text-decoration:underline;text-underline-offset:3px} #shortcut-dialog[data-panel=chat] .private-reply-button{display:inline-block;margin-right:8px} #shortcut-dialog[data-panel=chat] .private-order-update{border-left:2px solid #f0bb6d} #shortcut-dialog[data-panel=chat] .private-order-update[data-state=completed]{border-left-color:#b4dda2} #shortcut-dialog[data-panel=chat] .private-order-update[data-state=closed]{border-left-color:#f2a09b} #shortcut-dialog[data-panel=chat] .private-automatic .game420-author{font-size:10px;font-weight:500;opacity:.8} #shortcut-dialog[data-panel=chat] .private-automatic>p{font-size:13px;margin:5px 0} #shortcut-dialog[data-panel=chat] :is(.private-reply-context,.private-message-quote){border:0;border-left:2px solid #c9b4dc;background:#30213fe8;color:#f0e5fa;text-align:left;font-size:12px;padding:6px 10px;overflow-wrap:anywhere} #shortcut-dialog[data-panel=chat] .private-reply-context{flex:none;display:flex;align-items:center;gap:8px;max-height:65px;overflow:hidden} #shortcut-dialog[data-panel=chat] .private-reply-context[hidden]{display:none} #shortcut-dialog[data-panel=chat] .private-reply-context>span{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #shortcut-dialog[data-panel=chat] .private-reply-context>button{flex:none;min-width:36px;min-height:36px;padding:3px;border:0;background:transparent;color:inherit} #shortcut-dialog[data-panel=chat] .private-message-quote{display:block;width:100%;margin-bottom:7px;max-height:85px;overflow:hidden} .private-pin-picker{max-height:75dvh;max-width:min(480px,calc(100vw - 24px));background:#211829;color:#f7f2ff;border:1px solid #bfa4d7;border-radius:6px;padding:12px} .private-pin-picker button{display:block;max-width:100%;min-height:42px;padding:8px 10px;margin:3px 0;background:transparent;color:inherit;border:1px solid #735682;font:inherit;text-align:left;overflow-wrap:anywhere} .private-pin-picker::backdrop{background:#080510b8} #shortcut-dialog[data-panel=chat] .private-message-quote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:50px} #shortcut-dialog[data-panel=chat] .chat-message-client:not(:has(.private-media)) .private-reply-button{color:#30213f} @keyframes community-reaction-pop{0%{transform:scale(.82)}40%{transform:translateY(-3px) scale(1.14)}100%{transform:none}} @media(max-width:360px){#shortcut-dialog[data-panel=chat] .community-brand-portrait{width:44px;flex-basis:44px}#shortcut-dialog[data-panel=chat] .community-brand-portrait>.community-avatar{width:44px;height:44px}#shortcut-dialog[data-panel=chat] .community-review-sorts button{font-size:11px}} @media(prefers-reduced-motion:reduce){#shortcut-dialog[data-panel=chat] .community-reaction.is-reacting{animation:none}} /* Only the client settings control and its compact menu. */ #shortcut-dialog[data-panel=chat] .community-menu-button>svg{width:20px;height:20px} #shortcut-dialog[data-panel=chat] .community-menu-button>span{font:400 10px/1.4 'DM Sans',system-ui,sans-serif} /* Community subjects and delegated moderation reuse the approved client conversation. */ #shortcut-dialog[data-panel=chat] .community-topic-current{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:38px;padding:6px 10px;border:0;background:transparent;color:#e4d5f3;font:inherit;cursor:pointer} #shortcut-dialog[data-panel=chat] .community-topic-current>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px} #shortcut-dialog[data-panel=chat] .community-topic-current>span:last-child{color:#b8a3ce} #shortcut-dialog[data-panel=chat] .community-topic-sheet{background:#191522;color:#f4effb;box-shadow:0 12px 48px #0008} #shortcut-dialog[data-panel=chat] .community-topics-list{display:grid;margin:0 0 14px} #shortcut-dialog[data-panel=chat] .community-topic-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 8px;width:100%;border:0;border-bottom:1px solid #ffffff0c;border-radius:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer} #shortcut-dialog[data-panel=chat] .community-topic-row:hover{background:#b38ad50c} #shortcut-dialog[data-panel=chat] .community-topic-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;background:#8f64b423;border-radius:12px;font-size:22px} #shortcut-dialog[data-panel=chat] .community-topic-copy{display:grid;gap:4px;min-width:0;flex:1} #shortcut-dialog[data-panel=chat] .community-topic-copy>strong{font-size:15px;font-weight:600;overflow-wrap:anywhere} #shortcut-dialog[data-panel=chat] .community-topic-copy>small{font-size:12px;color:#ac9bbc} #shortcut-dialog[data-panel=chat] .community-topic-chevron{color:#a991bd;font-size:24px} #shortcut-dialog[data-panel=chat] .community-topic-form{display:grid;gap:16px;margin:12px 0} #shortcut-dialog[data-panel=chat] .community-topic-form>label{display:grid;gap:8px;color:#c9b7dc;font-size:13px;text-align:left} #shortcut-dialog[data-panel=chat] .community-topic-form :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;border:1px solid #74539066;border-radius:10px;background:#211b2c;color:#f4effb;padding:11px 12px;font:inherit;resize:vertical} #shortcut-dialog[data-panel=chat] .community-topic-icons{display:flex;flex-wrap:wrap;gap:8px} #shortcut-dialog[data-panel=chat] .community-topic-icons>button{display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;background:#211b2c;border-radius:10px;font-size:21px} #shortcut-dialog[data-panel=chat] .community-topic-icons>button[aria-pressed=true]{border-color:#b68bdb;background:#443053} #shortcut-dialog[data-panel=chat] .community-classic-emojis-only :is(.game420-emoji-tabs,.game420-emoji-controls,.game420-emoji-grid,.game420-emoji-pack-caption){display:none!important}