/* Selected direction 3. Real decoration assets, live HTML state; mobile gets readable rows. */
.friend-section .invite-stage{container-type:inline-size;position:relative;background:#221e17 url('assets/invite-blackgold/invite-scene-678bce48caf0.webp') center/100% 100% no-repeat;padding:17% 5% 5%;color:#fff0c6;isolation:isolate;border:0;border-radius:0;box-shadow:none;max-width:1160px;width:100%;margin:auto;}
.friend-section .interactive-column{gap:0;grid-template-columns:minmax(0,1fr);}
.invite-stage>*{min-width:0;}
.friend-section .invite-title{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap;}
.friend-section #personal-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1.1fr);gap:18px;align-items:center;background:none;border:0;box-shadow:none;padding:0;scroll-margin-top:120px;}
.invite-kicker{font-size:13px;letter-spacing:.06em;color:#efc376;margin:0;}
.invite-identity{padding:14px 12px;display:flex;flex-direction:column;gap:6px;min-width:0;}
.invite-identity strong{font-size:22px;color:#fff2cb;line-height:1.4;overflow-wrap:anywhere;}
.invite-identity span{font-size:14px;color:#e9c47c;}
.invite-identity small{font-size:12px;color:#c2b28f;}
.invite-summary{background:url('assets/invite-blackgold/summary-frame-8abb823b69db.webp') center/100% 100% no-repeat;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#563312;padding:28px 30px;text-align:center;}
.summary-count{display:flex;align-items:baseline;justify-content:center;gap:9px;line-height:1.1;flex-wrap:wrap;}
.summary-count strong{font-size:60px;font-family:CampSerif,serif;color:#653d16;font-weight:900;}
.summary-count span{font-size:19px;font-weight:800;}
.invite-summary p{margin:8px 0 0;font-size:14px;line-height:1.5;}
.invite-summary p b{font-size:17px;}
.invite-share{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;}
.invite-art-button{display:flex;align-items:center;justify-content:center;background:url('assets/invite-blackgold/primary-button-51b4feafbcad.webp') center/100% 100% no-repeat!important;width:100%;border:0!important;border-radius:0!important;color:#57300d!important;font-family:CampSans,sans-serif;font-size:18px;font-weight:900;line-height:1.4;box-shadow:none!important;cursor:pointer;padding:16px 28px;min-height:74px;text-decoration:none;}
.invite-art-button:hover{transform:translateY(-2px);}
.invite-art-button:active{transform:translateY(1px);}
.invite-art-button:focus-visible,.invite-link summary:focus-visible,.invite-stage .rules summary:focus-visible{outline:3px solid #ffe295;outline-offset:3px;}
.invite-link{width:100%;text-align:center;margin:4px 0 0;font-size:13px;color:#dbbc7f;}
.invite-link summary{cursor:pointer;min-height:44px;padding:10px 4px;}
.invite-link input{width:100%;font-size:14px;background:#171712;border:1px solid #88723f;color:#f4dfad;padding:10px;border-radius:5px;margin-top:4px;}
.invite-stage .invite-note{color:#c7b38d;font-size:12px;text-align:center;margin:12px 0 14px;}
.invite-stage #invite-progress{display:none;}
.invite-stage #reward-states{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;list-style:none;margin:0 -1%;padding:0;}
.invite-plaque{position:relative;aspect-ratio:526/712;background:url('assets/invite-blackgold/reward-locked-e1620b1430f9.webp') center/100% 100% no-repeat;min-width:0;margin:0;cursor:default;}
.invite-plaque.unlocked{background-image:url('assets/invite-blackgold/reward-unlocked-99dfa88ec4cb.webp');}
.invite-plaque.next{background-image:url('assets/invite-blackgold/reward-next-a1d08ad8efc9.webp');}
.invite-plaque h3{position:absolute;top:20%;left:16%;width:68%;margin:0;display:flex;align-items:baseline;justify-content:center;gap:4px;text-align:center;white-space:nowrap;color:#fce3a7;font-size:16px;font-weight:800;line-height:1.25;}
.invite-plaque h3 strong{font-size:29px;color:#fff5d9;}
.plaque-icons{position:absolute;top:46.8%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;}
.plaque-icons img{image-rendering:pixelated;max-width:none;object-fit:contain;flex-shrink:0;filter:none;opacity:1;width:calc(var(--native-w)*2);height:calc(var(--native-h)*2);}
.plaque-icons.paired img{width:var(--native-w);height:var(--native-h);}
.plaque-name{position:absolute;top:63%;left:13%;width:74%;text-align:center;line-height:1.3;color:#fff0c4;display:grid;gap:3px;}
.plaque-name strong{display:block;font-size:15px;font-weight:800;overflow-wrap:anywhere;}
.plaque-name small{display:block;font-size:14px;color:#efc774;font-weight:700;}
.plaque-status{position:absolute;left:16%;top:81%;width:68%;height:11%;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:15px;font-weight:800;color:#512d0c;line-height:1.3;cursor:default;}
.status-mark{width:17px;height:17px;max-width:none;flex-shrink:0;}
.invite-plaque.locked .plaque-status{color:#463b2b;}
.invite-plaque.locked h3,.invite-plaque.locked .plaque-name{color:#e6ddd0;}
.invite-plaque.locked .plaque-name small{color:#cec3ac;}
.invite-plaque.next .plaque-status{font-weight:900;color:#743507;}
.invite-stage .invite-rank{display:flex;align-items:center;justify-content:center;gap:20px;margin:12px auto 0;max-width:650px;width:100%;}
.invite-stage .invite-rank .invite-art-button{width:50%;min-height:74px;font-size:18px;padding:16px 24px;}
.invite-stage .invite-art-button.secondary{background-image:url('assets/invite-blackgold/secondary-button-613a5344faae.webp')!important;color:#ffebba!important;}
.invite-stage .rank-status{margin:10px 0 0;font-size:13px;text-align:center;color:#dfc58f;}
.invite-stage .rules{border:0;border-top:1px solid #695231;margin:14px auto 0;padding:8px 0 0;max-width:870px;background:none;color:#dbcaa7;font-size:14px;line-height:1.8;}
.invite-stage .rules summary{color:#f3d490;padding:8px 4px;min-height:44px;cursor:pointer;justify-content:center;}
.invite-stage .rules p{margin:10px 0 0;}
.invite-empty{grid-column:1/-1;min-height:160px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:8px;padding:8px;}
.invite-empty h3{font-size:24px;color:#ffe4a3;margin:0;}
.invite-empty p{margin:0;line-height:1.7;font-size:15px;color:#deccaa;}
.invite-empty .invite-art-button{width:min(280px,100%);margin-top:6px;}
/* Warm outer shell and existing controls: no content, layout or flow changes. */
body{background:#191a16;}
.preview-tools{background:#181a17;color:#d4c6a8;border-color:#504731;}
.preview-tools select{background:#292a22;color:#f8e8c5;border-color:#74623e;}
.site-header{background:#1a1c19;border-color:#8e713d;box-shadow:0 4px 18px #0003;}
.site-header nav a,.site-header nav button{color:#d7cfbc;}
.site-header nav .active{background:#353025;color:#ffe1a0;}
.film-section,.reservation-section,.friend-section,.guild-section{background:#20211b;border-color:#53472e;}
.friend-section{background:#1b1d18;padding-bottom:32px;}
.guild-section{background:#20211b;}
.section-head h2{color:#eed29b;}
.film-heading h1{color:#f5dfb1;}.film-heading .overline{color:#d4b475;}.film-cta>p{color:#c3b99f;}
.campaign-art{border-color:#6d5a36;box-shadow:0 10px 28px #0003;}
.friend-section .art-column{width:min(100%,760px);}
.framed{background:#282820;border-color:#74603b;color:#f1e4c6;box-shadow:none;}
.reservation-card-heading{background:#20231e;}.reservation-card-heading .overline{color:#d4b475;}
.reservation-card-body,.reservation-empty{background:#282820;}
.reservation-status{color:#c7d9ad;}.serial-label{color:#c7b899;}.serial-label strong{color:#edc875;}
.reservation-profile dt{color:#c3b899;}.reservation-profile dd,.reservation-profile div:first-child dd{color:#f5e5bd;}
.reservation-profile{border-color:#5b5038;}
.reservation-entitlements li{background:#303629;color:#d6e2bd;border-color:#596044;}
.reservation-entitlements .not-eligible{background:#2c2c27;color:#c0bba8;border-color:#535047;}
.reservation-empty>p:not(.fine){color:#c8bfa9;}.profile-placeholder{background:#25271f;color:#d5c6a6;border-color:#736244;}
.secondary{background:#2e2e26;color:#f1d7a0;border-color:#8a7348;box-shadow:none;}.secondary:hover{background:#39362a;}
.overline,.guild-section .overline,.fine,.guild-rule{color:#c1b394;}
.guild-top h3,.panel-heading h3,.guild-info strong{color:#f2daaa;}.guild-info span,.next-reward{color:#d0c1a1;}.next-reward b{color:#f4cc75;}
.soft-label,.guild-top .soft-label{color:#e9d3a3;background:#3b3528;border-color:#86704a;}
.milestone{background:#2b2c26;border-color:#5b5749;color:#c9c2b1;}
.milestone.unlocked{background:#3a3527;border-color:#967c47;color:#f1daad;}
.milestone[data-grade='gold'].unlocked{background:#45391e;color:#ffe098;border-color:#b59652;}
.milestone[data-grade='bronze'].unlocked{background:#3f3025;color:#e8c19a;border-color:#927153;}
.directory-tools label span{color:#c7b998;}.directory-tools input,.directory-tools select{background:#1f221c;color:#f2e5c9;border-color:#7b6a4b;}
.guild-card{background:#24271f;border-color:#655b41;}.guild-card.mine{background:#343126;border-color:#a68a4f;}
.guild-card h4,.guild-card .numbers strong{color:#f1d9a8;}.guild-card p,.guild-card .numbers small{color:#c8bea8;}
.guild-card .grade{background:#453c2b;color:#f0d6a0;}.guild-card button{background:#3b3426;color:#f6dfb1;border-color:#9d804d;}.guild-card button:hover{background:#4a3d27;}
.empty-state{background:#25271f;color:#d0c1a1;}
.mobile-action{background:#1c201bf7;border-top-color:#8e713d;}
.toast{background:#23271e;border-color:#a18a57;color:#fff0ca;}
dialog{background:#282820;color:#eee0c1;border-color:#9c824c;}dialog::backdrop{background:#10130de0;}
.dialog-header{background:#20231e;border-color:#b19658;}.close-button{background:#353429;color:#f0dcb3;border-color:#887248;}
.dialog-copy,.dialog-label,.ranking-table th{color:#c6b99c;}.ranking-table th,.ranking-table td{border-color:#63583f;}
.ranking-table .me,.rank-summary{background:#3b3526;}.copy-fallback{background:#20231e;color:#f3e2bb;border-color:#8d774b;}.quiet-link{color:#dfc88e;}
@media(min-width:1100px){
 .friend-section .invite-stage{padding-top:158px;padding-bottom:34px;}
 .invite-plaque h3{font-size:17px;}.plaque-name strong{font-size:16px;}.plaque-name small{font-size:15px;}.plaque-status{font-size:17px;}
}
@media(min-width:1100px) and (max-width:1239px){
 .invite-plaque h3{top:18.5%;font-size:16px;}.invite-plaque h3 strong{font-size:25px;}.plaque-name strong{font-size:15px;}.plaque-name small{font-size:14px;}.plaque-status{font-size:15px;}
}
@media(max-width:1099px){
 .friend-section .invite-stage{background:url('assets/invite-blackgold/invite-title-strip-0d8e59a1df95.webp') center top/100% auto no-repeat,url('assets/invite-blackgold/invite-texture-41d8b0f0593c.webp') center/700px auto repeat;background-color:#221e17;padding:18% 4% 24px;border:1px solid #9f772d;border-radius:10px;}
 .friend-section #personal-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px 16px;}
 .invite-share{grid-column:1/-1;width:min(360px,100%);justify-self:center;}
 .invite-stage #reward-states{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;gap:4px;}
 .invite-plaque{grid-column:span 2;width:100%;max-width:260px;justify-self:center;}.invite-plaque:nth-child(4){grid-column:2/span 2;}.invite-plaque:nth-child(5){grid-column:4/span 2;}
}
@media(max-width:760px){
 .friend-section .invite-stage{padding:19% 16px 20px;}
 .friend-section #personal-panel{grid-template-columns:minmax(0,1fr);gap:10px;scroll-margin-top:95px;}
 .invite-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:4px 6px;align-items:center;}
 .invite-kicker{font-size:12px;}.invite-identity .invite-kicker{grid-column:1;}
 .invite-identity strong{font-size:18px;grid-column:1;}.invite-identity span{font-size:12px;grid-column:2;grid-row:2;}.invite-identity small{grid-column:2;grid-row:1;font-size:11px;}
 .invite-summary{min-height:144px;padding:25px 22px;}.summary-count strong{font-size:44px;}.summary-count span{font-size:17px;}.invite-summary p{font-size:14px;margin-top:5px;}
 .invite-share{width:100%;max-width:none;}.invite-art-button{min-height:66px;font-size:18px;}
 .invite-link{margin:0;}.invite-link summary{min-height:44px;}
 .invite-stage .invite-note{font-size:12px;margin:5px 0 12px;}
 .invite-stage #reward-states{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;margin:0;}
 /* Status rows are normal UI, not drawn substitutes for the illustrated plaques. */
 .invite-stage .invite-plaque{background-image:none;}
 .invite-plaque,.invite-plaque:nth-child(4),.invite-plaque:nth-child(5){grid-column:auto;max-width:none;aspect-ratio:auto;background:none;min-height:102px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 9px;padding:12px 0;border-bottom:1px solid #675535;}
 .invite-plaque.next{background:#3b3020;border:1px solid #c4a058;border-radius:6px;padding:12px 8px;margin:4px -8px;}
 .invite-plaque h3{position:static;width:auto;display:flex;align-items:baseline;justify-content:flex-start;grid-column:2;grid-row:1;font-size:13px;line-height:1.2;gap:3px;}
 .invite-plaque h3 strong{font-size:21px;}
 .plaque-icons{position:static;transform:none;grid-column:1;grid-row:1/3;width:72px;}
 .plaque-name{position:static;width:auto;grid-column:2;grid-row:2;text-align:left;line-height:1.5;gap:1px;}
 .plaque-name strong{font-size:14px;}.plaque-name small{font-size:13px;}
 .plaque-status{position:static;width:auto;height:auto;grid-column:3;grid-row:1/3;color:#e8d3a1;font-size:13px;line-height:1.5;flex-direction:column;gap:4px;white-space:nowrap;}
 .invite-plaque.next .plaque-status{color:#ffe09d;}.invite-plaque.locked .plaque-status{color:#c6bcaa;}
 .status-mark{width:18px;height:18px;filter:brightness(1.9);}
 .invite-stage .invite-rank{gap:8px;margin-top:16px;}.invite-stage .invite-rank .invite-art-button{font-size:15px;padding:12px;min-height:64px;}
 .invite-stage .rank-status{font-size:13px;line-height:1.7;margin-top:8px;}.invite-stage .rules{font-size:14px;margin-top:12px;}
 .invite-empty{min-height:200px;padding:6px;}.invite-empty h3{font-size:22px;}.invite-empty p{font-size:14px;}
}
@media(max-width:360px){
 .friend-section .invite-stage{padding-inline:10px;}.invite-identity strong{font-size:16px;}.invite-identity span{font-size:11px;}
 .invite-summary{padding:20px 16px;}.summary-count strong{font-size:44px;}.summary-count span{font-size:15px;}.invite-summary p{font-size:13px;}
 .invite-plaque,.invite-plaque:nth-child(4),.invite-plaque:nth-child(5){grid-template-columns:68px minmax(0,1fr) auto;gap:2px 6px;}
 .plaque-icons{width:68px;gap:3px;}.plaque-name strong{font-size:13px;}.plaque-status{font-size:12px;}.invite-stage .invite-rank .invite-art-button{font-size:14px;padding-inline:9px;}
}
@media(prefers-reduced-motion:reduce){.invite-art-button:hover,.invite-art-button:active{transform:none;}}