/* Support shares the account pages' green actions, purple details and light cards. */
.support-layout,.support-layout *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
.support-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;width:100%;padding:18px 12px 36px;text-align:left;color:#27301d;font:13px/1.6 Arial,Helvetica,sans-serif}
.support-sidebar{align-self:start;padding:22px 14px;background:linear-gradient(160deg,#f7faef,#fff);border:1px solid #dce4d1;border-radius:14px}
.support-sidebar-label{display:block;padding:0 10px 15px;color:#36452b;font-size:16px;font-weight:700}
.support-sidebar a{display:block;padding:11px 12px;margin-bottom:4px;border-radius:8px;color:#627052;text-decoration:none;font-size:12px;font-weight:600}
.support-sidebar a:hover,.support-sidebar a[aria-current]{background:#edf3e1;color:#507c10}
.support-sidebar a[aria-current]{box-shadow:inset 3px 0 #80ac25}
.support-sidebar-note{margin:22px 10px 0;padding-top:16px;border-top:1px solid #e0e7d8;color:#78816e;font-size:11px}
.support-shell{min-width:0;padding:10px 26px 28px;background:#fff;border:1px solid #cdd1c6;border-radius:12px;box-shadow:0 1px 2px #46513612}
.support-breadcrumb{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:7px;margin:0 -16px 18px;padding:8px 12px;min-height:30px;border-radius:6px;background:#ebebeb;color:#6f746b;font-size:11px}
.support-breadcrumb a{color:#748365;text-decoration:none}
.support-breadcrumb strong{color:#262b21}
.support-breadcrumb .support-home-label{background:#989b97;padding:1px 5px;color:#fff;font-size:8px;font-weight:bold;text-transform:uppercase;line-height:1.3}
.support-heading{position:relative;display:block;margin:0 0 26px;padding:0 0 17px;border-bottom:1px solid #cdcfca}
.support-heading-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#8ebc24,#5f8e0d);box-shadow:0 6px 15px #69941630}
.support-heading-icon svg,.support-upload svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.support-heading h1{display:flex;align-items:center;gap:10px;margin:0 0 7px;font-size:23px;line-height:1.3;letter-spacing:-.5px;color:#30362b}
.support-heading h1:before{content:'';display:block;width:6px;height:22px;flex:0 0 6px;border-radius:4px;background:linear-gradient(#a475cc,#693699)}
.support-heading p{margin:0 0 0 16px;max-width:550px;color:#758069;font-size:12px}
.support-card{overflow:hidden;margin-bottom:18px;background:#fff;border:1px solid #d8dfca;border-radius:14px;box-shadow:0 10px 30px #3e4e220a,0 2px 6px #3e4e2208}
.support-card-heading{padding:19px 23px;border-bottom:1px solid #e7ebdf;background:linear-gradient(135deg,#fbfdf7,#f1f7e7)}
.support-card h2{margin:0;color:#334326;font-size:16px;line-height:1.4}
.support-card-heading p{margin:4px 0 0;color:#748066;font-size:12px}
.support-card-body{padding:23px}
.support-guide{list-style:none;counter-reset:guide;margin:0;padding:0}
.support-guide li{display:grid;grid-template-columns:32px 1fr;column-gap:14px;padding:17px 0;border-bottom:1px solid #edf0e8}
.support-guide li:last-child{border:0}
.support-guide li:before{counter-increment:guide;content:counter(guide);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;color:#7949a1;background:#f2ebf8;font-size:13px;font-weight:700}
.support-guide h3{font-size:13px;margin:1px 0 5px;color:#394b2c}
.support-guide p{margin:0;color:#73806a;font-size:12px}
.support-note{display:flex;gap:10px;padding:14px 16px;border:1px solid #e4daee;background:#fbf8fd;border-radius:9px;color:#78588d;font-size:11px;line-height:1.6}
.support-note strong{color:#6c4786}
.support-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px}
.support-actions>p{margin:0;color:#7b846f;font-size:11px}
.support-actions-buttons{display:flex;gap:9px;flex-wrap:wrap}
.support-button,.support-button:link,.support-button:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 18px;border:1px solid #608d0e;border-radius:8px;background:linear-gradient(#8dbb29,#66940f);box-shadow:0 5px 12px #648e1230;color:white;font:bold 12px Arial,sans-serif;text-decoration:none;cursor:pointer}
.support-button:hover{color:white;background:linear-gradient(#99c837,#709e17)}
.support-button:disabled{opacity:.55;cursor:wait}
.support-button-secondary,.support-button-secondary:link,.support-button-secondary:visited{border-color:#d7dccf;background:#fff;box-shadow:none;color:#5d6851}
.support-button-secondary:hover{background:#faf7fd;border-color:#c8b0dc;color:#6f3aa8}
.support-button:focus-visible,.support-layout input:focus-visible,.support-layout select:focus-visible,.support-layout textarea:focus-visible,.support-layout a:focus-visible{outline:3px solid #bba3d4;outline-offset:3px}
.support-form{margin:0}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.support-field{min-width:0;margin-bottom:19px}
.support-field label{display:block;margin-bottom:7px;color:#435036;font-weight:700;font-size:12px}
.support-field input:not([type=file]):not([type=hidden]),.support-field select,.support-field textarea{display:block;width:100%;min-width:0;min-height:42px;border:1px solid #d1d9c6;border-radius:8px;padding:11px 12px;color:#36402c;background:#fff;font:13px/1.4 Arial,sans-serif}
.support-field input::placeholder,.support-field textarea::placeholder{color:#a0a792}
.support-field textarea{resize:vertical;min-height:180px}
.support-field small,.support-help{display:block;margin:6px 0 0;color:#87907c;font-size:11px;line-height:1.5}
.support-optional{margin-left:5px;color:#98a08e;font-size:10px;font-weight:400}
.support-field-footer{display:flex;justify-content:space-between;gap:12px}
.support-profile{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:22px;padding:15px 18px;background:#f7f9f2;border:1px solid #e3e8da;border-radius:9px}
.support-profile span{display:block;font-size:10px;color:#859077}
.support-profile strong{font-size:12px;color:#4c5d3b;overflow-wrap:anywhere}
.support-upload{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;min-height:105px;padding:18px;border:1px dashed #c5d0b8;border-radius:10px;color:#84956f;background:#fafcf7;text-align:left}
.support-upload:hover,.support-upload.is-dragover{border-color:#90af57;background:#f1f7e7}
.support-upload strong{font-size:12px;color:#5c7046}
.support-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.support-file{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border-radius:8px;background:#f5f7ef;font-size:12px;overflow-wrap:anywhere}
.support-file img{width:45px;height:45px;object-fit:cover;border-radius:6px}
.support-file button{margin-left:auto;border:0;background:transparent;color:#805a9b;cursor:pointer}
.support-captcha{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.support-captcha img{width:150px;height:50px;object-fit:contain;border-radius:6px;border:1px solid #dce3d0;background:#f7f9f2}
.support-captcha button{border:0;background:none;color:#805a9b;font-size:11px;cursor:pointer}
.support-captcha input{max-width:190px}
.support-feedback{padding:13px 16px;margin-bottom:18px;border-radius:8px;border:1px solid #e4d8b7;color:#79622f;background:#fffbef;font-size:12px}
.support-feedback.is-error{border-color:#ebcdca;color:#9a4036;background:#fff5f3}
.support-feedback.is-success{border-color:#d1e3b6;color:#527326;background:#f3f9eb}
.support-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.support-toolbar-end{justify-content:flex-end}
.support-tabs{display:flex;gap:5px;padding:4px;background:#eef2e7;border:1px solid #e0e7d4;border-radius:10px}
.support-tabs a{padding:8px 12px;border-radius:7px;color:#7a856b;font-size:11px;font-weight:700;text-decoration:none}
.support-tabs a[aria-current]{background:white;color:#68448a;box-shadow:0 1px 4px #29361a12}
.support-filterbar{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:12px;margin-bottom:18px}
.support-filterbar .support-field{margin-bottom:0}
.support-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid #edf0e7;text-decoration:none;color:#32452a;background:#fff}
.support-ticket:last-child{border-bottom:0}
.support-ticket:hover{background:#fafcf6}
.support-ticket-title{font-size:13px;font-weight:700;display:block;margin-bottom:6px;overflow-wrap:anywhere}
.support-ticket-meta{display:flex;flex-wrap:wrap;gap:5px 12px;color:#8a947d;font-size:10px}
.support-ticket-meta strong{font-weight:400;color:#775590}
.support-ticket-right{text-align:right}
.support-ticket-right time{display:block;margin-top:8px;font-size:10px;color:#8c957e}
.support-badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 10px;color:#907338;background:#fcf5e6;font-size:10px;line-height:1.3;white-space:nowrap;font-weight:700}
.support-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.support-badge.replied{background:#f0e9f8;color:#8054a2}
.support-badge.closed{background:#edf3e5;color:#648745}
.support-empty{padding:38px 24px;text-align:center}
.support-empty p{color:#89947d;font-size:12px;margin:10px auto 20px;max-width:360px}
.support-count{font-size:11px;color:#8a947e;margin-bottom:12px}
.support-table-scroll{max-width:100%;overflow-x:auto}
.support-table{width:100%;min-width:625px;border-collapse:collapse;table-layout:fixed;text-align:left}
.support-table th{padding:13px 12px;border-bottom:1px solid #dfe5d5;background:#f6f9f0;color:#6b7b59;font:600 10px/1.5 Arial,sans-serif;text-align:left}
.support-table th:nth-child(1){width:33%}
.support-table th:nth-child(2){width:18%}
.support-table th:nth-child(3){width:14%}
.support-table th:nth-child(4){width:19%}
.support-table th:nth-child(5){width:16%}
.support-table td{padding:16px 12px;border-bottom:1px solid #e9eee1;color:#6a765e;font:11px/1.6 Arial,sans-serif;vertical-align:middle;overflow-wrap:anywhere}
.support-table tr:last-child td{border-bottom:0}
.support-table tbody tr:hover td{background:#fafcf6}
.support-ticket-link,.support-ticket-link:link,.support-ticket-link:visited{color:#485d35;text-decoration:none;font-weight:600;font-size:12px}
.support-ticket-link:hover{color:#7d4ba2;text-decoration:underline}
.support-table-secondary{display:block;margin-top:5px;color:#97a08b;font-size:10px}
.support-table time{font-size:10px;color:#8c967f}
.support-table .support-badge{font-size:9px;padding:5px 8px}
.support-thread-meta{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0 0;color:#7c896d;font-size:11px}
.support-message{margin:0 0 17px;padding:19px 21px;border:1px solid #e0e6d6;border-radius:12px;background:#fff}
.support-message.is-staff{background:#fbf9fd;border-color:#e2d7ec;border-left:3px solid #a180ba}
.support-message header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#465a35;font-size:12px}
.support-message.is-staff header{color:#80599b}
.support-message time{color:#919886;font-size:10px;white-space:nowrap}
.support-message-body{font-size:13px;color:#69765a;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
.support-message-body.is-legacy{white-space:normal}
.support-message a.support-attachment{display:inline-block;margin-top:12px;color:#785296;font-size:11px}
.support-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#8a947e;font-size:11px}
.support-layout [hidden]{display:none!important}
.support-details-table{width:100%;min-width:575px;border-collapse:collapse;table-layout:fixed}
.support-details-table th{padding:12px 15px;text-align:left;color:#859074;background:#fafcf6;border-bottom:1px solid #e5ebdc;font:600 10px/1.5 Arial,sans-serif}
.support-details-table td{padding:15px;text-align:left;color:#4f6040;font:12px/1.6 Arial,sans-serif;vertical-align:top;overflow-wrap:anywhere}
.support-details-table th:last-child{width:23%}
.support-priority{display:inline-block;border-radius:5px;padding:2px 7px;background:#f0f3e9;color:#72815c;font-size:10px;font-weight:700}
.support-priority.is-high{background:#fff0df;color:#ae6a22}
.support-chat{max-height:550px;min-height:180px;overflow-y:auto;padding:23px 20px 10px;background:#f9faf6;scrollbar-width:thin;scrollbar-color:#c5d1b5 #f9faf6}
.support-chat .support-message{display:flex;align-items:flex-start;gap:9px;width:100%;margin:0 0 20px;padding:0;border:0;border-radius:0;background:none}
.support-chat .support-message.is-player{flex-direction:row-reverse}
.support-chat-avatar{display:flex;justify-content:center;align-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #d5e3bd;border-radius:9px;background:#eaf3dc;color:#70913f;font-size:8px;font-weight:700}
.support-chat-bubble{min-width:100px;max-width:82%;padding:13px 16px 9px;border:1px solid #d9e5c9;border-radius:12px 3px 12px 12px;background:#eff6e6;box-shadow:0 2px 4px #3e4e2205}
.support-chat .support-message.is-staff .support-chat-avatar{background:#eee4f7;color:#8958ac;border-color:#ddc9ec}
.support-chat .support-message.is-staff .support-chat-bubble{border-color:#dfceec;border-radius:3px 12px 12px 12px;background:#f4ecfa}
.support-chat .support-message header{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 7px;font-size:11px;color:#537d25}
.support-chat .support-message.is-staff header strong{color:#8544a9}
.support-chat .support-message-body{color:#526246;font-size:12px;line-height:1.7}
.support-chat .support-message.is-staff .support-message-body{color:#715881}
.support-staff-label{padding:2px 6px;border-radius:4px;background:#dfcbea;color:#7b429b;font-size:8px;font-weight:700}
.support-player-label{color:#8c9f75;font-size:9px}
.support-chat-time{display:block;margin-top:9px;text-align:right;color:#97a48a;font-size:9px}
.support-message.is-staff .support-chat-time{color:#aa95b8}
.support-composer{padding:21px 23px;background:#fff;border-top:1px solid #e2e8d8}
.support-composer textarea{min-height:110px}
.support-composer .support-upload{min-height:74px;padding:12px}
.support-composer .support-actions{margin-top:14px}
.support-conversation>.support-note{margin:18px}
.support-chat-empty{text-align:center;color:#8b967c;font-size:12px;padding:35px 0}
@media(max-width:760px){.support-chat{padding:16px 10px 3px}.support-chat-bubble{max-width:calc(100% - 39px);padding:11px 12px 8px}.support-composer{padding:16px}.support-details-table{min-width:550px}}
@media(max-width:760px){.support-layout{grid-template-columns:1fr;padding:12px;gap:18px}.support-sidebar{display:flex;flex-wrap:wrap;padding:8px;gap:2px}.support-sidebar-label,.support-sidebar-note{display:none}.support-sidebar a{font-size:11px;margin:0;padding:9px}.support-shell{padding:10px 14px 20px}.support-breadcrumb{margin-left:-6px;margin-right:-6px}.support-heading h1{font-size:23px}.support-grid{grid-template-columns:1fr;gap:0}.support-card-body{padding:18px}.support-ticket{padding:15px}.support-ticket-right time{max-width:100px}.support-filterbar{grid-template-columns:1fr 130px}.support-actions{align-items:stretch}.support-heading{gap:12px}}

.support-human-check{display:grid;grid-template-columns:minmax(0,1fr)210px;gap:12px 18px;align-items:end;padding:17px;margin:18px 0;border:1px solid #e0e5d7;border-radius:11px;background:#f8faf5}.support-human-eyebrow{display:block;color:#793ac0;font-size:10px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:9px}.support-human-check h2{font-size:16px;margin:0}.support-human-check p{font-size:11px;color:#7c8573;margin:7px 0}.support-human-check .support-field{margin:0}.support-security-image{grid-column:2;grid-row:1/span 2;width:210px;padding:0;overflow:hidden;border:1px solid #cbd4bd;border-radius:8px;background:white;cursor:pointer;color:#5d6b4f;font-weight:bold}.support-security-image img{display:block;width:210px;height:70px}.support-security-image span{display:block;padding:6px}.support-chat-image{display:flex;flex-direction:column;gap:6px}.support-chat-image img{display:block;max-width:100%;width:auto;max-height:220px;object-fit:contain;border-radius:8px}.support-chat [hidden]{display:none}
@media(max-width:600px){.support-human-check{grid-template-columns:minmax(0,1fr)}.support-security-image{grid-column:1;grid-row:auto}.support-human-check .support-field{grid-row:2}}

.support-image-viewer{border:0;border-radius:12px;padding:48px 12px 12px;max-width:94vw;max-height:94vh;background:#16191e;box-shadow:0 16px 70px #0008}.support-image-viewer::backdrop{background:rgba(0,0,0,.8)}.support-image-viewer img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}.support-image-viewer button{position:absolute;right:12px;top:10px;background:#fff;color:#222;border:0;border-radius:6px;padding:7px 14px;cursor:pointer}.support-file-list{display:grid;gap:8px}.support-file-list[hidden]{display:none}.support-file-list .support-file span{overflow-wrap:anywhere;min-width:0}
.support-image-viewer{min-width:240px;box-sizing:border-box}.support-image-viewer img{margin:0 auto}.support-image-viewer button{z-index:1}

button.support-chat-image{border:0;background:transparent;padding:0;font:inherit;text-align:start;cursor:pointer;color:inherit}button.support-chat-image:focus-visible{outline:2px solid #793ac0;outline-offset:4px}

.support-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.support-game-card{margin:0}.support-game-mark{color:#8750b4;font-size:23px;display:block;margin-bottom:10px}.support-channel-list{display:grid;padding:16px 22px;gap:8px}.support-channel-list a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:1px solid #e2e7d8;border-radius:8px;background:#fafbf7;color:#45512e;font-weight:bold}.support-channel-list a:hover{background:#eef4e2;border-color:#91ad57}.support-faq{margin-bottom:14px}.support-faq summary{padding:20px 24px;cursor:pointer;font-weight:bold;font-size:15px;color:#354327}.support-faq[open] summary{background:#f2f6eb;border-bottom:1px solid #e0e6d6}.support-faq-answer{padding:22px 24px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-line}.support-faq-answer p{margin:0 0 12px}.support-help-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#f5f1fa;border-radius:12px;margin-top:24px}.support-help-card h2{margin:0 0 6px;font-size:17px}.support-help-card p{margin:0;line-height:1.6}.support-policy{padding:26px;line-height:1.85;font-size:13px}.support-policy h2{font-size:18px;color:#653994;margin:30px 0 15px;border-bottom:1px solid #e3e8db;padding-bottom:12px}.support-policy h2:first-child{margin-top:0}.support-policy-table{width:100%;min-width:600px;border-collapse:collapse;font-size:12px}.support-policy-table td{padding:12px;border:1px solid #dfe5d7;vertical-align:top}.support-policy-table tr:first-child{background:#eee6f5;color:#583181}.support-policy-table tr:nth-child(even){background:#f7f9f2}@media(max-width:650px){.support-social-grid{grid-template-columns:1fr}.support-help-card{flex-direction:column;align-items:stretch}.support-policy{padding:18px}.support-faq summary{padding:18px}}

/* The original 4000px page artwork must not restart on long support pages. */
td[background$="/main_bg.jpg"],td[background$="/main_bg_l.jpg"],td[background$="/main_bg_r.jpg"]{background-repeat:repeat-x;background-position:left top;background-color:#ecece0}
.support-game-art{display:block;width:100%;height:auto;aspect-ratio:231/89;object-fit:cover;border-bottom:1px solid #e2e7d8}.support-game-card{overflow:hidden}

.support-game-heading{display:flex;align-items:center;gap:16px}.support-game-icon{display:block;width:64px;height:64px;flex:0 0 64px;object-fit:cover;border-radius:12px;border:1px solid #d8dfc9;box-shadow:0 3px 10px #0001}.support-game-heading h2{margin:0}.support-game-heading .support-badge{margin-top:8px}