/* Live services stay separate from the existing equipment/skill layouts. */
#live-dialog{box-sizing:border-box;position:fixed;left:50%;top:calc(var(--app-top,0px) + max(8px,env(safe-area-inset-top)));transform:translateX(-50%);margin:0;width:min(1080px,calc(100vw - 24px));height:min(860px,calc(var(--app-height,100dvh) - 24px));max-height:calc(var(--app-height,100dvh) - 24px);max-width:none;padding:20px;border:1px solid #526277;border-radius:16px;background:#101c2c;color:#e4edf7;overflow:hidden;box-shadow:0 24px 90px #0009}
#live-dialog[open]{display:flex;flex-direction:column;gap:12px}#live-dialog *{box-sizing:border-box}#live-dialog>.dialog-heading{flex:none;padding:0 0 8px;margin:0}#live-dialog .dialog-heading h2{font-size:24px;margin:3px 0}#live-dialog .eyebrow{font-size:10px;letter-spacing:2px;color:#9db5c8}
#live-tabs{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}#live-tabs button,#live-dialog button{border:1px solid #4f637b;background:#1b3046;color:#d7e5f6;border-radius:8px;font:inherit;font-size:14px;min-height:38px;padding:8px 13px;cursor:pointer}#live-dialog button:disabled{opacity:.45;cursor:not-allowed}#live-tabs button.active,#live-dialog .rank-filters button.active{background:#204747;border-color:#77c9b5;color:#dcfff5;box-shadow:inset 0 -2px #71cbb4}#live-dialog button.primary,#live-dialog #attendance-claim,#live-dialog #box-open{background:#cbae67;color:#192632;border-color:#edce89;font-weight:800}#live-recipient{margin:0;color:#b7c9db;font-size:13px;flex-shrink:0}
#live-content{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;padding-right:4px}#live-dialog .live-section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:8px 0 16px}#live-dialog h3{font-size:23px;color:#eff6fe;margin:0}#live-dialog h3 small{font-size:14px;color:#a4bfce}#live-dialog p{font-size:14px;line-height:1.7;word-break:keep-all;margin:8px 0;color:#b3c6d8}#live-dialog .live-section-title>span{font-size:13px;color:#aec4d7;white-space:nowrap}#live-dialog .live-note{font-size:12px;line-height:1.65;color:#91a6ba;margin:14px 0}#live-dialog .live-empty{padding:40px 15px;text-align:center;border:1px dashed #456078;border-radius:12px}
#live-dialog .reward-list{display:flex;flex-wrap:wrap;gap:7px}#live-dialog .reward-chip{display:block;padding:6px 8px;font-size:13px;line-height:1.5;border:1px solid #465b72;border-radius:6px;color:#d9e6f4;background:#172b40;overflow-wrap:anywhere;word-break:keep-all}#live-dialog .reward-chip.radiant{border-color:#9b8047;color:#f5d899;background:#393221}
#live-dialog .attendance-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;border:1px solid #8e7950;border-radius:12px;background:linear-gradient(120deg,#333126,#162b3e);margin-bottom:18px}#live-dialog .attendance-hero small{font-size:12px;color:#d5c392}#live-dialog .attendance-hero strong{display:block;font-size:30px;line-height:1.4;color:#fae2b1;margin:3px 0 10px}#live-dialog .attendance-hero button{flex-shrink:0;min-height:45px}#live-dialog .attendance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}#live-dialog .attendance-day{background:#142639;border:1px solid #374b62;border-radius:10px;min-height:138px;padding:10px}#live-dialog .attendance-day header{display:flex;justify-content:space-between;gap:4px;align-items:center;margin-bottom:12px}#live-dialog .attendance-day header b{font-size:16px;color:#e3effb}#live-dialog .attendance-day header span{font-size:10px;color:#9bb7c9}#live-dialog .attendance-day .reward-list{gap:5px}#live-dialog .attendance-day .reward-chip{padding:4px 6px;font-size:12px;width:100%;border:0;background:#1d334999}#live-dialog .attendance-day.milestone{border-color:#b69a51;background:#312d24}#live-dialog .attendance-day.milestone header span{color:#f0d482}#live-dialog .attendance-day.today{border:2px solid #80d2b8;box-shadow:0 0 0 2px #80d2b814}#live-dialog .attendance-day.done{background:#15312e;border-color:#467f6d}#live-dialog .attendance-day.done header span{color:#98e1be}
#live-dialog .rank-filters{display:flex;gap:7px;margin-bottom:12px}#live-dialog .my-ranking{display:flex;align-items:center;gap:18px;border:1px solid #648578;background:#173b38;border-radius:9px;padding:12px 15px;margin-bottom:12px;font-size:14px}#live-dialog .my-ranking b{color:#a7efd2}#live-dialog .ranking-table{border:1px solid #40516a;border-radius:10px;overflow:hidden}#live-dialog .ranking-row{display:grid;grid-template-columns:70px minmax(90px,1fr) minmax(110px,.75fr);gap:12px;align-items:center;padding:12px 14px;min-height:62px;border-bottom:1px solid #30435c;font-size:15px;background:#142639}#live-dialog .ranking-row:nth-child(odd){background:#192b40}#live-dialog .ranking-head{min-height:35px;padding:8px 14px;font-size:12px;color:#a1bad3}#live-dialog .ranking-row>strong{color:#e5c78c}#live-dialog .ranking-row>div b{font-size:15px;overflow-wrap:anywhere}#live-dialog .ranking-row small{display:block;font-size:11px;color:#9cb5c7;margin-top:4px}#live-dialog .ranking-row>b,#live-dialog .ranking-head>span:last-child{text-align:right;font-size:14px}#live-dialog .ranking-row.mine{background:#173d3c;box-shadow:inset 3px 0 #85d5bc}#live-dialog .rank-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:13px}
#live-dialog .mail-list{display:flex;flex-direction:column;gap:12px}#live-dialog .mail-card{background:#162b40;border:1px solid #4b6179;border-radius:11px;padding:16px}#live-dialog .mail-card.claimed{background:#162a30;border-color:#345647}#live-dialog .mail-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}#live-dialog .mail-card h4{font-size:19px;line-height:1.4;margin:4px 0 0;color:#edf4ff}#live-dialog .mail-card header small,#live-dialog .mail-card header>span{font-size:12px;color:#a8bfd1}#live-dialog .mail-card header>span{color:#d5c193;text-align:right}#live-dialog .mail-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}#live-dialog .unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 8px 2px 0;background:#eb9989}
#live-dialog .box-form{display:grid;grid-template-columns:1fr 120px auto;gap:12px;align-items:end;padding:18px;background:#192e42;border:1px solid #4b657c;border-radius:11px}#live-dialog label{display:flex;flex-direction:column;font-size:13px;line-height:1.5;color:#b8cfe2;gap:6px}#live-dialog input,#live-dialog select,#live-dialog textarea{font:inherit;font-size:15px;width:100%;min-width:0;padding:10px;border:1px solid #536d87;border-radius:7px;background:#101f30;color:#f0f6fe;min-height:42px}#live-dialog textarea{resize:vertical}#live-dialog .admin-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}#live-dialog .admin-panel{display:flex;flex-direction:column;gap:12px;padding:16px;background:#15283b;border:1px solid #405875;border-radius:12px}#live-dialog .admin-panel h4{font-size:18px;margin:0;color:#e5d6b1}#live-dialog .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}#live-dialog .admin-check{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:13px}#live-dialog .admin-check input{width:18px;min-height:18px}#live-dialog .reward-picker{display:grid;grid-template-columns:1fr 95px;gap:7px}#live-dialog .reward-picker button{grid-column:1/-1}#live-dialog .admin-history{padding:9px 0;border-bottom:1px solid #456071}#live-dialog .admin-history small{display:block;margin-top:4px;color:#9fb4c9;font-size:12px}
#live-dialog .live-footer{flex-shrink:0;border-top:1px solid #344962;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}#live-status{font-size:13px;color:#a9d9c7;margin:0;word-break:keep-all}#live-status.error{color:#f0b0ab}#live-support-code{display:block;margin-top:5px;font-size:10px;color:#93a9be;overflow-wrap:anywhere}#live-dialog #live-retry{padding:5px 12px;white-space:nowrap;min-height:34px;font-size:12px}
#update-banner{position:fixed;z-index:35;left:50%;top:calc(var(--app-top,0px) + 58px);transform:translateX(-50%);background:#1c3548f5;border:1px solid #95bece;box-shadow:0 6px 24px #0007;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 20px);font-size:13px;color:#e3f4fa}#update-banner[hidden],#maintenance-banner[hidden]{display:none}#update-banner button{font:inherit;padding:8px 12px;border-radius:6px;border:1px solid #7d9baa;background:#d8e5db;color:#142b37;white-space:nowrap}#update-later{background:transparent!important;color:#dae8ec!important}
#maintenance-banner{position:fixed;z-index:60;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;gap:16px;background:#0c172bea;backdrop-filter:blur(6px);text-align:center;color:#f6e4b5}#maintenance-banner strong{font-size:28px}#maintenance-banner p{max-width:520px;font-size:15px;line-height:1.7;white-space:pre-wrap}#maintenance-save{color:#b4cddc;font-size:13px}#maintenance-retry{padding:12px 28px;border:1px solid #e0cba1;color:#e6d7af;background:#2c3b42;border-radius:8px;font-size:15px}
#dungeon-banner{position:absolute;left:50%;top:20%;transform:translateX(-50%);z-index:8;pointer-events:none;text-align:center;opacity:0;width:min(540px,calc(100% - 30px));padding:16px 32px;background:linear-gradient(90deg,transparent,#0b1522d9 25%,#0b1522d9 75%,transparent)}#dungeon-banner.visible{animation:dungeon-arrival 2s ease-out both}#dungeon-banner strong{display:block;font-size:29px;color:#f5ead0;letter-spacing:3px;margin:6px 0}#dungeon-banner small{color:#98c2c7;font-size:12px;letter-spacing:2px}#dungeon-banner>span{font-size:13px;color:#c3d1df}@keyframes dungeon-arrival{0%{opacity:0;translate:0 8px}15%,65%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -5px}}
:root[data-touch="true"] .bottom-right{grid-template-columns:repeat(6,minmax(0,1fr))}:root[data-touch="true"] .bottom-right #community-button>div{font-size:12px}:root[data-touch="true"] #community-badge{font-size:9px;right:-1px;top:-5px}
@media(max-width:699px){#live-dialog{padding:12px;width:calc(100vw - 16px);height:calc(var(--app-height,100dvh) - 16px);max-height:calc(var(--app-height,100dvh) - 16px);gap:9px}#live-dialog .dialog-heading h2{font-size:21px}#live-tabs{gap:4px;flex-wrap:nowrap;overflow-x:auto}#live-tabs button{padding:7px 10px;font-size:13px;flex-shrink:0;min-height:38px}#live-recipient{font-size:12px}#live-dialog .attendance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#live-dialog .attendance-day{padding:8px;min-height:135px}#live-dialog .attendance-day header{display:block}#live-dialog .attendance-day header span{display:block;margin-top:3px}#live-dialog .attendance-day .reward-chip{font-size:12px;padding:4px;line-height:1.5}#live-dialog .attendance-hero{padding:12px;align-items:stretch;flex-direction:column;gap:10px}#live-dialog .attendance-hero strong{font-size:26px}#live-dialog .attendance-hero button{width:100%}#live-dialog .live-section-title{flex-direction:column;gap:8px;margin-bottom:12px}#live-dialog h3{font-size:21px}#live-dialog .ranking-row{grid-template-columns:40px minmax(75px,1fr) minmax(110px,.85fr);padding:10px 8px;gap:7px}#live-dialog .ranking-row>div b{font-size:14px}#live-dialog .ranking-row>b{font-size:12px;line-height:1.5}#live-dialog .my-ranking{align-items:flex-start;flex-direction:column;gap:6px}#live-dialog .mail-card{padding:12px}#live-dialog .mail-card header{flex-direction:column;gap:6px}#live-dialog .mail-card h4{font-size:17px}#live-dialog .box-form{grid-template-columns:1fr 86px;padding:12px}#live-dialog .box-form>button{grid-column:1/-1}#live-dialog .admin-grid{grid-template-columns:1fr}#live-dialog .admin-panel{padding:12px}#update-banner{flex-wrap:wrap;gap:7px;top:calc(var(--app-top,0px) + 45px);width:calc(100vw - 20px)}#update-message{flex-basis:100%}#dungeon-banner{top:28%;padding:12px 16px}#dungeon-banner strong{font-size:22px}#live-dialog .reward-picker{grid-template-columns:minmax(0,1fr) 78px}}
@media(max-width:479px){#live-dialog .attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#live-dialog .attendance-day .reward-chip{font-size:13px}#live-dialog .attendance-day header span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#dungeon-banner.visible{animation-duration:.5s}}
/* v38 one-time administrator bootstrap */
.admin-bootstrap-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:14px;align-items:center;margin:0 0 12px;padding:13px 14px;border:1px solid #8e7140;border-radius:11px;background:linear-gradient(135deg,#2d281d,#172536);box-shadow:inset 3px 0 #d7ad58}
.admin-bootstrap-card strong{display:block;color:#ffe8b1;font-size:15px}
.admin-bootstrap-card p{margin:4px 0 0;color:#c8d3dd;font-size:11px;line-height:1.5}
.admin-bootstrap-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.admin-bootstrap-form input{min-width:0;border:1px solid #6e7887;border-radius:7px;background:#0f1d2b;color:#f4f7fb;padding:8px 9px}

/* v65 player reports and owner triage. */
#live-dialog .feedback-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
#live-dialog .feedback-form,#live-dialog .feedback-history{padding:16px;border:1px solid #405875;border-radius:12px;background:#15283b}
#live-dialog .feedback-form{display:flex;flex-direction:column;gap:12px}
#live-dialog .feedback-form textarea{min-height:150px}
#live-dialog .feedback-context{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:9px 10px;border:1px solid #344c61;border-radius:7px;background:#0e1d2c;color:#94abbf;font-size:12px}
#live-dialog .feedback-context span{color:#d6c18f;font-weight:800}
#live-dialog .feedback-context b{font-weight:500;color:#bcd0e0}
#live-dialog .feedback-history h4{margin:0 0 10px;color:#e5d6b1;font-size:18px}
#live-dialog .feedback-card,#live-dialog .admin-feedback-card{padding:12px;margin-bottom:8px;border:1px solid #3e5269;border-left:3px solid #6a839b;border-radius:8px;background:#102234}
#live-dialog .feedback-card.status-new,#live-dialog .admin-feedback-card.status-new{border-left-color:#e4b862}
#live-dialog .feedback-card.status-reviewing,#live-dialog .admin-feedback-card.status-reviewing{border-left-color:#67b8e8}
#live-dialog .feedback-card.status-resolved,#live-dialog .admin-feedback-card.status-resolved{border-left-color:#65bf91;background:#102b2b}
#live-dialog .feedback-card header,#live-dialog .admin-feedback-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
#live-dialog .feedback-card header span,#live-dialog .admin-feedback-card header span{color:#9eb7ca;font-size:12px}
#live-dialog .feedback-card header b,#live-dialog .admin-feedback-card header>b{padding:3px 7px;border-radius:4px;background:#243a4d;color:#d7e5f2;font-size:11px;white-space:nowrap}
#live-dialog .feedback-card h5{margin:8px 0 4px;color:#edf5fc;font-size:15px}
#live-dialog .feedback-card p,#live-dialog .admin-feedback-card p{margin:4px 0 8px;color:#c5d4e1;font-size:13px;line-height:1.6;word-break:break-word}
#live-dialog .feedback-card small,#live-dialog .admin-feedback-card small{display:block;color:#829aae;font-size:11px;line-height:1.6}
#live-dialog .admin-feedback-panel{grid-column:1/-1}
#live-dialog .admin-feedback-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#live-dialog .admin-feedback-heading p{margin:3px 0}
#live-dialog .admin-feedback-filters,#live-dialog .feedback-status-actions{display:flex;gap:5px;flex-wrap:wrap}
#live-dialog .admin-feedback-filters button,#live-dialog .feedback-status-actions button{min-height:30px;padding:4px 9px;font-size:12px}
#live-dialog .admin-feedback-filters button.active{border-color:#78cdb8;background:#204747;color:#dcfff5}
#live-dialog .admin-feedback-card header>div{min-width:0}
#live-dialog .admin-feedback-card header strong{display:block;margin-top:3px;color:#eff6fd;font-size:15px;overflow-wrap:anywhere}
#live-dialog .feedback-status-actions{justify-content:flex-end;margin-top:10px}
@media(max-width:760px){#live-dialog .feedback-layout{grid-template-columns:1fr}#live-dialog .feedback-form,#live-dialog .feedback-history{padding:12px}#live-dialog .feedback-form .form-pair{grid-template-columns:1fr}#live-dialog .admin-feedback-heading{display:block}#live-dialog .admin-feedback-filters{margin-top:8px}}
.admin-bootstrap-form button{min-height:34px;padding:6px 10px;border:1px solid #d5ac58;border-radius:7px;background:#5e4518;color:#fff3cf;font-weight:700}
@media(max-width:699px){.admin-bootstrap-card{grid-template-columns:1fr;padding:10px}.admin-bootstrap-form{grid-template-columns:1fr}.admin-bootstrap-form button{width:100%}}
/* v39: compact, original-art reward calendar. Desktop seven columns; mobile five. */
#live-dialog .attendance-board{padding:15px;border:1px solid #666890;border-radius:12px;background:radial-gradient(ellipse at 75% 0%,#57509c55,transparent 60%),linear-gradient(135deg,#192840,#141e32 65%,#37305955)}
#live-dialog .attendance-board-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
#live-dialog .attendance-board-top h3{margin:0;font-size:23px;color:#f2efff}
#live-dialog .attendance-board-top h3 small{font-size:13px;color:#c3c3e0}
#live-dialog .attendance-board-top p{margin:5px 0 0;font-size:12px;color:#bdc7dd;line-height:1.5}
#live-dialog .attendance-board-top>span{font-size:12px;white-space:nowrap;color:#d6c393}
#live-dialog .attendance-claim-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;background:#111d30cb;border:1px solid #736246;border-radius:8px}
#live-dialog .attendance-claim-bar>div{min-width:0;display:flex;flex-direction:column;gap:4px}
#live-dialog .attendance-claim-bar strong{font-size:16px;color:#ffe0a3}
#live-dialog .attendance-claim-bar span{font-size:12px;color:#c2d0df;line-height:1.4;overflow-wrap:anywhere}
#live-dialog .attendance-claim-bar button{flex-shrink:0;color:#14272b;background:#e0c384;border-color:#f2d89b;min-height:38px}
#live-dialog .attendance-grid.icon-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-items:stretch}
#live-dialog .icon-calendar .attendance-day{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px;min-height:136px;min-width:0;border:1px solid #6983aa;border-radius:7px;background:linear-gradient(#0e1726,#172940);box-shadow:inset 0 0 12px #0006;overflow:hidden;text-align:left;cursor:pointer;color:#e7eef8;isolation:isolate}
#live-dialog .icon-calendar .attendance-day header{display:flex;align-items:center;justify-content:space-between;gap:2px;z-index:2;margin:0;min-height:18px}
#live-dialog .icon-calendar .attendance-day header b{font-size:13px;color:#e1eafb;white-space:nowrap}
#live-dialog .icon-calendar .attendance-day header span{font-size:10px;margin:0;color:#95adb9;white-space:nowrap}
#live-dialog .icon-calendar .attendance-day:hover,#live-dialog .icon-calendar .attendance-day:focus-visible{border-color:#c9ebf6;outline:2px solid #aec7ee88;outline-offset:0}
#live-dialog .icon-calendar .attendance-day.milestone{background:linear-gradient(#2c2737,#282e44);border-color:#d3ad64;box-shadow:inset 0 0 14px #d5ae3625}
#live-dialog .icon-calendar .attendance-day.milestone header b,#live-dialog .icon-calendar .attendance-day.milestone header span{color:#f2d397}
#live-dialog .icon-calendar .attendance-day.today{border:2px solid #ecdfa8;box-shadow:0 0 0 1px #ead48666,inset 0 0 15px #dfce6133;padding:6px}
#live-dialog .icon-calendar .attendance-day.done{border-color:#719b93;background:linear-gradient(#132b2d,#172f36)}
#live-dialog .attendance-items{flex:1;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:4px;min-height:67px}
#live-dialog .attendance-items.items-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#live-dialog .attendance-items.items-4{grid-template-columns:repeat(2,minmax(0,1fr))}
#live-dialog .attendance-item{position:relative;display:block;min-width:0;width:min(100%,74px);aspect-ratio:1;background:radial-gradient(ellipse,#254659,#172637);border:1px solid #526c85;border-radius:4px;overflow:hidden}
#live-dialog .attendance-item img{display:block;width:100%;height:100%;object-fit:contain;padding:2px;filter:none;opacity:1}
#live-dialog .attendance-item img[hidden]{display:none}
#live-dialog .attendance-item.unique{background:radial-gradient(ellipse,#1aafb0,#075359);border-color:#bebf85}
#live-dialog .attendance-item.heroic{background:radial-gradient(ellipse,#c08a28,#5b421d);border-color:#ffd494}
#live-dialog .attendance-item.rare{background:radial-gradient(ellipse,#4476a7,#1c354f)}
#live-dialog .reward-quantity{position:absolute;right:3px;bottom:1px;max-width:100%;font-size:13px;line-height:17px;color:#fff;font-weight:800;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;z-index:1}
#live-dialog .attendance-caption{font-size:11px;line-height:14px;min-height:14px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#c7d8e5}
#live-dialog .attendance-check{position:absolute;inset:20px 0 15px;display:grid;place-items:center;font-size:57px;line-height:1;color:#ffebb1;text-shadow:0 0 12px #e5dd8d,0 3px 4px #000;background:#07171366;z-index:3;pointer-events:none}
#live-dialog .attendance-day.done .attendance-items{opacity:.48}
#live-dialog .icon-calendar .final-gift{grid-column:span 2}
#live-dialog .final-gift .attendance-items.items-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#live-dialog .attendance-preview{margin-top:10px;min-height:36px;padding:8px 10px;font-size:13px;line-height:1.5;color:#eddbb2;background:#0c1826c9;border-radius:6px;overflow-wrap:anywhere}
#live-dialog .reward-icon-missing,#live-dialog .image-unavailable::before{position:absolute;inset:3px;display:grid;place-items:center;color:#b7c7d8;font-size:10px;text-align:center;overflow-wrap:anywhere}
#live-dialog .image-unavailable::before{content:attr(aria-label)}
@media(max-width:699px){
 #live-dialog .attendance-board{padding:9px}
 #live-dialog .attendance-board-top h3{font-size:20px}
 #live-dialog .attendance-board-top{gap:6px}
 #live-dialog .attendance-board-top p{font-size:11px}
 #live-dialog .attendance-grid.icon-calendar{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 #live-dialog .icon-calendar .attendance-day{min-height:113px;padding:5px;gap:4px}
 #live-dialog .icon-calendar .attendance-day.today{padding:4px}
 #live-dialog .icon-calendar .attendance-day header{display:block;min-height:17px}
 #live-dialog .icon-calendar .attendance-day header b{font-size:12px}
 #live-dialog .icon-calendar .attendance-day header span{display:none}
 #live-dialog .attendance-items{min-height:43px;gap:2px}
 #live-dialog .attendance-items.items-2{grid-template-columns:1fr 1fr}
 #live-dialog .attendance-caption{font-size:10px;line-height:13px;min-height:26px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
 #live-dialog .reward-quantity{font-size:11px;right:1px}
 #live-dialog .attendance-check{font-size:39px}
 #live-dialog .icon-calendar .final-gift{grid-column:auto}
 #live-dialog .final-gift .attendance-items.items-4{grid-template-columns:1fr 1fr}
 #live-dialog .attendance-claim-bar{flex-direction:column;align-items:stretch;padding:9px;gap:7px}
 #live-dialog .attendance-claim-bar button{width:100%;font-size:13px}
 #live-dialog .attendance-preview{font-size:12px}
}
@media(max-width:359px){#live-dialog .attendance-grid.icon-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Keep the complete reward board compact instead of recreating the old tall cards. */
@media(min-width:700px){
 #live-dialog .attendance-board{padding:10px}
 #live-dialog .attendance-board-top{margin-bottom:7px}
 #live-dialog .attendance-board-top h3{font-size:21px}
 #live-dialog .attendance-board-top p{font-size:11px;margin-top:3px}
 #live-dialog .attendance-claim-bar{padding:7px 9px;margin-bottom:8px}
 #live-dialog .attendance-claim-bar strong{font-size:14px}
 #live-dialog .attendance-claim-bar span{font-size:11px}
 #live-dialog .attendance-claim-bar button{min-height:33px;padding:5px 13px;font-size:12px}
 #live-dialog .attendance-grid.icon-calendar{grid-auto-rows:88px;gap:5px}
 #live-dialog .icon-calendar .attendance-day{min-height:0;padding:5px;gap:3px}
 #live-dialog .icon-calendar .attendance-day.today{padding:4px}
 #live-dialog .attendance-items{min-height:0}
 #live-dialog .attendance-item{width:min(100%,50px)}
 #live-dialog .attendance-caption{display:none}
 #live-dialog .attendance-preview{min-height:29px;margin-top:7px;padding:5px 8px;font-size:12px}
 #live-dialog .attendance-board>.live-note{font-size:10px;line-height:1.4;margin:5px 0 0}
 #live-dialog .attendance-check{font-size:43px;inset:19px 0 3px}
}
@media(max-width:699px){
 #live-dialog .icon-calendar .attendance-day{min-height:92px}
 #live-dialog .attendance-caption{min-height:0;font-size:9px;line-height:11px}
 #live-dialog .attendance-claim-bar>div span{font-size:11px}
}

#live-dialog .feedback-layout>*{min-width:0;max-width:100%;box-sizing:border-box}#live-dialog .feedback-layout :is(input,textarea,select){min-width:0;max-width:100%;box-sizing:border-box}#live-dialog :is(.feedback-card,.admin-feedback-card){overflow-wrap:anywhere}#live-dialog .feedback-form .form-pair{grid-template-columns:minmax(0,1fr)}
.rank-name-cell{display:grid!important;gap:2px;overflow:visible!important}.rank-name-cell>span{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis}.equipped-season-emblem{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid #ffe19a;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1ad 0,#c78a22 48%,#60400e 100%);box-shadow:0 0 7px #ffd76c99;color:#241500;font-size:10px;font-style:normal;font-weight:1000}.equipped-season-emblem.rank-2{border-color:#e9f2f7;background:radial-gradient(circle at 35% 30%,#fff 0,#aab8c1 52%,#4a5964 100%)}.equipped-season-emblem.rank-3{border-color:#e6a76c;background:radial-gradient(circle at 35% 30%,#ffd0a1 0,#a85e2b 52%,#55260e 100%)}.equipped-season-title{display:block!important;overflow:hidden;color:#ffd777!important;font-size:10px!important;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.rank-detail-identity .equipped-season-emblem{vertical-align:middle;margin-right:6px}.rank-detail-identity>.equipped-season-title{margin:2px 0 0}
.rank-filter-groups{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.ranking-row[data-rank-character]{width:100%;border:0!important;border-radius:0!important;text-align:left}.rank-detail{display:grid;gap:12px}.rank-detail>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid #52677a;background:linear-gradient(110deg,#173743,#14253a);border-radius:8px}.rank-detail-identity{display:flex;align-items:center;gap:10px}.rank-detail-identity h3,.rank-detail h4{margin:0}.rank-detail-identity p{margin:3px 0;color:#a9bdcb}.rank-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rank-stat-strip span,.rank-passives span{padding:9px;border:1px solid #3d5669;background:#132a38;border-radius:6px}.rank-gear-grid,.rank-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rank-gear-grid article,.rank-build-grid article{display:grid;gap:4px;padding:9px;border:1px solid #41586b;border-left:3px solid var(--rarity,#6f8799);background:#142938;border-radius:5px}.rank-gear-grid article.rarity-uncommon{--rarity:#75ce9c}.rank-gear-grid article.rarity-rare{--rarity:#79b8ed}.rank-gear-grid article.rarity-unique{--rarity:#e5ce79}.rank-gear-grid article.rarity-heroic{--rarity:#e4a06f}.rank-gear-grid small,.rank-build-grid small{color:#9fb4c3}.rank-build-grid em{font-style:normal;color:#e3c47d}.rank-passives{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:699px){.rank-detail>header{grid-template-columns:1fr}.rank-gear-grid,.rank-build-grid{grid-template-columns:1fr 1fr}.rank-stat-strip{grid-template-columns:1fr}.rank-filter-groups{display:block}}
.patch-tag{display:inline-block;margin-right:4px;font-weight:900}.patch-new{color:#67e8f9}.patch-up{color:#7ee787}.patch-balance{color:#f6d365}.patch-fix{color:#79b8ff}.patch-down{color:#ff7b72}
.ranking-board-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.ranking-board-tabs button.active{background:#204747!important;border-color:#77c9b5!important;color:#dcfff5!important}.rank-season-select{display:grid!important;grid-template-columns:auto minmax(150px,260px) 1fr;align-items:center;gap:9px;margin:0 0 10px}.rank-season-select small{color:#9fb7c8}#live-dialog .ranking-table{overflow:hidden}#live-dialog .ranking-row{grid-template-columns:62px 70px minmax(120px,1fr) 76px 110px 112px;gap:10px;min-width:0;min-height:56px;padding:9px 12px;white-space:nowrap}#live-dialog .ranking-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis}#live-dialog .ranking-row>em{font-style:normal;font-weight:800;color:#e5ba87}#live-dialog .ranking-row>em[data-class=gladiator]{color:#93c8d7}#live-dialog .ranking-row>em[data-class=cleric]{color:#e7d79f}#live-dialog .ranking-row>em[data-class=ranger]{color:#69dfc2}#live-dialog .ranking-row>span:nth-last-child(2),#live-dialog .ranking-row>strong{text-align:right}#live-dialog .ranking-head>span{text-align:left!important}#live-dialog .ranking-head>span:nth-last-child(-n+2){text-align:right!important}@media(max-width:699px){.rank-season-select{grid-template-columns:auto 1fr}.rank-season-select small{grid-column:1/-1}#live-dialog .ranking-row{grid-template-columns:31px 43px minmax(62px,1fr) 38px 53px 68px;gap:4px;width:100%;min-width:0;min-height:42px;padding:6px 5px;font-size:10px;line-height:1.25}#live-dialog .ranking-head{font-size:9px}#live-dialog .ranking-row .rank-emblem{transform:scale(.75);transform-origin:left center}#live-dialog .ranking-row>strong{font-size:9px}.ranking-board-tabs{position:sticky;top:0;z-index:2;background:#101c2c;padding-bottom:5px}}