/* Bot A — desktop-only alignment with https://fna.pro (1280/1440). All rules scoped to min-width:901px so mobile (botB) is unaffected. */
@media (min-width:901px){
  /* Footer: official renders a footer only on the home page; full-bleed top line, 26px 0 48px, 12px faint text, brand line only */
  #app:not(:has(section.hero)) > footer{display:none!important}
  #app > footer{width:100%!important;max-width:none!important;margin:0!important;padding:26px max(28px,calc((100% - 1064px)/2)) 48px!important;border-top:1px solid #dfe6e1!important;font-size:12px!important;letter-spacing:normal!important;color:#8a958f!important;line-height:normal!important;display:flex!important;justify-content:space-between;gap:20px}
  #app > footer > span:last-child{display:none!important}
  /* Header controls: official uses Inter (inherit) not Arial */
  header .lang-trigger,header .site-burger{font-family:inherit!important}
}
/* Home tier rows are now real <a href="/passport?tier=X"> like official (markup change in app.js) — keep them looking like the old article rows */
a.tier-row{text-decoration:none;color:inherit}
/* /passport: official purchase card has a read-only amount (output), no editable number input. Hidden (not removed) so existing JS keeps working. */
#officeAmountInput{display:none!important}
/* Anchor targets clear the sticky 67px header like official */
#purchase-form{scroll-margin-top:0}
#subscribe{scroll-margin-top:0!important}
/* ---- Round 2 (desktop only): home body vertical rhythm aligned to official section boxes ---- */
@media (min-width:901px){
  html body #app section.hero{min-height:790px!important;box-sizing:border-box!important}
  html body #app section.total-paid{height:100px!important;box-sizing:border-box!important;padding-top:22px!important;padding-bottom:22px!important}
  html body #app .tiers-section .section-head{height:64px!important;margin-bottom:30px!important}
  html body #app #tiers a.tier-row,html body #app .tiers-section a.tier-row{height:91px!important;min-height:0!important;box-sizing:border-box!important;padding-top:11px!important;padding-bottom:11px!important}
  html body #app #tiers a.tier-row.max-tier,html body #app .tiers-section a.tier-row.max-tier{height:101px!important}
  html body #app .passport-benefits-section{padding-bottom:0!important}
  html body #app .passport-benefits-section .passport-benefits-head{height:64px!important;margin-bottom:30px!important}
  html body #app .passport-benefits-section .rights-grid{margin-bottom:0!important;align-items:stretch!important}
  html body #app .passport-benefits-section .rights-grid > article{height:526px!important;min-height:0!important;box-sizing:border-box!important;padding-top:24px!important;padding-bottom:24px!important;overflow:hidden!important}
  html body #app .stake-explainer{margin-top:32px!important;margin-bottom:22px!important;gap:0!important}
  html body #app .stake-explainer .stake-bullets{height:167px!important;box-sizing:border-box!important;margin-bottom:13px!important}
  html body #app .stake-explainer .stake-summary{height:86px!important;box-sizing:border-box!important;margin-bottom:0!important}
  html body #app .stake-explainer .stake-footnote{font-size:11.5px!important;line-height:14px!important;margin-top:0!important;margin-bottom:0!important}
  html body #app .passport-benefits-section .rights-grid > article p{line-height:1.5!important}
  html body #app .community-links{margin-top:2px!important;margin-bottom:64px!important}
  html body #app .community-links > a{height:64px!important;box-sizing:border-box!important}
  html body #app .passport-benefits-section .rights-grid > article > small{margin-bottom:8px!important}
  html body #app .passport-benefits-section .rights-grid > article > h3{margin-bottom:8px!important}
  html body #app .passport-benefits-section .rights-grid .extra-rate-label{margin-top:10px!important}
  html body #app section.hero .hero-copy{padding-top:0!important}
}
/* ---- Round 3 (desktop only): /passport element-by-element to official (PurchaseForm module) ---- */
@media (min-width:901px){
  html body #app .office-intro{margin-bottom:34px!important}
  html body #app .office-intro .eyebrow{font-size:12px!important;line-height:15px!important;margin-bottom:16px!important}
  html body #app .office-intro h1{line-height:81px!important;margin-bottom:10px!important}
  html body #app .office-intro p:not(.eyebrow){font-size:15px!important;line-height:19px!important;max-width:587px!important}
  html body #app .office-tier-grid .office-tier-card{height:136px!important;box-sizing:border-box!important}
  html body #app .office-panels .amount-panel{padding-top:36px!important}
  html body #app .office-panels .amount-panel .office-kicker{margin-bottom:14px!important}
  html body #app .office-panels .amount-control{height:49px!important}
  html body #app .office-panels .amount-hint{font-size:12px!important;line-height:15px!important;margin:6px 0 0!important}
  html body #app .office-panels .office-summary{margin-top:22px!important}
  html body #app .office-panels .office-summary > .quote-hidden{display:none!important}
  html body #app .office-panels .office-summary > div{height:44px!important;box-sizing:border-box!important}
  html body #app .office-panels .office-claim{margin-top:22px!important;height:52px!important}
  html body #app .office-panels .office-payment-notice{font-size:11.5px!important;line-height:14px!important;margin-top:12px!important}
  html body #app .office-side .referrer-panel{height:175px!important;box-sizing:border-box!important}
  html body #app .office-side .flow-panel{height:160px!important;box-sizing:border-box!important;margin-top:20px!important}
  html body #app .snapshot-quota{margin-top:46px!important;width:auto!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
  html body #app .snapshot-quota-head h2{font-size:36px!important;line-height:52px!important;margin-bottom:8px!important}
  html body #app .snapshot-quota-head > p{font-size:14px!important;line-height:17px!important;max-width:618px!important;margin-bottom:14px!important}
  html body #app .extra-rate-schedule .schedule-footnote{display:none!important}
  html body #app .extra-rate-schedule{height:124px!important;margin-bottom:22px!important}
  html body #app .snapshot-quota-hero{height:223px!important;box-sizing:border-box!important;margin-bottom:14px!important}
  html body #app .allocation-result-grid{gap:14px!important;margin-bottom:17px!important}
  html body #app .allocation-result-card{height:130px!important;box-sizing:border-box!important}
  html body #app .allocation-upgrade-banner{height:70px!important;box-sizing:border-box!important;margin-bottom:12px!important}
  html body #app .allocation-footnote{font-size:11.5px!important;line-height:18.4px!important;margin-top:0!important}
  html body #app .office-tier-grid button.office-tier-card{min-height:0!important;max-height:136px!important}
  html body #app .office-side{gap:0!important;row-gap:0!important}
  html body #app .office-panels{height:464px!important}
  html body #app .extra-rate-schedule{margin-bottom:0!important}
  html body #app .snapshot-quota-head{height:232px!important;margin-bottom:22px!important;overflow:visible!important}
  html body #app .snapshot-quota-hero{height:223px!important;min-height:0!important}
  html body #app .allocation-result-grid{height:130px!important}
  html body #app .allocation-result-grid > .allocation-result-card{min-height:0!important;height:130px!important;padding-top:18px!important;padding-bottom:18px!important}
  html body #app .allocation-upgrade-banner{min-height:0!important;height:70px!important;padding-top:13px!important;padding-bottom:13px!important}
  html body #app .snapshot-quota{gap:0!important;row-gap:0!important}
  html body #app main.passport-office{margin-bottom:0!important}
}
/* ---- Round 3: /rules element-by-element to official (rules-module) ---- */
@media (min-width:901px){
  html body #app .rules-head .rules-kicker{font-size:12px!important;line-height:15px!important;height:15px!important;margin-bottom:16px!important}
  html body #app .rules-head h1{line-height:87px!important}
  html body #app .rules-section h2{line-height:35px!important}
  html body #app .rules-tiers-section > p{font-size:14.5px!important;line-height:24.65px!important;max-width:604px!important;margin-bottom:18px!important;color:rgb(68,78,73)!important}
  html body #app .rules-table{font-size:14px!important}
  html body #app .rules-table th{font-size:11px!important;padding:8px 10px!important;line-height:normal!important;height:30.5px!important;box-sizing:border-box!important}
  html body #app .rules-table td{padding:12px 10px!important;height:58px!important;box-sizing:border-box!important;line-height:normal!important}
  html body #app .rules-table td img{width:30px!important;height:30px!important}
  html body #app .rules-bullet-list{margin:0!important}
  html body #app .rules-bullet-list > li{font-size:14.5px!important;line-height:23.925px!important;padding:12px 0 12px 26px!important;margin:0!important;color:rgb(68,78,73)!important;min-height:0!important}
  html body #app .rules-risk-section .rules-bullet-list > li{font-size:13.5px!important;line-height:22.95px!important;padding:0!important;max-width:596px!important;color:rgb(107,117,111)!important;border:0!important}
  html body #app .rules-risk-section .rules-bullet-list > li::before{display:none!important}
  html body #app .rules-head h1{height:87px!important;margin:0!important}
  html body #app .rules-table-wrap{margin-bottom:0!important}
  html body #app .rules-table{border-collapse:collapse!important;height:495px!important}
  html body #app .rules-table thead tr,html body #app .rules-table th{height:30.5px!important;max-height:30.5px!important}
  html body #app .rules-table tbody tr{height:58px!important}
  html body #app .rules-bullet-list > li::before{width:6px!important;height:6px!important;left:2px!important;top:21px!important;border-radius:1px!important}
}
/* ---- Round 4: home section internals to official computed values (1440/1280) ---- */
@media (min-width:901px){
  html body #app#app#app .total-paid strong{font-size:26px!important;font-weight:600!important;letter-spacing:normal!important}
  html body #app#app#app .tiers-section > p, html body #app#app#app .tiers-section .section-head p{line-height:normal!important;max-width:585px!important}
  html body #app#app#app .tier-list .tier-row .tier-name strong{font-size:21px!important;line-height:normal!important;color:rgb(14,18,16)!important}
  html body #app#app#app .tier-list .tier-row .tier-name small{font-size:12px!important;line-height:normal!important;font-weight:500!important;color:rgb(107,117,111)!important}
  html body #app#app#app .tier-list .tier-row .tier-value strong{font-size:17px!important;line-height:normal!important;font-weight:400!important;color:rgb(14,18,16)!important}
  html body #app#app#app .tier-list .tier-row .tier-bonus{line-height:normal!important;font-weight:800!important;padding:7px 16px!important}
  html body #app#app#app .tier-list .tier-row.max-tier .tier-name strong{color:rgb(234,255,240)!important}
  html body #app#app#app .tier-list .tier-row.max-tier .tier-name strong em{line-height:normal!important;font-weight:400!important;color:rgb(200,246,92)!important;border-radius:999px!important;padding:3px 8px!important;letter-spacing:1.8px!important}
  html body #app#app#app .tier-list .tier-row.max-tier .tier-name small{color:rgb(147,160,139)!important}
  html body #app#app#app .tier-list .tier-row.max-tier .tier-value strong{color:rgb(200,246,92)!important}
  html body #app#app#app .tier-list .tier-row.max-tier .tier-bonus{color:rgb(26,36,5)!important}
  html body #app#app#app .passport-benefits-head h2{line-height:normal!important;color:rgb(14,18,16)!important}
  html body #app#app#app .passport-benefits-head p{font-size:14px!important;line-height:normal!important;color:rgb(107,117,111)!important}
  html body #app#app#app .rights-grid article > small{font-size:13px!important;line-height:normal!important;color:rgb(11,171,102)!important;letter-spacing:normal!important}
  html body #app#app#app .rights-grid article > h3{font-size:15px!important;line-height:normal!important;font-weight:700!important;color:rgb(14,18,16)!important}
  html body #app#app#app .rights-grid article > b{font-size:25px!important;line-height:normal!important;font-weight:600!important;color:rgb(14,18,16)!important;letter-spacing:normal!important}
  html body #app#app#app .rights-grid article:nth-child(2) > b{color:rgb(6,122,73)!important}
  html body #app#app#app .rights-grid article > p{font-size:13px!important;line-height:20.15px!important;color:rgb(107,117,111)!important}
  html body #app#app#app .rights-grid .extra-rate-list{font-size:inherit!important;line-height:inherit!important}
  html body #app#app#app .rights-grid .extra-rate-item span{font-size:12.5px!important;line-height:normal!important;font-weight:600!important;color:rgb(68,78,73)!important}
  html body #app#app#app .rights-grid .extra-rate-item strong{font-size:17px!important;line-height:18.7px!important;font-weight:700!important;color:rgb(14,18,16)!important}
  html body #app#app#app .rights-grid .extra-rate-item:last-child strong{color:rgb(6,122,73)!important}
  html body #app#app#app .rights-grid .extra-rate-item b{line-height:normal!important;font-weight:600!important;color:rgb(107,117,111)!important}
  html body #app#app#app .rights-grid .extra-rate-footnote{font-size:12.5px!important;line-height:normal!important;font-weight:600!important;color:rgb(6,122,73)!important}
  html body #app#app#app .stake-bullets h3{line-height:normal!important;font-weight:700!important;letter-spacing:normal!important;color:rgb(14,18,16)!important}
  html body #app#app#app .stake-bullets li{font-size:13.5px!important;line-height:21.6px!important;padding:0 0 0 18px!important;color:rgb(68,78,73)!important}
  html body #app#app#app .stake-section strong{line-height:normal!important;font-weight:700!important}
  html body #app#app#app .stake-section .stake-explainer span{font-size:13px!important;line-height:normal!important}
  html body #app#app#app .stake-footnote{line-height:normal!important;color:rgb(138,149,143)!important}
  html body #app#app#app .how-left h2{line-height:normal!important;color:rgb(14,18,16)!important}
  html body #app#app#app .steps article > b{font-size:13px!important;line-height:normal!important;padding:0!important;width:52px!important;color:rgb(11,171,102)!important}
  html body #app#app#app .steps article h3{font-size:16.5px!important;line-height:normal!important;color:rgb(14,18,16)!important}
  html body #app#app#app .steps article p{font-size:13.5px!important;line-height:20.925px!important;color:rgb(107,117,111)!important}
  html body #app#app#app .how-claim > p{font-size:13.5px!important;line-height:22.95px!important;color:rgb(169,197,179)!important}
  html body #app#app#app .how-claim .how-claim-button{font-size:15.5px!important;line-height:normal!important;font-weight:800!important;padding:15px!important;height:49px!important;box-sizing:border-box!important}
  html body #app#app#app .how-claim > small{font-size:11.5px!important;line-height:normal!important;color:rgb(127,150,137)!important}
  html body #app#app#app .tier-list .tier-row.tier-1 .tier-bonus{color:rgb(92,104,107)!important}
  html body #app#app#app .tier-list .tier-row.tier-2 .tier-bonus{color:rgb(74,134,71)!important}
  html body #app#app#app .tier-list .tier-row.tier-3 .tier-bonus{color:rgb(49,130,75)!important}
  html body #app#app#app .tier-list .tier-row.tier-4 .tier-bonus{color:rgb(34,126,84)!important}
  html body #app#app#app .tier-list .tier-row.tier-5 .tier-bonus{color:rgb(25,119,94)!important}
  html body #app#app#app .tier-list .tier-row.tier-6 .tier-bonus{color:rgb(20,112,104)!important}
  html body #app#app#app .tier-list .tier-row.tier-7 .tier-bonus{color:rgb(16,101,116)!important}
  html body #app#app#app .rights-grid .extra-rate-item:nth-child(3) strong{color:rgb(6,122,73)!important}
  html body #app#app#app .stake-section .stake-explainer span{color:rgb(186,247,205)!important}
  html body #app#app#app .how-claim .how-claim-button{color:rgb(8,20,13)!important}
  html body #app#app#app .hero .claim, html body #app#app#app a.claim{line-height:normal!important}
}

