/* 1.9.475: source artwork with live invitation data. */
.web-invite-page{--ir-unit:.133333333vw;max-width:430px;margin:auto;width:100%}.web-invite-page *{box-sizing:border-box}.web-invite-page button{font-family:inherit;cursor:pointer}.web-invite-page .ir-nav{box-sizing:content-box}.web-invite-page h1{margin:0;font-size:inherit;font-weight:inherit}.web-invite-page .ir-hero-art{object-fit:fill}.web-invite-page .ir-steps{max-width:none}.web-invite-page p{margin:0}.web-invite-page .ir-share:disabled{cursor:default}
/* Shared paper invitation skin. Editable values are never baked into illustration assets. */
.ir-page{min-height:100vh;box-sizing:border-box;padding-bottom:calc(32 * var(--ir-unit));color:#342521;background:#fff5e5 url("/web/assets/invite-rewards/paper-texture.webp") repeat;background-size:calc(750 * var(--ir-unit)) auto;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.ir-nav{position:relative;height:calc(70 * var(--ir-unit));box-sizing:content-box;display:flex;align-items:center;justify-content:center;color:#4d2618;font-size:calc(31 * var(--ir-unit));font-weight:600}
.ir-back{position:absolute;left:calc(20 * var(--ir-unit));bottom:calc(-8 * var(--ir-unit));width:calc(70 * var(--ir-unit));height:calc(88 * var(--ir-unit));display:flex;align-items:center;justify-content:flex-start;background:transparent;border:0;padding:0}
.ir-back image,.ir-back img{display:block;width:calc(36 * var(--ir-unit));height:calc(36 * var(--ir-unit))}
.ir-hero{position:relative;width:100%;height:calc(621 * var(--ir-unit))}
.ir-hero-art{display:block;width:100%;height:100%}
.ir-ticket{position:absolute;left:35.5%;top:65.7%;width:27.5%;height:28.9%;box-sizing:border-box;padding:0 calc(2 * var(--ir-unit));background:#ffebbd url("/web/assets/invite-rewards/ticket-paper.webp") center/100% 100%;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#211c16;text-align:center}
.ir-ticket-value{display:flex;align-items:baseline;justify-content:center;height:calc(89 * var(--ir-unit));font-family:Arial,sans-serif;font-size:calc(88 * var(--ir-unit));line-height:1;font-weight:800;color:#ed521f;white-space:nowrap;letter-spacing:calc(-3 * var(--ir-unit))}
.ir-ticket-unit{font-size:calc(53 * var(--ir-unit));letter-spacing:0;margin-left:calc(4 * var(--ir-unit))}
.ir-ticket-value.ir-ticket-closed{font-family:inherit;font-size:calc(43 * var(--ir-unit));height:calc(75 * var(--ir-unit));line-height:calc(75 * var(--ir-unit));letter-spacing:0}
.ir-ticket-label{display:block;font-size:calc(25 * var(--ir-unit));line-height:calc(34 * var(--ir-unit));white-space:nowrap;font-weight:600;padding-top:calc(1 * var(--ir-unit))}
.ir-ticket-period{display:block;width:100%;margin-top:calc(7 * var(--ir-unit));padding-top:calc(9 * var(--ir-unit));border-top:calc(1 * var(--ir-unit)) dashed #6f614e;font-size:calc(23 * var(--ir-unit));line-height:calc(30 * var(--ir-unit));white-space:nowrap}
.ir-content{padding:0 calc(26 * var(--ir-unit))}
.ir-share{margin:0;width:100%;height:calc(87 * var(--ir-unit));box-sizing:border-box;display:flex;gap:calc(20 * var(--ir-unit));align-items:center;justify-content:center;border:0;border-radius:calc(50 * var(--ir-unit));background:#ff642f;color:#fff;font-size:calc(31 * var(--ir-unit));font-weight:600;line-height:1;box-shadow:none;padding:0 calc(12 * var(--ir-unit))}
.ir-share:after{border:0}.ir-share image,.ir-share img{display:block;width:calc(52 * var(--ir-unit));height:calc(52 * var(--ir-unit))}.ir-share .ir-chevron{width:calc(25 * var(--ir-unit));height:calc(25 * var(--ir-unit));flex:none;margin-left:calc(-8 * var(--ir-unit))}
.ir-share-disabled{background:#dbb28f;font-size:calc(26 * var(--ir-unit))}
.ir-share-hint{display:block;margin:calc(14 * var(--ir-unit)) 0 calc(17 * var(--ir-unit));text-align:center;font-size:calc(19 * var(--ir-unit));line-height:calc(27 * var(--ir-unit));color:#4e4a47}
.ir-stats{position:relative;display:flex;margin:0 calc(-2 * var(--ir-unit));min-height:calc(155 * var(--ir-unit));border-top:calc(1 * var(--ir-unit)) dashed #cbb494;padding:calc(18 * var(--ir-unit)) 0 calc(13 * var(--ir-unit));box-sizing:border-box}
.ir-stat{position:relative;width:47%;box-sizing:border-box;text-align:center;z-index:1}.ir-stat+.ir-stat{width:53%;padding-right:calc(28 * var(--ir-unit))}.ir-stat:first-child:after{content:"";position:absolute;right:0;top:calc(20 * var(--ir-unit));bottom:calc(18 * var(--ir-unit));border-right:calc(1 * var(--ir-unit)) solid #d5cbbb}
.ir-stat-label{display:block;font-size:calc(20 * var(--ir-unit));line-height:calc(27 * var(--ir-unit));color:#444044}
.ir-stat-value{display:block;margin-top:calc(3 * var(--ir-unit));color:#da431b;font-family:Arial,sans-serif;font-size:calc(55 * var(--ir-unit));line-height:calc(65 * var(--ir-unit));font-weight:700;white-space:nowrap}
.ir-currency{font-size:calc(32 * var(--ir-unit));font-weight:500}.ir-stat-sub{display:block;font-size:calc(18 * var(--ir-unit));color:#696261;line-height:calc(27 * var(--ir-unit))}
.ir-friends-doodle{position:absolute;width:calc(165 * var(--ir-unit));height:calc(110 * var(--ir-unit));right:calc(-20 * var(--ir-unit));bottom:calc(-6 * var(--ir-unit));object-fit:contain;z-index:0}
.ir-steps{display:block;width:calc(100% + calc(10 * var(--ir-unit)));height:auto;margin:calc(12 * var(--ir-unit)) calc(-5 * var(--ir-unit)) calc(8 * var(--ir-unit))}
.ir-section{position:relative;margin-top:calc(12 * var(--ir-unit))}.ir-section-heading{display:flex;align-items:center;gap:calc(12 * var(--ir-unit));min-height:calc(53 * var(--ir-unit))}
.ir-paper-title{flex:none;display:flex;align-items:center;justify-content:center;width:calc(174 * var(--ir-unit));height:calc(55 * var(--ir-unit));background:url("/web/assets/invite-rewards/title-paper.webp") center/100% 100% no-repeat;color:#311b10;font-size:calc(29 * var(--ir-unit));line-height:1;font-weight:600;font-family:"STKaiti","KaiTi","Kaiti SC",serif;white-space:nowrap}
.ir-dash{flex:1;border-top:calc(1 * var(--ir-unit)) dashed #bfae97;min-width:calc(16 * var(--ir-unit))}
.ir-rules{position:relative;z-index:1;padding:calc(8 * var(--ir-unit)) calc(6 * var(--ir-unit)) 0;max-width:100%}
.ir-rule{display:block;margin:0;font-size:calc(18.5 * var(--ir-unit));line-height:calc(29 * var(--ir-unit));color:#3f3d49}.ir-rule:nth-child(-n+3){padding-right:calc(115 * var(--ir-unit))}
.ir-gamepad-doodle{position:absolute;right:calc(-19 * var(--ir-unit));top:calc(52 * var(--ir-unit));width:calc(150 * var(--ir-unit));height:calc(142 * var(--ir-unit));object-fit:contain;z-index:0}
.ir-debt{display:block;color:#af641e;font-size:calc(20 * var(--ir-unit));line-height:calc(29 * var(--ir-unit));margin:calc(9 * var(--ir-unit)) calc(4 * var(--ir-unit))}
.ir-records{margin-top:calc(22 * var(--ir-unit))}.ir-view-all{background:transparent;border:0;padding:0;font-size:calc(20 * var(--ir-unit));line-height:calc(35 * var(--ir-unit));color:#77716d;white-space:nowrap}
.ir-record{display:flex;align-items:center;gap:calc(18 * var(--ir-unit));min-height:calc(67 * var(--ir-unit));margin:0 calc(10 * var(--ir-unit));border-bottom:calc(1 * var(--ir-unit)) solid #ded3c4;box-sizing:border-box}.ir-record:last-child{border:0}
.ir-record-avatar{width:calc(52 * var(--ir-unit));height:calc(52 * var(--ir-unit));border-radius:50%;flex:none;object-fit:cover}.ir-record-friend{font-size:calc(24 * var(--ir-unit));color:#33262f;white-space:nowrap;min-width:calc(95 * var(--ir-unit))}.ir-record-date{flex:1;min-width:0;font-size:calc(20 * var(--ir-unit));line-height:calc(27 * var(--ir-unit));color:#69646a}.ir-record-status{display:block;font-size:calc(17 * var(--ir-unit));color:#9c7f65}.ir-record-amount{font-size:calc(29 * var(--ir-unit));font-weight:600;white-space:nowrap;color:#df451d;flex:none}
.ir-empty,.ir-state{color:#8b7660;text-align:center;font-size:calc(24 * var(--ir-unit));line-height:calc(36 * var(--ir-unit));padding:calc(35 * var(--ir-unit)) calc(16 * var(--ir-unit))}.ir-state .ir-share{margin:calc(26 * var(--ir-unit)) auto 0;max-width:calc(500 * var(--ir-unit))}.ir-empty{font-size:calc(21 * var(--ir-unit));padding:calc(22 * var(--ir-unit)) calc(8 * var(--ir-unit))}

/* User requested this smooth gradient, continuous through title and profile. */
.mine.web-mine-page{background:linear-gradient(180deg,#cdd1ff 0,#dfdff5 180px,#f5f5f5 370px,#f5f5f5 100%)!important;padding-top:0!important}
.mine.web-mine-page .mine-page-heading{font-size:24px;font-weight:700;line-height:44px;margin:0;padding:12px 0 14px;color:#26262b}
.mine.web-mine-page .profile{background:transparent!important;margin:0 0 14px!important}
.mine.web-mine-page .profile-avatar{border:0!important;box-shadow:none!important}.mine.web-mine-page .edit-pencil img{width:23px;height:23px}.mine.web-mine-page .edit-pencil{transform:none!important}
.invite-config-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px 0}.invite-config-form label{display:flex;flex-direction:column;gap:9px;font-size:14px}.invite-config-form label[hidden]{display:none}.invite-config-form input,.invite-config-form select{height:42px;padding:0 10px;border:1px solid #dce2ed;border-radius:7px;background:white;color:#25314a}.invite-config-form small,.invite-rules{font-size:12px;color:#748097;line-height:1.7}.invite-config-form button{height:42px;align-self:start}
/* Compact voice capsule, retaining the duration inside the background. */
.home-shell.players .avatar-voice-pill{width:62px!important;min-width:62px!important;max-width:62px!important;box-sizing:border-box!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;justify-content:center!important;gap:3px!important;overflow:hidden!important}.home-shell.players .avatar-voice-pill .voice-duration{flex:none!important;white-space:nowrap!important}

@font-face{font-family:RewardMarker;src:url("/web/assets/invite-rewards/reward-marker.ttf") format("truetype");font-display:swap}.ir-ticket-value{font-family:RewardMarker,Arial,sans-serif;font-size:calc(91 * var(--ir-unit));letter-spacing:calc(-1 * var(--ir-unit))}.ir-ticket-unit{font-size:calc(62 * var(--ir-unit))}.ir-paper-title{color:transparent;background-image:url("/web/assets/invite-rewards/title-rules.webp")}.ir-records .ir-paper-title{background-image:url("/web/assets/invite-rewards/title-records.webp")}.ir-steps{margin-top:0}.ir-rule{font-size:calc(20 * var(--ir-unit));line-height:calc(29 * var(--ir-unit))}

/* Preserve the selected paper button and isolate headings from host styles. */
.web-invite-page h2{margin:0}.ir-content{padding:0 calc(32 * var(--ir-unit))}.ir-share{background:#ff642f url("/web/assets/invite-rewards/share-paper.webp") center/100% 100%}.ir-share-disabled{background:#dbb28f}.ir-record-amount{font-size:calc(32 * var(--ir-unit))}

/* Explicitly scoped dimensions resist older H5 button/image styles. */
@media(min-width:430px){.web-invite-page{--ir-unit:.573333333px}}
.web-invite-page .ir-back{min-width:0!important;max-width:none!important;border-radius:0!important;background:transparent!important;width:calc(70 * var(--ir-unit))!important;height:calc(88 * var(--ir-unit))!important}
.web-invite-page .ir-back img{width:calc(36 * var(--ir-unit))!important;height:calc(36 * var(--ir-unit))!important;object-fit:contain!important}
.web-invite-page .ir-nav h1{font-size:calc(31 * var(--ir-unit))!important;line-height:1.25!important;margin:0!important}
.mine.web-mine-page{--mine-unit:.133333333vw;background:linear-gradient(180deg,#cdd1ff 0,#dfdff5 180px,#f5f5f5 370px,#f5f5f5 100%)!important}
@media(min-width:430px){.mine.web-mine-page{--mine-unit:.573333333px}}
.mine.web-mine-page .edit-pencil{width:calc(74 * var(--mine-unit))!important;height:calc(74 * var(--mine-unit))!important;min-width:0!important;padding:0!important;display:flex;align-items:center;justify-content:center}
.mine.web-mine-page .edit-pencil img{width:calc(42 * var(--mine-unit))!important;height:calc(42 * var(--mine-unit))!important;max-width:none!important;object-fit:contain!important}
.mine.web-mine-page .menu-icon{width:calc(72 * var(--mine-unit))!important;height:calc(72 * var(--mine-unit))!important}
.mine.web-mine-page .menu-icon img{width:calc(44 * var(--mine-unit))!important;height:calc(44 * var(--mine-unit))!important;object-fit:contain!important}
.mine.web-mine-page .menu-icon.coupon img{width:calc(46 * var(--mine-unit))!important;height:calc(38 * var(--mine-unit))!important}
.mine.web-mine-page .mine-list{margin-top:calc(10 * var(--mine-unit))!important}