/* V17 beta experience, three-row fan, nested notifications and feedback. */
.v17-beta-banner{display:flex;align-items:center;gap:12px;width:100%;margin:20px 0 18px;padding:14px 16px;border:1px solid rgba(241,194,82,.55);border-radius:8px;background:linear-gradient(90deg,rgba(139,45,54,.78),rgba(86,38,94,.66) 58%,rgba(26,13,40,.86));box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);color:#fff5d0}
.v17-beta-banner>span{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(255,239,178,.58);border-radius:5px;background:rgba(10,6,15,.34);font:700 11px/1 Cinzel,serif;letter-spacing:.08em}
.v17-beta-banner strong{min-width:0;font-size:clamp(15px,1.45vw,19px);line-height:1.65;overflow-wrap:anywhere}
.v17-cost-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin:8px 0 2px;padding:7px 10px;border:1px solid rgba(235,198,97,.42);border-radius:7px;background:rgba(16,8,25,.58);color:#f5dc8c;font:700 14px/1.35 var(--cn,serif);text-align:center}
.v17-cost-line i{width:7px;height:7px;border-radius:50%;background:#d7b65b;box-shadow:0 0 13px rgba(235,200,99,.9)}
.v17-cost-line em{color:#cfb9d4;font-style:normal;font-weight:500}
.v9-tier-card>i[data-v9$="coins"],.v9-service-price small[data-v9$="coins"]{font-weight:700!important;color:#f0d681!important;text-shadow:0 0 14px rgba(215,182,91,.18)}

.v17-feedback-inline{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(300px,1.3fr);align-items:start;gap:26px;width:100%;margin:24px 0 12px;padding:24px 0 4px;border-top:1px solid rgba(222,188,94,.3);text-align:left}
.v17-feedback-inline small{color:#d5b85f;font:700 11px/1.2 Cinzel,serif;letter-spacing:.12em}.v17-feedback-inline h2{margin:8px 0 7px;color:#f2dda0;font-size:clamp(21px,2vw,29px);line-height:1.35}.v17-feedback-inline p{margin:0;color:#b9adbf;line-height:1.7}
.v17-feedback-inline form,.v17-feedback-modal form{display:grid;gap:10px;min-width:0}.v17-feedback-inline textarea,.v17-feedback-modal textarea{display:block;width:100%;min-height:94px;max-height:260px;resize:vertical;padding:13px 14px;border:1px solid rgba(218,182,83,.34);border-radius:7px;background:rgba(9,5,15,.74);color:#f0e7d8;font:15px/1.65 var(--cn,serif);letter-spacing:0;outline:0}.v17-feedback-inline textarea:focus,.v17-feedback-modal textarea:focus{border-color:#dfbd62;box-shadow:0 0 0 3px rgba(223,189,98,.1)}
.v17-rating{display:flex;align-items:center;gap:4px}.v17-rating button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#817389;font-size:25px;line-height:1;cursor:pointer;transition:color .2s,transform .2s}.v17-rating button:is(:hover,.selected){color:#f0ce69;transform:translateY(-2px)}.v17-rating button.preview{color:#f0ce69}
.v17-feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.v17-feedback-actions>span{min-width:0;color:#bcaec2;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.v17-feedback-actions .rite-btn{flex:0 0 auto;margin:0}
.v17-feedback-fab{position:fixed;right:max(18px,calc((100vw - 1480px)/2));bottom:82px;z-index:7800;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(226,193,98,.58);border-radius:50%;background:#170d22;color:#f1d77e;font-size:21px;box-shadow:0 14px 35px rgba(0,0,0,.45),0 0 22px rgba(216,184,95,.1);cursor:pointer;transition:transform .25s,border-color .25s}.v17-feedback-fab:hover{transform:translateY(-3px);border-color:#ecd276}
.v17-feedback-modal{width:min(620px,calc(100vw - 24px));border-radius:8px!important}.v17-feedback-modal>h2{margin-bottom:8px;color:#f0d47d}.v17-feedback-modal>.muted{margin-top:0;line-height:1.7}.v17-feedback-modal textarea{min-height:150px;background:#0b0711}

#v7UserMenu>#v113NotificationOpen{position:relative;display:flex;align-items:center}#v7UserMenu>#v113NotificationOpen>b{flex:1;min-width:0;font:inherit;font-weight:500;text-align:left;white-space:normal;overflow-wrap:anywhere}#v7UserMenu>#v113NotificationOpen:after{content:'‹';margin-left:auto;color:#9d89a8;font-size:18px}.v17-notification-count{display:grid;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;border-radius:10px;background:#b64f5d;color:white;font:700 10px/1 system-ui,sans-serif;font-style:normal}#v7UserMenu>#v113NotificationOpen:has(.v17-notification-count:not([hidden])):after{display:none}
#v7UserHub>.v113-notifications{position:absolute!important;top:calc(100% + 10px)!important;right:290px!important;left:auto!important;width:min(410px,calc(100vw - 290px))!important;max-height:min(70vh,620px);border-radius:8px!important;transform:translateX(8px);transition:opacity .2s ease,transform .24s ease!important}
#v7UserHub>.v113-notifications.open{transform:none}.v113-notification-head{border-radius:8px 8px 0 0}.v113-notification-item{border-radius:6px!important}.v7-user-menu{border-radius:8px!important}

.deck-stage.selecting{height:560px}.deck-stage.selecting .deck-card{transform-origin:50% 82%;box-shadow:0 10px 22px rgba(0,0,0,.28)}.deck-stage.selecting .deck-card[data-fan-row="1"]{filter:brightness(.86)}.deck-stage.selecting .deck-card[data-fan-row="2"]{filter:brightness(.94)}.deck-stage.selecting .deck-card[data-fan-row="3"]{filter:brightness(1.03)}.deck-stage.selecting .deck-card:is(:hover,.hovered){filter:brightness(1.28) drop-shadow(0 0 16px rgba(215,182,91,.62))!important}
.oracle-line.v17-reveal{display:flex;justify-content:center;flex-wrap:wrap;column-gap:0}.oracle-line.v17-reveal .v17-word{display:inline-block;white-space:pre;opacity:0;filter:blur(5px);transform:translateY(7px);animation:v17WordReveal .58s cubic-bezier(.2,.72,.22,1) forwards;animation-delay:calc(var(--v17-word-index)*42ms)}
@keyframes v17WordReveal{to{opacity:1;filter:blur(0);transform:none}}

@media(max-width:760px){
  .hero{padding-top:14px!important}
  .hero-copy{display:flex!important;flex-direction:column!important;grid-row:1!important}.hero-deck{grid-row:2!important}.hero-copy>.v17-beta-banner{order:initial}
  .v17-beta-banner{align-items:flex-start;margin:13px 0 14px;padding:12px 13px}.v17-beta-banner strong{font-size:15px;line-height:1.55}
  .v8-home-services{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:100%;gap:12px!important;width:calc(100vw - 22px);max-width:none;margin:0 calc((100vw - 100%)/-2) 8px!important;padding:2px 11px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:11px;scrollbar-width:none}.v8-home-services::-webkit-scrollbar{display:none}.v8-home-services>.v9-tier-card{height:auto!important;min-height:310px!important;padding:36px 16px 12px!important;grid-template-rows:minmax(22px,auto) minmax(42px,auto) minmax(46px,auto) minmax(68px,auto) minmax(32px,auto) minmax(32px,auto)!important;row-gap:2px!important;scroll-snap-align:start}html[lang] .v8-home-services>.v9-tier-card>small{min-height:22px!important}html[lang] .v8-home-services>.v9-tier-card h3{height:auto!important;min-height:42px!important;white-space:normal!important;overflow-wrap:anywhere}.v8-home-services>.v9-tier-card>i{min-height:32px!important}.v9-tier-card p{padding-block:2px!important;line-height:1.5!important}.v9-tier-card strong.v14-price-pair{height:auto!important;min-height:68px!important;margin-top:0!important;padding-block:2px!important}.v17-cost-line{min-height:34px;font-size:13px}
  .v17-feedback-inline{grid-template-columns:1fr;gap:6px;width:100%;margin:6px 0 10px;padding-top:9px}.v17-feedback-inline small{font-size:10px}.v17-feedback-inline h2{margin:4px 0 2px;font-size:18px;line-height:1.3}.v17-feedback-inline p{font-size:12px;line-height:1.4}.v17-feedback-inline form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:52px 40px;column-gap:6px;row-gap:4px}.v17-feedback-inline .v17-rating{grid-column:1;grid-row:2;gap:0}.v17-feedback-inline .v17-rating button{width:38px;height:38px;font-size:22px}.v17-feedback-inline textarea{grid-column:1/-1;grid-row:1;height:52px!important;min-height:52px!important;max-height:140px!important;padding:7px 10px!important}.v17-feedback-actions{grid-column:2;grid-row:2;align-items:center;flex-direction:row;height:40px;min-height:40px;gap:0}.v17-feedback-actions>span{flex:0}.v17-feedback-actions>span:not(:empty){position:fixed;z-index:10020;left:12px;right:12px;bottom:82px;padding:9px 12px;border:1px solid rgba(226,193,98,.42);border-radius:7px;background:rgba(16,8,25,.97);color:#eadba7;text-align:center;box-shadow:0 14px 35px rgba(0,0,0,.4)}.v17-feedback-actions .rite-btn{flex:0 0 auto;width:auto;height:40px!important;min-height:40px!important;padding:7px 9px!important}
  .v17-feedback-fab{right:14px;bottom:84px;width:46px;height:46px}
  body:has(#view-home.active) .v17-feedback-fab{display:none}
  #v7UserMenu>#v113NotificationOpen{display:flex!important}
  #v7UserHub>.v113-notifications{position:fixed!important;top:68px!important;left:10px!important;right:10px!important;width:auto!important;max-height:58dvh;border-radius:8px!important;transform:translateY(-8px)}
  .deck-stage.selecting{height:440px!important;margin-top:0}.deck-stage.selecting .deck-card{box-shadow:0 6px 13px rgba(0,0,0,.24)}
  .oracle-line.v17-reveal .v17-word{animation-delay:calc(var(--v17-word-index)*32ms)}
}
@media(max-width:390px){.v17-rating button{width:38px;height:38px}.v17-feedback-modal{padding:24px 17px!important}.deck-stage.selecting{height:420px!important}}
@media(max-width:340px){.hero{padding-top:4px!important}.v17-beta-banner{margin:4px 0;padding:10px 11px}.v17-beta-banner strong{font-size:14px;line-height:1.45}.v8-home-services{margin-bottom:4px!important}.v8-home-services>.v9-tier-card{min-height:292px!important;padding:32px 14px 10px!important}.v17-feedback-inline{margin-top:2px}}
@media(hover:none){.v17-rating button:hover{transform:none}.v17-feedback-fab:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.oracle-line.v17-reveal .v17-word{opacity:1;filter:none;transform:none;animation:none}.deck-stage.selecting .deck-card,.v17-feedback-fab{transition-duration:.01ms!important}}