/* Bot A r5: home tier rows (official grid 76/1fr/318/150, padding 18/10, inline serif name, mono value) + Telegram community buttons */
@media (min-width:901px){
  html body #app#app#app .tier-list a.tier-row{grid-template-columns:76px minmax(0,1fr) 318px 150px!important;padding:18px 10px!important}
  html body #app#app#app .tier-list .tier-row .tier-medal{width:54px!important;height:54px!important}
  html body #app#app#app .tier-list .tier-row .tier-medal img{width:54px!important;height:54px!important}
  html body #app#app#app .tier-list .tier-row .tier-name{display:block!important;line-height:30px!important}
  html body #app#app#app .tier-list .tier-row .tier-name strong{display:inline!important;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif!important}
  html body #app#app#app .tier-list .tier-row .tier-name small{display:block!important}
  html body #app#app#app .tier-list .tier-row .tier-value{display:block!important;text-align:right!important;font-family:"IBM Plex Mono","SFMono-Regular",Consolas,monospace!important;font-size:17px!important}
  html body #app#app#app .tier-list .tier-row .tier-value strong{display:inline!important;font-family:inherit!important}
  html body #app#app#app .tier-list .tier-row .tier-value small{display:block!important;font-family:inherit!important;font-size:11px!important;line-height:normal!important}
  html body #app#app#app .tier-list .tier-row .tier-bonus{justify-self:end!important}
  html body #app#app#app .community-links{width:960px!important;max-width:calc(100% - 56px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  html body #app#app#app .community-links > a{height:64px!important;padding:14px 22px!important;border-radius:14px!important;gap:16px!important;justify-content:flex-start!important;font-size:16px!important;line-height:21.6px!important;font-weight:700!important;background:rgb(39,160,220)!important;border:1px solid rgba(0,0,0,.04)!important;box-shadow:rgba(39,160,220,.18) 0 10px 24px 0!important}
  html body #app#app#app .community-links > a .tg-plane{width:26px!important;height:26px!important;flex:0 0 26px!important;display:block!important}
  html body #app#app#app .community-links > a .tg-label{flex:1 1 auto!important;min-width:0!important;display:block!important}
  html body #app#app#app section.how-section{padding-bottom:41px!important}
  html body #app#app#app .community-links{margin-top:0!important}
  html body #app#app#app .community-links > a .tg-ext{width:20px!important;height:20px!important;flex:0 0 20px!important;display:block!important}
}

