:root{--page-background: #08070a;--page-purple: #17121d;--card-background: rgba(255, 255, 255, .055);--card-border: rgba(218, 180, 255, .18);--text-primary: #f7f0df;--text-secondary: rgba(247, 240, 223, .72);--champagne-gold: #e7c38d;--gold-start: #d2ab74;--gold-end: #f2d8a4;--electric-purple: #bd8eee;--warning-border: rgba(240, 180, 98, .4);--scrollbar-compensation: 0px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-primary);background:var(--page-background)}*{box-sizing:border-box}html{background:var(--page-background);scroll-behavior:smooth;overflow:hidden}body{margin:0;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(189,142,238,.2),transparent 32rem),linear-gradient(160deg,var(--page-purple),var(--page-background) 45rem);color:var(--text-primary);font-size:14px}body.modal-open{overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid var(--electric-purple);outline-offset:3px}@property --header-progress{syntax: "<number>"; inherits: true; initial-value: 0;}.app-shell{--header-progress: 0;--screen-index: 0;position:relative;width:min(100%,430px);height:100dvh;margin:0 auto;overflow:clip;transition:--header-progress .52s cubic-bezier(.22,1,.36,1)}.screen-track{height:400dvh;transition:transform .52s cubic-bezier(.22,1,.36,1);transform:translate3d(0,calc(var(--screen-index) * -100dvh),0)}.experience-screen{height:100dvh;overflow:hidden;padding:max(20px,env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom))}.rules-screen-scroll{width:100%;height:100%;padding:calc(84px + env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.rules-screen-scroll::-webkit-scrollbar{display:none}.experience-screen.screen-rules{padding:0}.gallery-screen{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;padding-top:calc(84px + env(safe-area-inset-top))}.gallery-heading{margin:0;color:var(--champagne-gold);font-size:28px;text-align:center}.gallery-container{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;border:1px solid var(--card-border);border-radius:18px;background:var(--card-background);overflow:hidden}.gallery-stage{display:grid;min-height:0;place-items:center;perspective:900px;container-type:size}.gallery-card{position:relative;grid-area:1 / 1;display:grid;width:min(76%,calc((100cqh - 24px)*.5625));height:auto;max-height:100%;aspect-ratio:9 / 16;place-items:center;margin:0;padding:24px;border:1px solid rgba(231,195,141,.42);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#bd8eee33,#08070ae0);box-shadow:0 18px 36px #00000057;color:var(--text-secondary);text-align:center;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease,opacity .42s ease}.gallery-card.is-active{z-index:2;color:var(--text-primary);transform:translateZ(0) rotateY(0) scale(1)}.gallery-card.is-previous,.gallery-card.is-next{z-index:1;filter:brightness(.62);opacity:.88}.gallery-card.is-previous{transform:translate3d(-64%,0,-40px) rotateY(38deg) scale(.82)}.gallery-card.is-next{transform:translate3d(64%,0,-40px) rotateY(-38deg) scale(.82)}.gallery-card[hidden]{display:none}.gallery-placeholder,.gallery-load-failure{margin:0;font-weight:700;line-height:1.6}.gallery-load-failure{color:#f0b462}.gallery-image{display:block;width:100%;height:100%;object-fit:cover}.gallery-zoom{position:absolute;right:0;bottom:0;width:54px;height:54px;padding:10px 0 0 10px;border:0;border-radius:74px 0 0;background:#e7c38de6;color:#21150d;font-size:13px;font-weight:900;cursor:pointer}.gallery-counter{margin:0;padding:10px 0 14px;color:var(--champagne-gold);font-size:14px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.12em;text-align:center}.screen-navigation{position:fixed;z-index:20;top:50%;right:max(0px,calc((100vw - 430px)/2));display:grid;gap:10px;transform:translateY(-50%)}.screen-navigation-button{position:relative;width:15px;height:15px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}.screen-navigation-button:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border:1px solid rgba(247,240,223,.72);border-radius:999px;background:#08070a8f;content:"";opacity:.7;transform:translate(-50%,-50%)}.screen-navigation-button[aria-current=true]:after{border-color:var(--champagne-gold);background:var(--champagne-gold)}.compact-header{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;min-height:calc(68px + env(safe-area-inset-top));align-items:center;justify-content:space-between;gap:10px;padding:calc(8px + env(safe-area-inset-top)) calc(14px + var(--scrollbar-compensation)) 8px 14px;border-bottom:1px solid rgba(218,180,255,calc(var(--header-progress) * .2));background:rgba(8,7,10,calc(var(--header-progress) * .94));box-shadow:0 10px 28px rgba(0,0,0,calc(var(--header-progress) * .28));opacity:var(--header-progress);pointer-events:none;transform:translateY(calc((1 - var(--header-progress)) * -18px));transition:opacity 80ms linear,background-color 80ms linear;-webkit-backdrop-filter:blur(calc(var(--header-progress) * 14px));backdrop-filter:blur(calc(var(--header-progress) * 14px))}.compact-header.is-visible{pointer-events:auto}.compact-brand{display:grid;min-width:0;grid-template:"logo headline" auto "logo name" auto / 38px minmax(0,1fr);align-items:start;gap:9px;row-gap:1px}.compact-logo-surface{grid-area:logo;display:grid;height:42px;width:42px;place-items:center;border-radius:8px;background:#fff;justify-content:center;overflow:hidden;align-content:center}.compact-logo{display:block;width:46px;object-fit:contain}.compact-headline{grid-area:headline;min-width:0;margin:0;overflow:hidden;color:var(--text-primary);font-size:1.2rem;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;align-self:start}.compact-name{grid-area:name;min-width:0;margin:0;color:var(--champagne-gold);font-size:15px;font-weight:700;line-height:1.2;text-align:left;white-space:nowrap}.compact-consult-button{display:grid;flex:0 0 48px;min-height:48px;place-items:center;padding:5px 8px;border:0;border-radius:10px;background:linear-gradient(110deg,var(--gold-start),var(--gold-end));color:#21150d;font-size:12px;font-weight:900;line-height:1.1;cursor:pointer}.hero{display:grid;gap:.8rem;width:100%;align-content:center;justify-items:center;padding:18px 8px 34px;text-align:center}.screen-intro{display:grid;place-items:center}.logo-surface{display:grid;width:min(100%,174px);aspect-ratio:1/1;place-items:center;margin-bottom:22px;border-radius:16px;overflow:hidden;background:#fffaf0;box-shadow:0 12px 36px #00000047;transform:scale(calc(1 - var(--header-progress) * .18))}.club-logo{display:block;width:118%;height:118%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:cover}.club-name,.hero-label,.section-lead,.consult-note,.qr-placeholder figcaption{margin:0;color:var(--text-secondary);line-height:1.7}.club-name{color:var(--champagne-gold);font-size:1.5rem;font-weight:700;letter-spacing:.08em}.hero-label{margin-top:20px}.hero-headline{margin:8px 0 22px;font-size:clamp(28px,8vw,32px);line-height:1.25;letter-spacing:.02em}.hero-primary,.hero-secondary{display:block}.hero-primary{color:var(--text-primary);font-size:1em;font-weight:900;margin-bottom:.8rem}.hero-secondary{margin-top:8px;color:var(--champagne-gold);font-size:.68em;letter-spacing:.12em}.hero-consult-button,.consult-trigger{min-height:44px;border:0;border-radius:12px;background:linear-gradient(110deg,var(--gold-start),var(--gold-end));color:#21150d;font-weight:800;cursor:pointer;transition:filter .18s ease,transform .18s ease}.qr-modal[hidden]{display:none}.qr-modal{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.qr-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#030205d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qr-modal-panel{position:relative;width:min(100%,350px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px 20px 20px;border:1px solid rgba(231,195,141,.45);border-radius:18px;background:linear-gradient(155deg,#21172b,#0e0b12);box-shadow:0 24px 70px #0000008c;text-align:center;animation:modal-enter .18s cubic-bezier(.22,1,.36,1)}.qr-modal-image[hidden],.gallery-preview-content[hidden],.gallery-preview-image[hidden],.gallery-preview-placeholder[hidden]{display:none}.qr-modal-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;color:var(--text-secondary);font-size:30px;line-height:1;cursor:pointer}.qr-modal-title{margin:8px 40px 18px;color:var(--champagne-gold);font-size:22px}.qr-modal-image{display:block;width:min(100%,280px);height:auto;margin:0 auto;border-radius:14px}.qr-modal-note{margin:14px 0 0;color:var(--text-secondary);line-height:1.6}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-consult-button{width:min(100%,244px);padding:10px 18px}.hero-consult-button:hover,.consult-trigger:hover{filter:brightness(1.08)}.hero-consult-button:active,.consult-trigger:active{transform:translateY(1px)}.rules-section,.consult-section{scroll-margin-top:18px}.rules-section{width:100%;text-align:left}.section-heading{margin:0;color:var(--champagne-gold);font-size:24px;line-height:1.3}.section-lead{margin:6px 0 16px}.rules-list{display:grid;width:100%;gap:10px}.rule-card{overflow:clip;border:1px solid var(--card-border);border-radius:14px;background:var(--card-background)}.rule-card-warning{border-color:var(--warning-border)}.rule-button{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:0;background:transparent;color:var(--text-primary);font-size:18px;font-weight:700;text-align:left;cursor:pointer;scroll-margin-top:16px;transition:color .24s cubic-bezier(.22,1,.36,1),background-color .24s cubic-bezier(.22,1,.36,1)}.rule-button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--electric-purple)}.rule-button:after{content:"⌄";color:var(--electric-purple);font-size:22px;font-weight:400;line-height:1;transform:rotate(0);transition:transform .24s cubic-bezier(.22,1,.36,1)}.rule-button[aria-expanded=true]:after{transform:rotate(180deg)}.rule-panel{display:grid;grid-template-rows:0fr;opacity:0;color:var(--text-secondary);font-size:15px;line-height:1.75;transition:grid-template-rows .24s cubic-bezier(.22,1,.36,1),opacity .18s ease-out}.rule-panel.is-expanded{grid-template-rows:1fr;opacity:1}.rule-panel-content{min-height:0;overflow:hidden;padding:0 14px;transition:padding-bottom .24s cubic-bezier(.22,1,.36,1)}.rule-panel.is-expanded .rule-panel-content{padding-bottom:14px}.rule-panel p{margin:0}.rule-panel p+p{margin-top:8px}.consult-section{margin-top:38px;padding:24px 16px;border:1px solid var(--card-border);border-radius:16px;background:#ffffff0a;text-align:center}.rules-join-guide{display:grid;justify-items:center;margin:34px auto 6px;color:var(--champagne-gold);text-align:center;animation:join-guide-bounce 1.5s ease-in-out infinite}.rules-join-text{margin:0 0 12px;font-size:15px;font-weight:800}.rules-join-arrow{width:14px;height:14px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}@keyframes join-guide-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.gallery-preview-image{display:block;width:min(100%,300px);max-height:72dvh;margin:0 auto;border-radius:14px;object-fit:contain}.gallery-preview-placeholder{display:grid;width:min(100%,270px);aspect-ratio:9 / 16;place-items:center;margin:0 auto;padding:24px;border:1px solid var(--card-border);border-radius:14px;background:var(--card-background);color:var(--text-secondary);line-height:1.7}.qr-placeholder{margin:20px auto 12px}.qr-placeholder img{display:block;width:min(100%,220px);height:auto;margin:0 auto 10px;border-radius:12px}.consult-note{text-align:left}.page-footer{padding:32px 0 12px;color:var(--champagne-gold);font-size:12px;font-style:italic;font-weight:800;letter-spacing:.16em;text-align:center}.consult-bar{position:fixed;z-index:10;right:auto;bottom:.8rem;left:calc(50% - var(--scrollbar-compensation) / 2);width:min(calc(100% - 32px - var(--scrollbar-compensation)),398px);padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(8,7,10,.98) 72%,transparent);transform:translate(-50%)}.consult-trigger{width:100%;padding:10px 18px}@media (max-width: 359px){.experience-screen,.rules-screen-scroll{padding-right:12px;padding-left:12px}.hero-headline{font-size:28px}.compact-header{padding-right:calc(10px + var(--scrollbar-compensation));padding-left:10px}.compact-brand{grid-template:"logo headline" 34px "name headline" 12px / 48px minmax(0,1fr);gap:7px;row-gap:1px}.compact-logo-surface{width:48px;height:34px}.compact-logo{width:41px;height:28px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}