/* Bot A r5: /passport snapshot spacing (official head→hero 22, hero→cards 14) */
@media (min-width:901px){
  html body #app#app#app .snapshot-quota .snapshot-quota-hero{margin-top:22px!important}
  html body #app#app#app .snapshot-quota .allocation-result-grid{margin-top:14px!important}
}

/* Bot A r5: /rules head 118 / tier section 699 (official) */
@media (min-width:901px){
  html body #app#app#app .rules-head{height:118px!important;box-sizing:border-box!important}
  html body #app#app#app .rules-tiers-section .rules-table-wrap{margin-top:0!important}
}

/* Bot A r5: /invite page min-height = official main 836 (page 903) */
@media (min-width:901px){
  html body #app#app#app main.f16-invite-page{min-height:836px!important}
}
/* desktop-6 (A): section heads and rights cards grow with wrapped translations (official: secHead/rightsCard height auto) */
@media (min-width:901px){
  html body #app#app .tiers-section .section-head{height:auto!important;min-height:64px!important}
  html body #app#app#app .tiers-section .section-head p{max-width:none!important}
  html body #app#app .passport-benefits-section .passport-benefits-head{height:auto!important;min-height:64px!important}
  html body #app#app .passport-benefits-section .rights-grid > article{height:auto!important;min-height:0!important;padding:24px 26px 20px!important}
  html[lang="en"] body #app#app .passport-benefits-section .rights-grid > article{min-height:526px!important}
  /* desktop-6 (A): tier pill content-sized like official rowBonus */
  html body #app#app#app .tier-list .tier-row .tier-bonus{min-width:0!important}
  /* desktop-6 (A): countdown + deadline geometry per official .countdown */
  html body #app#app#app .hero .countdown{margin-top:26px!important;width:420px!important;max-width:420px!important;padding:16px 18px!important;box-sizing:border-box!important}
  html body #app#app#app .hero .countdown strong{font-size:24px!important;line-height:26.4px!important}
  html body #app#app#app .hero .countdown .clock small{font-size:10px!important;line-height:12px!important;margin-top:2px!important;text-transform:uppercase!important;font-weight:700!important;letter-spacing:1px!important}
  html body #app#app#app .hero .hero-actions{margin-top:34px!important}
  /* desktop-6 (A): /passport extra-rate schedule + current-allocation card per official SnapshotQuota/ExtraMatchSchedule */
  html body #app#app#app section.snapshot-quota .snapshot-quota-head{height:auto!important;border-bottom:0!important;background:transparent!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-head > p{color:rgb(107,117,111)!important;line-height:normal!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule{height:auto!important;margin-bottom:0!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-label{font-size:11.5px!important;line-height:normal!important;font-weight:700!important;letter-spacing:1.38px!important;text-transform:uppercase!important;color:rgb(107,117,111)!important;margin:0 0 8px!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-item{display:flex!important;flex-direction:column!important;gap:6px!important;height:auto!important;min-height:0!important;padding:12px 14px!important;border:1px solid rgb(201,212,205)!important;border-radius:12px!important;background:rgb(255,255,255)!important;box-shadow:none!important;color:rgb(14,18,16)!important;opacity:1!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-item.ended{opacity:.55!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-item.current{background:rgb(227,251,233)!important;border:1px solid rgb(11,171,102)!important;box-shadow:inset 0 0 0 1px rgb(11,171,102)!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-date{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;color:rgb(68,78,73)!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-date span{font-size:12.5px!important;line-height:normal!important;font-weight:600!important;color:rgb(68,78,73)!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-date b{font-size:10.5px!important;line-height:normal!important;font-weight:800!important;letter-spacing:.63px!important;text-transform:uppercase!important;padding:2px 7px!important;border-radius:999px!important;border:1px solid rgb(201,212,205)!important;background:transparent!important;color:rgb(107,117,111)!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-item.current .schedule-date b{border:0!important;background:rgb(11,171,102)!important;color:rgb(255,255,255)!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-values{display:flex!important;margin:0!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-values strong{font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:22px!important;line-height:24.2px!important;font-weight:700!important;color:rgb(14,18,16)!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-item.current .schedule-values strong{color:rgb(6,122,73)!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-values small{display:none!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-footnote{display:block!important;margin:8px 0 0!important;font-size:11.5px!important;line-height:18.4px!important;font-weight:400!important;color:rgb(138,149,143)!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-hero{background:linear-gradient(168deg,rgb(23,28,24),rgb(10,13,11) 70%)!important;border:0!important;border-radius:16px!important;padding:26px 28px 24px!important;height:auto!important;min-height:0!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-top{height:auto!important;min-height:0!important;align-items:flex-start!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-main .office-kicker{font-size:11.5px!important;line-height:normal!important;font-weight:700!important;letter-spacing:1.61px!important;text-transform:uppercase!important;color:rgb(186,247,205)!important;margin:0!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-amount{display:flex!important;align-items:baseline!important;margin:10px 0 0!important;font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:44px!important;line-height:48.4px!important;font-weight:600!important;color:rgb(255,255,255)!important;height:auto!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-amount span{font:inherit!important;line-height:48.4px!important;color:inherit!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-amount small{margin:0 0 0 8px!important;font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:13px!important;line-height:14.3px!important;font-weight:600!important;color:rgb(186,247,205)!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-note{margin:10px 0 0!important;font-size:13px!important;line-height:20.8px!important;color:rgb(169,197,179)!important;max-width:none!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-shield{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:rgba(132,242,125,.12)!important;border:1px solid rgba(132,242,125,.35)!important;color:rgb(132,242,125)!important;box-shadow:none!important;margin:0!important;padding:0!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-shield svg{width:26px!important;height:26px!important;stroke:currentColor!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-status{margin:20px 0 8px!important;font-size:12px!important;line-height:normal!important;font-weight:600!important;color:rgb(186,247,205)!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-status span,html body #app#app#app section.snapshot-quota .snapshot-quota-status strong{font-size:12px!important;line-height:normal!important;font-weight:600!important;color:rgb(186,247,205)!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-status strong{font-family:"IBM Plex Mono",ui-monospace,monospace!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-progress{position:relative!important;display:block!important;height:6px!important;margin:0!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;overflow:hidden!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-progress > i.snapshot-quota-preview{position:absolute!important;left:0!important;top:0!important;display:block!important;height:6px!important;border-radius:999px!important;background:rgba(132,242,125,.35)!important;transition:width .35s!important}
  html body #app#app#app section.snapshot-quota .snapshot-quota-progress > span#cumulativeProgress{position:absolute!important;left:0!important;top:0!important;display:block!important;height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,rgb(132,242,125),rgb(65,236,191))!important;transition:width .35s!important}
}

/* Round 7 — language dropdown: match official fna.pro computed values (menu 190w/6px pad/12r, rows 38h/0 10px/gap 10/14px 600, flag 20x15 r3, check 15x15 svg, no hover/selected fill). Desktop only. */
@media (min-width:901px){
  html body #app .lang-shell .lang-menu{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;z-index:50!important;width:190px!important;min-width:0!important;max-width:none!important;max-height:min(70vh,460px)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:6px!important;margin:0!important;background:#fff!important;border:1px solid #dfe6e1!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important}
  html[dir="rtl"] body #app .lang-shell .lang-menu{right:0!important;left:auto!important}
  html body #app .lang-shell .lang-menu .lang-option{display:flex!important;align-items:center!important;grid-template-columns:none!important;gap:10px!important;width:100%!important;height:38px!important;min-height:0!important;padding:0 10px!important;margin:0!important;box-sizing:border-box!important;border:none!important;border-radius:8px!important;background:transparent!important;color:#1f2937!important;font-family:Inter,"Inter Fallback","Noto Sans JP","Noto Sans JP Fallback",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:normal!important;letter-spacing:normal!important;text-align:start!important;cursor:pointer!important;box-shadow:none!important}
  html body #app .lang-shell .lang-menu .lang-option:hover,html body #app .lang-shell .lang-menu .lang-option.current{background:transparent!important;color:#1f2937!important}
  html body #app .lang-shell .lang-menu .lang-option > span:not(.lang-check){flex:1 1 0%!important;min-width:0!important;text-align:start!important;font:inherit!important;color:inherit!important}
  html body #app .lang-shell .lang-menu .lang-option .lang-flag{display:block!important;flex:none!important;width:20px!important;height:15px!important;min-width:20px!important;max-width:20px!important;margin:0!important;border:0!important;border-radius:3px!important;box-shadow:0 0 0 1px rgba(15,23,42,.08)!important;object-fit:cover!important}
  html body #app .lang-shell .lang-menu .lang-option:not(.current) .lang-check{display:none!important}
  html body #app .lang-shell .lang-menu .lang-option.current .lang-check{display:block!important;flex:none!important;width:15px!important;height:15px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;color:#0bab66!important;background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/15px 15px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/15px 15px no-repeat!important}
}

/* Round 8 — per-language home/passport alignment with official fna.pro (natural heights instead of en-only fixed boxes). Desktop only. */
@media (min-width:901px){
  html body{font-family:Inter,"Inter Fallback","Noto Sans JP","Noto Sans JP Fallback",system-ui,-apple-system,"Segoe UI",sans-serif}
  /* hero: official .heroGrid = grid 7fr 5fr, gap 56, padding 76/72, align-items center; height follows content */
  html body #app#app#app section.hero{min-height:0!important;grid-template-columns:7fr 5fr!important;align-items:center!important}
  html body #app#app#app section.hero .hero-copy{max-width:none!important;min-width:auto!important}
  html body #app#app#app section.hero .hero-visual{min-width:330.47px!important}
  /* hero countdown units: official li = grid gap 2, padding 10px 6px; b.ifp-num IBM Plex Mono 24/26.4 600; label 10px/normal 700 ls 1px */
  html body #app#app#app section.hero .countdown .clock>div{display:grid!important;gap:2px!important;justify-items:center}
  html body #app#app#app section.hero .countdown .clock strong{font-family:"IBM Plex Mono","IBM Plex Mono Fallback",ui-monospace,monospace!important;font-weight:600!important}
  html body #app#app#app section.hero .countdown .clock small{line-height:normal!important;margin-top:0!important}
  /* rights cards: official .rightsCard padding 24px 26px; num <i> inline (13px/800 IBM Plex Mono); span 15/700 mt10; strong IBM Plex Mono 25/600 mt8; p 13/20.15 mt8; natural height per language */
  html body #app#app#app .passport-benefits-section .rights-grid>article{font-size:16px!important;line-height:normal!important;padding:24px 26px!important}
  html body #app#app#app .passport-benefits-section .rights-grid>article>small{display:inline!important;margin:0!important;font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-weight:800!important}
  html body #app#app#app .passport-benefits-section .rights-grid>article>h3{margin:10px 0 0!important}
  html body #app#app#app .passport-benefits-section .rights-grid>article>b{margin:8px 0 0!important;font-family:"IBM Plex Mono",ui-monospace,monospace!important;text-wrap:balance}
  html body #app#app#app .passport-benefits-section .rights-grid>article>p{margin:8px 0 0!important}
  /* card 3 schedule: official .wrap mt14, caption 11.5/700 ls1.38 mb8, list gap 6, li padding 9px 12px (60px rows), em 12.5/600 mt8 */
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-label{margin:14px 0 8px!important;font-size:11.5px!important;line-height:normal!important;font-weight:700!important;letter-spacing:1.38px!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-list{margin:0!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item,html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item.active{padding:9px 12px!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item{border:1px solid rgb(201,212,205)!important;background:#fff!important;color:rgb(14,18,16)!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item.active{border:1px solid rgb(11,171,102)!important;box-shadow:inset 0 0 0 1px rgb(11,171,102)!important;background:rgb(227,251,233)!important}
  /* official li = flex [period: date + 6px + pill][value: % + 4px + amount, centred]; height follows the period column per language */
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item{position:relative!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item>div{display:block!important;margin:0!important;padding-inline-end:calc(50% + 5px)!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item>div>span{display:block!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item>div>small{display:block!important;width:fit-content!important;margin:6px 0 0!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item>div>strong,html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item>div>b{position:absolute!important;inset-inline-end:12px!important;top:calc(50% - 18.85px)!important;text-align:end!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item>div>b{top:calc(50% + 3.85px)!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item small{font-size:10.5px!important;line-height:normal!important;font-weight:800!important;letter-spacing:.63px!important;padding:2px 7px!important;border:1px solid rgb(201,212,205)!important;color:rgb(107,117,111)!important;background:transparent!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item.active small{border:0!important;background:rgb(11,171,102)!important;color:#fff!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item b{font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:12px!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item strong{font-family:"IBM Plex Mono",ui-monospace,monospace!important}
  html body #app#app#app .passport-benefits-section .rights-grid .extra-rate-footnote{margin-top:2px!important}
  /* stake panel/banner: official .stakePanel ul = grid gap 8, .stakeBanner = block, p margin-top 6; heights follow content */
  html body #app#app#app .stake-explainer .stake-bullets{height:auto!important;padding:22px 26px!important}
  html body #app#app#app .stake-explainer .stake-bullets ul{display:grid!important;gap:8px!important;margin:0!important;padding:0!important}
  html body #app#app#app .stake-explainer .stake-summary{height:auto!important;padding:22px 26px!important;display:block!important;text-align:center!important}
  html body #app#app#app .stake-explainer .stake-summary>strong,html body #app#app#app .stake-explainer .stake-summary>span{display:block!important;margin:0!important}
  html body #app#app#app .stake-explainer .stake-summary>span{margin-top:6px!important}
}
/* Round 8b — how/buy section: official buy{padding:30px 0 90px} buyGrid{padding-top:30px;1.1fr .9fr;gap:64px} step{padding:20px 0;52px 1fr;gap 14px;border-bottom}. Desktop only. */
@media (min-width:901px){
  html body #app#app#app section.how-section{padding-top:59px!important;padding-bottom:90px!important}
  html body #app#app#app section.how-section .how-grid{grid-template-columns:1.1fr .9fr!important;gap:64px!important}
  html body #app#app#app .how-left h2{margin:0 0 30px!important}
  html body #app#app#app .how-left .steps{border-top:1px solid rgb(201,212,205)!important}
  html body #app#app#app .how-left .steps article{grid-template-columns:52px minmax(0,1fr)!important;gap:0 14px!important;padding:20px 0!important;border-top:0!important;border-bottom:1px solid rgb(223,230,225)!important}
  html body #app#app#app .how-left .steps article:last-child{border-bottom:1px solid rgb(223,230,225)!important}
  html body #app#app#app .how-left .steps article>b{grid-row:1!important;grid-column:1!important}
  html body #app#app#app .how-left .steps h3{margin:0 0 4px!important}
  html body #app#app#app .how-claim{padding:30px!important;align-self:start!important}
  html body #app#app#app .how-claim>p{margin:0!important}
  html body #app#app#app .how-claim .how-claim-button{margin-top:18px!important}
  html body #app#app#app .how-claim>small{margin-top:12px!important}
}
/* Round 8c — rights section rhythm: official section{padding:78px 0 30px;no border} stakePanel/banner{margin-top:14px} rightsFine{margin-top:12px}. Desktop only. */
@media (min-width:901px){
  html body #app#app#app section.passport-benefits-section{padding-top:77px!important}
  html body #app#app#app .stake-explainer{margin-top:0!important;margin-bottom:30px!important}
  html body #app#app#app .stake-explainer .stake-bullets{margin-top:14px!important;margin-bottom:0!important}
  html body #app#app#app .stake-explainer .stake-footnote{margin-top:12px!important}
  html[lang="en"] body #app#app#app .passport-benefits-section .rights-grid>article{min-height:0!important}
  html body #app#app#app .passport-benefits-section .rights-grid>article>p{line-height:1.55!important}
}
/* Round 8d — tiers head: official secHead sits in the 28px-padded wrap (x188 w1064) with gap 20px; long p squeezes the h2 (it: 2 lines, 128px). Desktop only. */
@media (min-width:901px){
  html body #app#app#app .tiers-section .section-head{margin-left:28px!important;margin-right:28px!important;gap:20px!important;width:auto!important;max-width:none!important}
}
/* Round 8e — uk: official first extra-rate row is content-sized flex (period 148.5px + 12px gap), so the long amount wraps to 2 lines (item 72.7px, value 106.8px wide, period centred). Same at 1440/1280 (grid width is fixed 1064). Desktop only. */
@media (min-width:901px){
  html[lang="uk"] body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item:first-child{padding-top:15.35px!important;padding-bottom:15.35px!important}
  html[lang="uk"] body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item:first-child>div>strong{top:9px!important}
  html[lang="uk"] body #app#app#app .passport-benefits-section .rights-grid .extra-rate-item:first-child>div>b{top:31.69px!important;width:calc(100% - 182.5px)!important;white-space:normal!important;line-height:15px!important}
}
/* Round 8f — /passport natural metrics (official PurchaseForm / SnapshotQuota modules) instead of en-tuned fixed heights, so ja (and other scripts) grow like official. Desktop only. */
@media (min-width:901px){
  html body #app#app#app .office-intro p:not(.eyebrow){line-height:normal!important}
  html body #app#app#app .office-tier-grid .office-tier-card{font-family:inherit!important}
  html body #app#app#app .office-tier-grid .office-tier-card>img{width:40px!important;height:40px!important}
  html body #app#app#app .office-tier-grid .office-tier-card>strong{font:700 13px/normal Inter,"Inter Fallback","Noto Sans JP","Noto Sans JP Fallback",system-ui,-apple-system,"Segoe UI",sans-serif!important}
  html body #app#app#app .office-tier-grid .office-tier-card>span{font-size:12px!important;line-height:normal!important;font-weight:400!important}
  html body #app#app#app .office-tier-grid .office-tier-card>b{font:800 12px/normal Inter,"Inter Fallback","Noto Sans JP","Noto Sans JP Fallback",system-ui,-apple-system,"Segoe UI",sans-serif!important}
  html body #app#app#app .office-panels{height:auto!important;align-items:start!important}
  html body #app#app#app .office-panels .amount-panel{display:block!important;padding:30px!important;height:auto!important}
  html body #app#app#app .office-panels .amount-panel>.office-kicker{display:inline!important;font-size:11.5px!important;line-height:normal!important;font-weight:700!important;letter-spacing:1.61px!important;text-transform:uppercase!important;margin:0!important}
  html body #app#app#app .office-panels .amount-control{margin:14px 0 6px!important;column-gap:14px!important}
  html body #app#app#app .office-panels .amount-hint{line-height:normal!important;margin:0 0 8px!important}
  html body #app#app#app .office-panels .office-summary{margin:22px 0!important}
  html body #app#app#app .office-panels .office-summary>div{height:auto!important;font-size:14.5px!important;line-height:normal!important;padding:11px 2px!important;gap:12px!important}
  html body #app#app#app .office-panels .office-summary>div>span{font-size:14.5px!important;line-height:normal!important}
  html body #app#app#app .office-panels .office-summary>div>strong{font:600 15px/normal "IBM Plex Mono",ui-monospace,monospace!important}
  html body #app#app#app .office-panels .office-summary>div:first-child>strong{font-family:inherit!important;gap:9px!important}
  html body #app#app#app .office-panels .office-claim{margin:0!important;height:auto!important;padding:16px!important;font-family:inherit!important;font-size:16px!important;line-height:normal!important;font-weight:800!important;box-sizing:border-box!important}
  html body #app#app#app .office-panels .office-payment-notice{line-height:normal!important;margin:12px 0 0!important}
  html body #app#app#app .allocation-result-grid{height:auto!important;margin-bottom:0!important}
  html body #app#app#app .allocation-result-grid>.allocation-result-card{height:auto!important;padding:20px 22px!important;border-radius:14px!important}
  html body #app#app#app .allocation-result-card>.office-kicker{display:block!important;font-size:11.5px!important;line-height:normal!important;font-weight:700!important;letter-spacing:1.61px!important;text-transform:uppercase!important;margin:0!important}
  html body #app#app#app .allocation-result-card>strong{display:block!important;margin:8px 0 0!important;font:600 30px/34.5px "IBM Plex Mono",ui-monospace,monospace!important}
  html body #app#app#app .allocation-result-card>strong>span{display:inline!important;font:inherit!important}
  html body #app#app#app .allocation-result-card>strong>small{display:inline!important;margin-left:8px!important;font:600 13px/14.95px "IBM Plex Mono",ui-monospace,monospace!important}
  html body #app#app#app .allocation-result-card>span{display:flex!important;align-items:center!important;gap:7px!important;margin:9px 0 0!important;font-size:12.5px!important;line-height:normal!important;font-weight:600!important}
  html body #app#app#app .allocation-result-card>span>img{width:22px!important;height:22px!important}
  html body #app#app#app .allocation-result-card>span>b{font-weight:inherit!important;font-size:inherit!important}
  html body #app#app#app .allocation-upgrade-banner{height:auto!important;margin:18px 0 0!important;padding:16px 20px!important;border-radius:12px!important;gap:18px!important}
  html body #app#app#app .allocation-upgrade-banner>div>strong{font-size:14.5px!important;line-height:normal!important}
  html body #app#app#app .allocation-upgrade-banner>div>p{font-size:12px!important;line-height:normal!important;margin:4px 0 0!important}
  html body #app#app#app .allocation-upgrade-banner>button{font-family:inherit!important;font-size:13.5px!important;line-height:normal!important;font-weight:700!important;padding:11px 18px!important;border-radius:9px!important;height:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
  html body #app#app#app .snapshot-quota .allocation-footnote{margin-top:12px!important}
  html body #app#app#app .allocation-upgrade-banner>button{min-height:0!important}
  html body #app#app#app .office-panels .office-summary>div:first-child>strong>img{width:26px!important;height:26px!important}
  html body #app#app#app .office-panels .office-summary>div:first-child>strong>b{font-size:15px!important;line-height:normal!important;font-weight:600!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-values strong{line-height:1.1!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-footnote{line-height:1.6!important}
  html body #app#app#app .snapshot-quota strong.snapshot-quota-amount{line-height:1.1!important}
  html body #app#app#app .snapshot-quota .allocation-footnote{line-height:1.6!important}
  html body #app#app#app .snapshot-quota strong.snapshot-quota-amount>span{line-height:1.1!important}
  html body #app#app#app section.snapshot-quota .extra-rate-schedule .schedule-item{justify-content:normal!important}
}
/* Round 8g — tier pill colours: official rowBonus computed background/text per tier (exact color(srgb) values) */
@media (min-width:901px){
  html body #app#app#app .tier-list>.tier-row:nth-child(1) .tier-bonus{background-color:color(srgb 0.932549 0.942745 0.952157)!important;color:color(srgb 0.359686 0.408784 0.420078)!important}
  html body #app#app#app .tier-list>.tier-row:nth-child(2) .tier-bonus{background-color:color(srgb 0.905098 0.987451 0.898039)!important;color:color(srgb 0.288314 0.52502 0.279373)!important}
  html body #app#app#app .tier-list>.tier-row:nth-child(3) .tier-bonus{background-color:color(srgb 0.868235 0.981961 0.903529)!important;color:color(srgb 0.192471 0.510745 0.293647)!important}
  html body #app#app#app .tier-list>.tier-row:nth-child(4) .tier-bonus{background-color:color(srgb 0.84549 0.974902 0.917647)!important;color:color(srgb 0.133333 0.492392 0.330353)!important}
  html body #app#app#app .tier-list>.tier-row:nth-child(5) .tier-bonus{background-color:color(srgb 0.832157 0.96549 0.931765)!important;color:color(srgb 0.0986667 0.467922 0.367059)!important}
  html body #app#app#app .tier-list>.tier-row:nth-child(6) .tier-bonus{background-color:color(srgb 0.824314 0.953726 0.947451)!important;color:color(srgb 0.0782745 0.437333 0.407843)!important}
  html body #app#app#app .tier-list>.tier-row:nth-child(7) .tier-bonus{background-color:color(srgb 0.818824 0.937255 0.966274)!important;color:color(srgb 0.064 0.39451 0.456784)!important}
  html body #app#app#app .tier-list>.tier-row:nth-child(8) .tier-bonus{background-color:rgb(200, 246, 92)!important;color:rgb(26, 36, 5)!important}
}

/* ===== Round 8h — /invite (official invite-module: page/card/emblem/eyebrow/sub/refBox/hint/RainbowKit connect/goBtn) ===== */
@media (min-width:901px){
html body #app#app#app main#f16-invite.f16-invite-page{display:grid!important;justify-items:center!important;align-items:start!important;align-content:normal!important;padding:70px 24px!important;min-height:calc(100vh - 64px)!important;height:auto!important;background:rgb(248,251,249)!important;box-sizing:border-box!important}
html body #app#app#app #f16-invite .f16-invite-card{display:grid!important;grid-template-columns:446px!important;gap:14px!important;justify-items:center!important;align-content:normal!important;text-align:center!important;width:520px!important;max-width:none!important;height:auto!important;min-height:0!important;box-sizing:border-box!important;margin:0!important;padding:40px 36px!important;border:1px solid rgb(201,212,205)!important;border-radius:16px!important;background:#fff!important;box-shadow:rgba(14,18,16,.1) 0 18px 44px 0!important;line-height:normal!important}
html body #app#app#app #f16-invite .f16-invite-card>*{margin:0!important}
html body #app#app#app #f16-invite .f16-invite-icon{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:linear-gradient(168deg,rgb(23,28,24),rgb(10,13,11) 70%)!important;color:rgb(132,242,125)!important;box-shadow:none!important}
html body #app#app#app #f16-invite .f16-invite-icon img{width:44px!important;height:44px!important;margin:0!important}
html body #app#app#app #f16-invite .f16-invite-card>.f16-eyebrow{width:auto!important;font:800 12px/normal Inter,"Inter Fallback","Noto Sans JP",Arial,sans-serif!important;letter-spacing:2.16px!important;text-transform:uppercase!important;color:rgb(11,171,102)!important;padding:0!important;background:none!important}
html body #app#app#app #f16-invite .f16-invite-card>h1{width:auto!important;font:600 32px/normal "Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Noto Sans JP",serif!important;letter-spacing:normal!important;color:rgb(14,18,16)!important}
html body #app#app#app #f16-invite .f16-invite-card>h1+p{width:auto!important;max-width:none!important;font:400 14.5px/23.925px Inter,"Inter Fallback","Noto Sans JP",Arial,sans-serif!important;color:rgb(68,78,73)!important}
html body #app#app#app #f16-invite .f16-referrer-row{justify-self:stretch!important;display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important;width:auto!important;height:auto!important;box-sizing:border-box!important;padding:13px!important;border:1px solid rgb(201,212,205)!important;border-radius:10px!important;background:rgb(246,249,247)!important;text-align:center!important}
html body #app#app#app #f16-invite .f16-referrer-row .f16-label{font:700 11.5px/normal Inter,"Inter Fallback","Noto Sans JP",Arial,sans-serif!important;letter-spacing:1.38px!important;text-transform:uppercase!important;color:rgb(107,117,111)!important;margin:0!important}
html body #app#app#app #f16-invite .f16-referrer-row strong{font:700 14px/normal "IBM Plex Mono","IBM Plex Mono Fallback",SFMono-Regular,Consolas,monospace!important;letter-spacing:normal!important;color:rgb(14,18,16)!important;word-break:normal!important}
html body #app#app#app #f16-invite .a-r8-invite-hint{width:auto!important;font:400 13px/normal Inter,"Inter Fallback","Noto Sans JP",Arial,sans-serif!important;color:rgb(107,117,111)!important;text-align:center!important}
html body #app#app#app #f16-invite .f16-invite-card>#connect2{justify-self:center!important;display:block!important;width:auto!important;min-width:0!important;height:40px!important;min-height:0!important;padding:0 14px!important;border:0!important;border-radius:4px!important;background:rgb(16,185,129)!important;background-image:none!important;color:#fff!important;font:700 16px/normal SFRounded,ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;letter-spacing:normal!important;box-shadow:rgba(0,0,0,.1) 0 4px 12px 0!important;transform:none!important}
html body #app#app#app #f16-invite .f16-invite-card>a.f16-btn-outline{justify-self:stretch!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;box-sizing:border-box!important;padding:13px!important;border:1px solid rgb(16,20,18)!important;border-radius:10px!important;background:transparent!important;color:rgb(14,18,16)!important;font:700 14.5px/normal Inter,"Inter Fallback","Noto Sans JP",Arial,sans-serif!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important}
html body #app#app#app #f16-invite[data-valid="1"] .f16-invite-card:has(#connect2)>#f16-invite-status{display:none!important}
}

/* ===== Round 8i — page clip (official html/body overflow-x:hidden; de 1280 passport card overhangs like official, must not scroll sideways) ===== */
@media (min-width:901px){html,body{overflow-x:hidden!important}}

/* ===== Round 10 — passport sale ended state (official HeroCountdown ended: head + p.ended + deadline; box 420×99, radius 14) ===== */
@media (min-width:901px){
  html body #app#app#app section.hero .countdown{border-radius:14px!important}
  html body #app#app#app section.hero .countdown.is-ended{display:grid!important;gap:10px!important}
  html body #app#app#app section.hero .countdown.is-ended>.countdown-head{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:normal!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgb(107,117,111)!important}
  html body #app#app#app section.hero .countdown.is-ended>.countdown-ended{margin:0!important;font-size:14px!important;font-weight:600!important;line-height:normal!important;color:rgb(14,18,16)!important}
  html body #app#app#app .rights-grid .extra-rate-item:not(.active){opacity:.55!important}
  html body #app#app#app .rights-grid .extra-rate-item:not(.active):nth-child(3) strong,html body #app#app#app .rights-grid .extra-rate-item:not(.active):last-child strong{color:rgb(14,18,16)!important}
  html body #app#app#app .rights-grid .extra-rate-item small{text-transform:uppercase!important}
}