body{background:var(--bg)}
.fx-page{max-width:1400px;margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-7)}
.fx-back{font-size:14px;color:var(--ink-soft);text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--sp-4)}
.fx-back:hover{color:var(--ink)}
.fx-header{max-width:760px;margin-bottom:var(--sp-6)}
.fx-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--felt-deep);font-weight:700;margin-bottom:6px}
.fx-title{font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;margin-bottom:var(--sp-3)}
.fx-subtitle{font-size:var(--fs-body);color:var(--ink-body);line-height:1.6}
.fx-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-6)}
.fx-filter-pill{padding:8px 18px;border-radius:100px;border:1px solid var(--border);background:#fff;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.fx-filter-pill:hover{border-color:var(--ink-soft)}
.fx-filter-pill.active{background:var(--felt);border-color:var(--felt);color:#fff}
.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}
.fx-thumb{background:var(--block);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;border:none;text-align:left}
.fx-thumb:focus-visible,.fx-thumb:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(20,23,26,.12);outline:0}
.fx-thumb-swatch{aspect-ratio:16/10;background:#14171a;position:relative;overflow:hidden;transition:filter .2s}
.fx-thumb:focus-visible .fx-thumb-swatch,.fx-thumb:hover .fx-thumb-swatch{filter:brightness(1.12)}
.fx-thumb-swatch-inner{position:absolute;top:50%;left:50%;width:520px;transform:translate(-50%,-50%) scale(.36);transform-origin:center center;pointer-events:none}
.fx-thumb-swatch .fx-scroll-hint,.fx-thumb-swatch .fx-spacer{display:none!important}
.fx-thumb-swatch .fx-scroller{height:auto!important;overflow:visible!important;padding:0!important;display:block!important}
.fx-thumb-swatch.is-live .fx-thumb-swatch-inner{height:230px}
.fx-thumb-swatch.is-live .fx-spacer{display:block!important}
.fx-thumb-swatch.is-live .fx-scroller{height:100%!important;overflow:hidden!important;padding:var(--sp-4)!important;display:block!important}
.fx-thumb-body{padding:var(--sp-4)}
.fx-thumb-body .fx-tag{margin-bottom:8px}
.fx-thumb-body h3{font-size:16px;margin:0 0 6px}
.fx-thumb-desc{font-size:13px;color:var(--ink-soft);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fx-modal-overlay{display:none;position:fixed;inset:0;background:rgba(20,23,26,.6);z-index:200;align-items:center;justify-content:center;padding:var(--sp-4)}
.fx-modal-overlay.open{display:flex}
.fx-modal{position:relative;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:var(--r-lg)}
.fx-modal .fx-card{border-radius:var(--r-lg)}
.fx-modal .fx-card-head{padding-right:48px}
.fx-modal-close{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:var(--block);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.fx-modal-close:hover{background:var(--block-deep)}
.fx-card{background:var(--block);border-radius:var(--r-lg);padding:var(--sp-5)}
.fx-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}
.fx-card-head-text h3{font-size:20px;margin:6px 0}
.fx-desc{font-size:14px;color:var(--ink-soft);line-height:1.5;max-width:56ch}
.fx-tag{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px;color:#fff}
.fx-tag-scroll{background:var(--felt)}
.fx-tag-text{background:#166d9c}
.fx-tag-mouse{background:#6c4fa1}
.fx-tag-interaction{background:#c97a1f}
.fx-card-head .fx-replay{flex-shrink:0;white-space:nowrap}
.fx-card-body{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
.fx-card-body .fx-code{order:2;min-width:0}
.fx-card-right{order:1;display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
@media (min-width:900px){
.fx-card-body{grid-template-columns:0.8fr 1.25fr;align-items:start}
.fx-card-body .fx-code{order:1}
.fx-card-right{order:2}
}
.fx-preview{background:#14171a;border-radius:var(--r-sm);overflow:hidden;min-height:320px;min-width:0;position:relative;color:#fff}
.fx-scroller{height:260px;overflow-y:auto;overflow-x:hidden;padding:var(--sp-4);scrollbar-width:thin;min-width:0}
.fx-scroll-hint{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.4);text-align:center}
.fx-spacer{width:100%}
.fx-stack{display:flex;flex-direction:column;gap:10px}
.fx-box{background:var(--felt);border-radius:10px;padding:14px 18px;font-size:14px;font-weight:600;color:#fff}
.fx-parallax-stage{position:relative;height:180px;border-radius:10px;overflow:hidden}
.fx-parallax-bg{position:absolute;inset:-20% -10%;background:radial-gradient(circle at 30% 30%,rgba(57,214,9,.35),transparent 60%),var(--felt-deep)}
.fx-parallax-fg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:var(--ink);font-weight:700;font-size:14px;padding:10px 20px;border-radius:100px}
.fx-pin-section{height:180px;display:flex;align-items:center;overflow:hidden}
.fx-pin-track{display:flex;gap:14px}
.fx-pin-card{width:110px;height:130px;flex-shrink:0;border-radius:10px;background:var(--felt);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:22px;font-weight:700;color:rgba(255,255,255,.85)}
.fx-pin-card:nth-child(2){background:#1f8f68}
.fx-pin-card:nth-child(3){background:var(--felt-deep)}
.fx-pin-card:nth-child(4){background:#166d4c}
.fx-marquee-pin,.fx-marquee-stage{display:flex;align-items:center;overflow:hidden;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fx-marquee-track{display:flex;align-items:center;will-change:transform}
.fx-logo-chip{display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:15px;white-space:nowrap;flex-shrink:0;transition:background .15s,height .15s}
.fx-thumb-chip{width:120px;height:150px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;text-align:center}
.fx-dir-marquee-bg{overflow:hidden;background:#14171a;position:relative;z-index:1}
.fx-scroller .fx-dir-marquee-bg{position:sticky;top:0;margin:0 calc(-1 * var(--sp-4))}
.fx-dir-marquee-stage{min-width:0;padding:20px 0;position:relative;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fx-dir-marquee-track{display:flex;will-change:transform}
.fx-dir-marquee-text{font-size:26px;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:-.01em}
.fx-fan-stack{position:relative;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fx-fan-card{position:absolute;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;overflow:hidden}
.fx-fan-card-img{width:100%;height:100%;object-fit:cover;display:block}
.fx-fan-heading{margin:0 0 24px;text-align:center;font-weight:800;letter-spacing:-.02em;line-height:1.15;font-size:clamp(24px, 4vw, 34px);color:var(--ink,#14171a)}
.fx-fan-cta-wrap{display:flex;justify-content:center;margin-top:28px}
.fx-sticky-stack{position:relative}
.fx-sticky-panel{position:sticky;top:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}
.gallery-wrap{height:280px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gallery{position:relative;width:100%;height:100%}
.gallery--bento{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:var(--fx-gap,8px);padding:0 20px}
.gallery--bento.gallery--final{padding:0;gap:0}
.gallery__item{border-radius:var(--fx-radius,8px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;position:relative}
.gallery__item:first-child{grid-column:1;grid-row:1/3}
.gallery__item:nth-child(2){grid-column:2;grid-row:1}
.gallery__item:nth-child(3){grid-column:2;grid-row:2/4;z-index:2}
.gallery__item:nth-child(4){grid-column:3;grid-row:1/3}
.gallery__item:nth-child(5){grid-column:1;grid-row:3}
.gallery__item:nth-child(6){grid-column:3;grid-row:3/5}
.gallery__item:nth-child(7){grid-column:1;grid-row:4}
.gallery__item:nth-child(8){grid-column:2;grid-row:4}
.gallery--bento.gallery--final .gallery__item:nth-child(3){grid-column:1/-1;grid-row:1/-1}
.fx-faq-list{display:flex;flex-direction:column;gap:8px;padding:var(--sp-4)}
.fx-faq-item{border-radius:10px;overflow:hidden}
.fx-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:0 0;border:none;cursor:pointer;text-align:left;font-family:var(--font);font-weight:600;font-size:14px}
.fx-faq-chevron{flex-shrink:0}
.fx-faq-answer{height:0;overflow:hidden}
.fx-faq-answer-inner{padding:0 16px 14px;font-size:13px;line-height:1.5}
.fx-progress-track{height:6px;background:rgba(255,255,255,.12);border-radius:100px;overflow:hidden}
.fx-progress-bar{height:100%;width:100%}
.fx-scale-card{height:120px;border-radius:10px;background:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--ink)}
.fx-headline{font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.3;padding:var(--sp-5);margin:0}
.fx-char,.fx-word{will-change:transform,opacity,filter}
.fx-rolling-stage{position:relative;height:120px;overflow:hidden}
.fx-rolling-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:44px;font-weight:800;letter-spacing:-.02em;color:var(--gold)}
.fx-rolling-line .fx-char{backface-visibility:hidden}
.fx-slot-headline{font-size:36px;font-weight:800;letter-spacing:.01em}
.fx-slot-char{display:inline-block;overflow:hidden;position:relative;vertical-align:top;border-radius:6px;padding:0 2px;transition:background .15s}
.fx-slot-strip{display:flex;flex-direction:column}
.fx-slot-item{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:800}
.fx-scramble-wrap{height:260px;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);text-align:center}
.fx-scramble-target{cursor:pointer;font-family:var(--mono)}
.fx-scramble-glyph{color:var(--gold)}
.fx-mouse-stage{height:260px;display:flex;align-items:center;justify-content:center;position:relative}
.fx-magnetic-btn{padding:14px 30px;border-radius:100px;border:none;background:var(--gold);color:var(--ink);font-family:var(--font);font-weight:700;font-size:15px;cursor:pointer}
.fx-magnetic-note{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.45);padding:0 var(--sp-4) var(--sp-4)}
.fx-spotlight-stage{overflow:hidden}
.fx-spotlight{position:absolute;top:0;left:0;border-radius:50%;pointer-events:none}
.fx-spotlight-label{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.5);position:relative;z-index:1}
.fx-tilt-card{width:180px;height:220px;border-radius:14px;background:linear-gradient(160deg,var(--felt),var(--felt-deep));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;cursor:default}
.fx-loop-pin{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative}
.fx-loop-cards{position:relative;width:130px;height:162px;list-style:none;margin:0;padding:0;touch-action:none}
.fx-loop-card{width:130px;aspect-ratio:4/5;position:absolute;top:0;left:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;font-family:var(--mono);box-shadow:0 14px 28px rgba(0,0,0,.35)}
.fx-loop-actions{display:flex;gap:10px}
.fx-loop-drag-proxy{visibility:hidden;position:absolute}
.fx-controls{display:flex;flex-direction:column;gap:12px}
.fx-control-row{display:flex;flex-direction:column;gap:4px}
.fx-control-row-inline{flex-direction:row;align-items:center;justify-content:space-between}
.fx-control-label{font-size:12px;font-weight:600;color:var(--ink-soft);display:flex;justify-content:space-between}
.fx-control-val{font-family:var(--mono);color:var(--ink);font-weight:700}
.fx-control-input[type=range]{width:100%;accent-color:var(--felt)}
.fx-control-input:not([type=range]){width:100%;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:#fff;padding:0 10px;font-family:var(--font);font-size:14px;color:var(--ink)}
.fx-control-textarea{height:auto;min-height:72px;padding:8px 10px;resize:vertical;line-height:1.5}
.fx-control-richtext-wrap{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.fx-control-richtext-toolbar{display:flex;gap:2px;padding:6px;background:var(--block);border-bottom:1px solid var(--border)}
.fx-control-richtext-btn{width:28px;height:28px;border-radius:var(--r-sm);border:none;background:0 0;cursor:pointer;font-family:var(--font);font-size:13px;color:var(--ink);display:flex;align-items:center;justify-content:center}
.fx-control-richtext-btn:hover{background:#fff}
.fx-control-richtext{width:100%;height:auto;min-height:64px;padding:8px 10px;line-height:1.5;border:none;border-radius:0;font-family:var(--font);font-size:14px;color:var(--ink)}
.fx-control-richtext:empty::before{content:attr(data-placeholder);color:var(--ink-soft)}
.fx-control-checkbox{width:18px;height:18px;accent-color:var(--felt);flex-shrink:0}
.fx-control-color-wrap{display:flex;align-items:center;gap:10px}
.fx-control-color{width:40px;height:36px;padding:2px;border-radius:var(--r-sm);border:1px solid var(--border);background:#fff;cursor:pointer}
.fx-control-color-hex{font-family:var(--mono);font-size:13px;color:var(--ink-soft)}
.fx-code{background:#14171a;border-radius:var(--r-sm);overflow:hidden;display:flex;flex-direction:column}
.fx-code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.fx-copy{background:0 0;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);font-family:var(--font);font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;cursor:pointer;transition:background .15s}
.fx-copy:hover{background:rgba(255,255,255,.08)}
.fx-copy-done{color:var(--gold);border-color:var(--gold)}
.fx-code pre{margin:0;padding:14px;overflow-x:auto;overflow-y:auto;max-height:520px;flex:1}
.fx-code-content{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;color:#d6e8de;white-space:pre}
@media (max-width:640px){
.fx-card-head{flex-direction:column}
}
.btn .btn-t{display:inline-flex}
.btn:has(> .btn-ic){gap:10px}
.btn-ic{position:relative;display:inline-flex;width:18px;height:18px;flex-shrink:0;overflow:hidden}
.btn-ic svg{width:18px;height:18px;display:block;flex-shrink:0}
.btn-ic .bfx-ic-b{position:absolute;inset:0}
.btn.btn-link{height:auto;padding:6px 0;background:0 0;border:none;border-radius:0;color:var(--ink);box-shadow:none!important;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.btn.btn-link.bfx{text-decoration:none;overflow:visible}
.btn.btn-link.bfx-rm{text-decoration:underline}
.bfx{position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform;--bfx-acc:var(--gold, #39D609);--bfx-accfg:var(--ink, #14171A)}
.bfx.btn-outline{--bfx-acc:var(--ink, #14171A);--bfx-accfg:#fff}
.bfx>.bfx-label,.bfx>.btn-ic,.bfx>.btn-t{position:relative;z-index:2;transition:color .25s}
.bfx-label{display:inline-flex;line-height:1.2}
.bfx-rc{display:inline-block;overflow:hidden;height:1.2em;vertical-align:top}
.bfx-rc-in{display:flex;flex-direction:column}
.bfx-ch,.bfx-rc-in span{display:block;height:1.2em;white-space:pre}
.bfx-ch{display:inline-block}
.bfx-layer{position:absolute;z-index:1;pointer-events:none}
.bfx-fill{border-radius:50%;background:var(--bfx-acc);width:10px;height:10px;margin:-5px 0 0 -5px;transform:scale(0)}
.bfx.bfx-on>.bfx-label,.bfx.bfx-on>.btn-ic,.bfx.bfx-on>.btn-t{color:var(--bfx-accfg)}
.bfx-over{position:absolute;inset:0;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:inherit;background:var(--bfx-acc);color:var(--bfx-accfg);pointer-events:none;border-radius:inherit}
.bfx-dotted{padding-right:calc(38px + 4px)}
.bfx-dot{position:absolute;z-index:1;right:4px;top:4px;bottom:4px;aspect-ratio:1;border-radius:50%;background:var(--bfx-acc);pointer-events:none}
.bfx-dotted>.btn-ic{position:absolute;right:4px;top:4px;bottom:4px;width:auto;height:auto;aspect-ratio:1;align-items:center;justify-content:center;color:var(--bfx-accfg);overflow:visible}
.bfx-dotted>.btn-ic svg{width:16px;height:16px}
.bfx-dotted.bfx-on>.bfx-label,.bfx-dotted.bfx-on>.btn-t{transform:translateX(4px);transition:color .25s .08s,transform .4s cubic-bezier(.16,1,.3,1) .08s}
.bfx-line{position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:currentColor;transform-origin:right}
.btn-link.bfx:has(> .btn-ic) .bfx-line{right:28px}
.bfx-ripple{position:absolute;z-index:1;border-radius:50%;background:currentColor;pointer-events:none;opacity:0}
.bfx-check,.bfx-spin{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;z-index:3;opacity:0;pointer-events:none}
.bfx-spin circle{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:44 100}
.bfx-check path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.bfx:focus-visible{outline:2px solid var(--bfx-acc);outline-offset:3px}
.ifx{position:relative;overflow:hidden;border-radius:var(--ifx-r,0);isolation:isolate}
.ifx-par{position:relative;height:100%;will-change:transform}
.ifx-par.ifx-par-drift{position:absolute;left:0;right:0;height:auto}
.ifx-par>img{display:block;width:100%;height:100%;object-fit:cover}
.ifx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ifx-strip{position:absolute;top:0;bottom:0;z-index:2;pointer-events:none}
.ifx-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:32px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;overflow:hidden;pointer-events:none}
.ifx-cap-in{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--font);font-size:15px;font-weight:600}
.ifx-cap small{font-size:13px;font-weight:400;opacity:.8}
.hl{position:relative}
.hl-list{list-style:none;margin:0;padding:0}
.hl-list li{border-bottom:1px solid var(--border,#e4e5e0)}
.hl-list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 2px;color:var(--ink,#14171a);text-decoration:none;font-family:var(--font);font-size:clamp(20px, 2.4vw, 30px);font-weight:600;letter-spacing:-.02em;transition:color .25s,padding .4s cubic-bezier(.22,1,.36,1)}
.hl-list a small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--ink-soft,#6b7066);white-space:nowrap}
.hl-list:hover a{color:var(--ink-soft,#6b7066)}
.hl-list li a:focus-visible,.hl-list li a:hover{color:var(--ink,#14171a);padding-left:14px;outline:0}
.hl-thumb{display:none;width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}
.hl-float{position:absolute;left:0;top:0;width:200px;aspect-ratio:4/5;border-radius:12px;overflow:hidden;pointer-events:none;z-index:6;box-shadow:0 24px 48px -16px rgba(0,0,0,.45);visibility:hidden}
.hl-float img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (hover:none){
.hl-float{display:none}
.hl-list a{justify-content:flex-start;align-items:center}
.hl-list a .hl-name{flex:1}
.hl-thumb{display:block}
}
.wg{position:relative}
.wg-frame{position:relative;overflow:hidden;aspect-ratio:var(--wg-ar,3/2);border-radius:var(--wg-r,12px);background:#d8dad3;margin:0;outline:0;touch-action:pan-y}
.wg-frame:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold,#39d609)}
.wg-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wg-bar{display:flex;align-items:center;gap:14px;margin-top:14px;font-family:var(--font)}
.wg-cap{flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--ink,#14171a)}
.wg-cap small{display:block;font-size:13px;font-weight:400;color:var(--ink-soft,#6b7066)}
.wg-count{font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink-soft,#6b7066)}
.wg-bar button{width:44px;height:44px;border-radius:50%;border:1px solid var(--border,#d8dad3);background:#fff;color:var(--ink,#14171a);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,transform .15s}
.wg-bar button:hover{border-color:var(--ink,#14171a)}
.wg-bar button:active{transform:scale(.94)}
.wg-bar button:focus-visible{outline:2px solid var(--ink,#14171A);outline-offset:2px}
.wg-bar svg{width:18px;height:18px}
.tfx .ln-mask,.tfx .wd-mask{padding-bottom:.08em;margin-bottom:-.08em}
.tfx-rot{display:inline-grid;vertical-align:top;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.12em;text-decoration-color:var(--gold,#39D609)}
.tfx-rot>span{grid-area:1/1;white-space:nowrap}
.tfx-caret{display:inline-block;width:.06em;height:.9em;background:currentColor;margin-left:.06em;vertical-align:-.08em;animation:1s steps(1) infinite tfxBlink}
@keyframes tfxBlink{
50%{opacity:0}
}
.tfx-reelword{display:inline-flex;white-space:nowrap;vertical-align:top;height:1.1em}
.tfx-reel{position:relative;display:inline-block;overflow:hidden;height:1.1em;line-height:1.1;vertical-align:top}
.tfx-sizer{visibility:hidden}
.tfx-reel-in{position:absolute;left:-.3em;right:-.3em;top:0;display:flex;flex-direction:column}
.tfx-reel-in span{display:block;height:1.1em;line-height:1.1;text-align:center}
.tfx-char{display:inline-block}
.tfx-jp{display:flex;flex-direction:column;gap:10px;font-family:var(--font)}
.tfx-jp-lbl{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft,#6b7066)}
.tfx-odo{display:inline-flex;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink,#14171a)}
.tfx-col{display:inline-block;height:1em;overflow:hidden}
.tfx-col-in{display:flex;flex-direction:column}
.tfx-col-in span,.tfx-sep{display:block;height:1em;line-height:1}
.tfx-jp-sub{font-size:15px;color:var(--ink-body,#484f5a);margin:0}
.tfx-tk{position:relative;display:flex;align-items:center;overflow:hidden;font-family:var(--font)}
.tfx-vp{flex:1;min-width:0;overflow:hidden}
.tfx-trk{display:inline-flex;white-space:nowrap;will-change:transform}
.tfx-tk .tfx-it{display:inline-flex;align-items:center}
.tfx-tk[data-kind=speed] .tfx-it{font-size:clamp(34px, 6vw, 72px);font-weight:700;letter-spacing:-.04em;padding-right:.45em;gap:.45em;color:var(--ink,#14171a)}
.tfx-tk[data-kind=speed] .tfx-dot{width:.28em;height:.28em;border-radius:50%;background:var(--gold,#39d609);display:inline-block}
.tfx-tk[data-kind=outline] .tfx-it{font-size:clamp(38px, 7vw, 84px);font-weight:800;letter-spacing:-.04em;padding-right:.35em;text-transform:uppercase;color:var(--ink,#14171a)}
.tfx-tk[data-kind=outline] .tfx-o{color:transparent;-webkit-text-stroke:1.5px var(--ink,#14171A)}
.tfx-tk[data-kind=tape]{height:48px;background:#14171a;color:#c2c5bc;font-size:14px;letter-spacing:.02em;border-radius:var(--r-sm,8px)}
.tfx-tk[data-kind=tape] .tfx-vp{display:flex;align-items:center;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent)}
.tfx-tk[data-kind=tape] .tfx-it{padding-right:40px}
.tfx-tk[data-kind=tape] .tfx-it b{color:#fff;font-weight:600;margin-right:.35em}
.tfx-tk[data-kind=tape] .tfx-it em{font-style:normal;color:var(--gold,#39d609);margin:0 .35em}
.tfx-live{display:flex;align-items:center;gap:8px;align-self:stretch;padding:0 14px;background:var(--gold,#39d609);color:#14171a;font-weight:700;letter-spacing:.1em;font-size:12px;flex-shrink:0}
.tfx-live i{width:7px;height:7px;border-radius:50%;background:#14171a;animation:1.2s steps(1) infinite tfxBlink}
.tfx-pause{flex-shrink:0;width:40px;height:40px;margin-left:8px;border:1px solid var(--border,#d8dad3);border-radius:50%;background:#fff;color:var(--ink,#14171a);cursor:pointer;display:flex;align-items:center;justify-content:center}
.tfx-tk[data-kind=tape] .tfx-pause{align-self:stretch;height:auto;width:48px;margin:0;border:none;border-radius:0;background:#2a2f33;color:#fff}
.tfx-pause:focus-visible{outline:2px solid var(--gold,#39D609);outline-offset:-2px}
.tfx-pause svg{width:14px;height:14px}
@media (prefers-reduced-motion:reduce){
.tfx-caret,.tfx-live i{animation:none}
}
.gm{--gm-w:156px;--gm-ar:3/4;--gm-r:12px;--gm-h:520px;font-family:var(--font);color:var(--ink,#14171a)}
.gm-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 16px}
.gm-head h3{margin:0;font-size:clamp(22px, 3vw, 30px);font-weight:700;letter-spacing:-.02em}
.gm-all{font-size:14px;color:var(--ink,#14171a);text-decoration:underline;text-underline-offset:4px}
.gm-body{position:relative}
.gm-t{position:relative;width:var(--gm-w);aspect-ratio:var(--gm-ar);border-radius:var(--gm-r);overflow:hidden;background:#d8dad3;flex-shrink:0;cursor:pointer;outline:0;transform:translateZ(0)}
.gm-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none}
.gm-t:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold,#39d609)}
.gm-new{position:absolute;top:8px;left:8px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--gold,#39d609);color:#14171a;border-radius:100px;padding:2px 7px}
.gm-w{width:var(--gm-w);flex-shrink:0}
.gm-cap{margin-top:8px;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-cap small{display:block;font-weight:400;font-size:13px;color:var(--ink-soft,#6b7066)}
.gm-peek{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:34px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;transform:translateY(101%)}
.gm-peek b{display:block;font-size:15px}
.gm-peek small{display:block;font-size:12px;color:#c2c5bc;margin:3px 0 10px}
.gm-vol{display:inline-flex;gap:3px;margin-left:4px;vertical-align:1px}
.gm-vol i{width:5px;height:5px;border-radius:50%;background:#5a5f63}
.gm-vol i.on{background:var(--gold,#39d609)}
.gm-btns{display:flex;gap:6px}
.gm-btns a{font-size:12px;font-weight:700;height:28px;display:inline-flex;align-items:center;padding:0 12px;border-radius:100px;background:var(--gold,#39d609);color:#14171a;text-decoration:none}
.gm-btns a.gm-demo{background:rgba(255,255,255,.16);color:#fff}
.gm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:18px}
.gm-chips{position:relative;display:flex;gap:2px;background:var(--block,#f1f2ef);border-radius:100px;padding:3px}
.gm-chips button{position:relative;z-index:1;font:inherit;font-size:14px;border:none;background:0 0;color:var(--ink-soft,#6b7066);height:34px;padding:0 15px;border-radius:100px;cursor:pointer;transition:color .25s}
.gm-chips button.on{color:#fff}
.gm-chips button:focus-visible{outline:2px solid var(--gold,#39D609)}
.gm-ind{position:absolute;top:3px;left:3px;height:34px;width:40px;border-radius:100px;background:var(--ink,#14171a);z-index:0}
.gm-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:100px;background:var(--block,#f1f2ef);color:var(--ink-soft,#6b7066);flex:0 1 240px}
.gm-search svg{width:16px;height:16px;flex-shrink:0}
.gm-search input{border:none;background:0 0;outline:0;font:inherit;font-size:16px;color:var(--ink,#14171a);width:100%}
.gm-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink,#14171a)}
.gm-count{margin-left:auto;font-size:14px;color:var(--ink-soft,#6b7066);font-variant-numeric:tabular-nums}
.gm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--gm-w),1fr));gap:20px 14px}
.gm-list .gm-t,.gm-list .gm-w{width:100%}
.gm-empty{text-align:center;color:var(--ink-soft,#6b7066);font-size:15px;padding:40px 0;margin:0}
.gm-more{display:flex;justify-content:center;padding:24px 0 0}
.gm-more button{font:inherit;font-size:15px;height:44px;padding:0 22px;border-radius:100px;border:1px solid var(--ink,#14171a);background:0 0;color:var(--ink,#14171a);cursor:pointer;transition:background .2s,color .2s}
.gm-more button:hover{background:var(--ink,#14171a);color:#fff}
.gm-railsec+.gm-railsec{margin-top:22px}
.gm-rail-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.gm-rail-h b{font-size:18px;font-weight:600}
.gm-rail-nav{display:flex;gap:6px}
.gm-flow-info button,.gm-rail-nav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--border,#d8dad3);background:#fff;color:var(--ink,#14171a);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.gm-flow-info button:hover,.gm-rail-nav button:hover{border-color:var(--ink,#14171a)}
.gm-rail-nav button:disabled{opacity:.3;cursor:default}
.gm-flow-info svg,.gm-rail-nav svg{width:16px;height:16px}
.gm-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.gm-rail::-webkit-scrollbar{display:none}
.gm-rail .gm-w{scroll-snap-align:start}
.gm-rail .gm-t{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.gm-rail .gm-w:hover .gm-t{transform:translateY(-4px)}
.gm-stagebox{position:relative;height:var(--gm-h);overflow:hidden;border-radius:var(--gm-r)}
.gm-wallbox{cursor:grab;touch-action:none;background:var(--block,#f1f2ef);outline:0}
.gm-wallbox:active{cursor:grabbing}
.gm-wallbox .gm-t{position:absolute;left:0;top:0;will-change:transform}
.gm-proxy{position:absolute;left:0;top:0;width:1px;height:1px;visibility:hidden}
.gm-colsbox{-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.gm-cols{position:absolute;inset:-12% 0;display:flex;gap:14px;justify-content:center}
.gm-col{display:flex;flex-direction:column;gap:14px;flex:1;max-width:var(--gm-w)}
.gm-col .gm-t{width:100%}
.gm-ringbox{perspective:1200px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;outline:0}
.gm-ring{position:relative;width:var(--gm-w);aspect-ratio:var(--gm-ar);transform-style:preserve-3d}
.gm-ring .gm-t{position:absolute;inset:0;width:100%;backface-visibility:hidden}
.gm-flowbox{perspective:1000px;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;outline:0;height:calc(var(--gm-h) - 64px);overflow:visible}
.gm-flowbox .gm-t{position:absolute;width:calc(var(--gm-w) * 1.25);box-shadow:0 24px 44px -20px rgba(0,0,0,.5)}
.gm-flow-info{display:flex;align-items:center;justify-content:center;gap:16px;height:64px}
.gm-flow-info span{min-width:200px;text-align:center}
.gm-flow-info b{display:block;font-size:16px;font-weight:600}
.gm-flow-info small{display:block;font-size:13px;color:var(--ink-soft,#6b7066)}
.gm-mosbox{background:var(--block,#f1f2ef)}
.gm-mosaic{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:repeat(9,calc(var(--gm-w) * .62));gap:10px;will-change:transform}
.gm-mosaic .gm-t{width:100%}
.gm-movebox{display:flex;align-items:center}
.gm-mwall{position:absolute;inset:-10% -10%;display:flex;flex-direction:column;justify-content:center;gap:14px;transform:rotate(-6deg)}
.gm-mrow{display:flex;gap:14px;width:max-content}
.gm-mrow .gm-t{width:calc(var(--gm-w) * .82)}
.gm-pause{position:absolute;right:12px;bottom:12px;z-index:40;width:40px;height:40px;border-radius:50%;border:none;background:rgba(20,23,26,.72);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px)}
.gm-pause svg{width:14px;height:14px}
.gm-pause:focus-visible{outline:2px solid var(--gold,#39D609);outline-offset:2px}
@media (max-width:640px){
.gm{--gm-w:128px}
.gm-count{width:100%;margin:0}
}
.gs-lucky{display:flex;flex-direction:column;align-items:center;gap:20px;font-family:var(--font);--gm-w:132px;--gm-ar:3/4;--gm-r:12px}
.gs-h{margin:0;font-size:clamp(22px, 3vw, 30px);font-weight:700;letter-spacing:-.02em;text-align:center}
.gs-reels{display:flex;gap:12px;padding:12px;border-radius:20px;background:var(--block,#f1f2ef)}
.gs-reel{width:var(--gm-w);aspect-ratio:var(--gm-ar);overflow:hidden;border-radius:var(--gm-r);position:relative}
.gs-strip{display:flex;flex-direction:column}
.gs-strip .gm-t{width:var(--gm-w);border-radius:0;cursor:default}
.gs-ctl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:15px}
.gs-spin{font:inherit;font-size:16px;font-weight:600;height:48px;padding:0 28px;border-radius:100px;border:none;background:var(--gold,#39d609);color:#14171a;cursor:pointer}
.gs-spin:disabled{opacity:.55;cursor:default}
.gs-spin:focus-visible{outline:2px solid var(--ink,#14171A);outline-offset:2px}
.gs-out{min-width:220px;color:var(--ink-soft,#6b7066)}
.gs-out b{color:var(--ink,#14171a)}
.gs-go{color:var(--ink,#14171a);margin-left:6px}
.gd-deck{display:flex;flex-direction:column;align-items:center;gap:18px;font-family:var(--font);outline:0;--gm-w:220px;--gm-ar:3/4;--gm-r:16px;padding-bottom:6px}
.gd-h{margin:0;font-size:clamp(22px, 3vw, 30px);font-weight:700;letter-spacing:-.02em;text-align:center}
.gd-pile{position:relative;width:var(--gm-w);aspect-ratio:var(--gm-ar);margin-bottom:24px}
.gd-pile .gm-t{position:absolute;inset:0;width:100%;box-shadow:0 20px 44px -18px rgba(0,0,0,.45);touch-action:none}
.gd-lbl{position:absolute;top:14px;font-size:12px;font-weight:700;letter-spacing:.1em;padding:5px 11px;border-radius:100px;opacity:0;z-index:60;pointer-events:none}
.gd-skip{left:14px;background:#fff;color:#14171a}
.gd-play{right:14px;background:var(--gold,#39d609);color:#14171a}
.gd-now{margin:0;font-size:15px;font-weight:600;min-height:1.3em}
.gd-ctl{display:flex;gap:10px}
.gd-ctl button{font:inherit;font-size:15px;height:44px;padding:0 22px;border-radius:100px;border:1px solid var(--border,#d8dad3);background:#fff;color:var(--ink,#14171a);cursor:pointer}
.gd-ctl button.gd-go{background:var(--gold,#39d609);border-color:var(--gold,#39d609);color:#14171a;font-weight:600}
.gd-ctl button:focus-visible,.gd-deck:focus-visible{outline:2px solid var(--ink,#14171A);outline-offset:2px}
.gd-deck,.gm,.gs-lucky{width:100%;box-sizing:border-box}
.gm-orbbox{display:flex;align-items:center;justify-content:center}
.gm-orb-mid{position:relative;z-index:5;text-align:center;display:flex;flex-direction:column;gap:4px;pointer-events:none}
.gm-orb-mid small{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft,#6b7066);pointer-events:auto}
.gm-orb-mid b{font-size:clamp(28px, 4vw, 48px);font-weight:700;letter-spacing:-.035em;pointer-events:auto}
.gm-orb-ring{position:absolute;left:50%;top:50%}
.gm-orb-it{position:absolute;left:0;top:0}
.gm-orb-it .gm-t{width:calc(var(--gm-w) * .5);margin:calc(var(--gm-w) * -.33) 0 0 calc(var(--gm-w) * -.25)}
.gm-diabox{perspective:1100px;perspective-origin:30% 40%;touch-action:pan-y;cursor:grab;outline:0;transform-style:preserve-3d;overflow:visible;height:calc(var(--gm-h) - 64px)}
.gm-diabox .gm-t{position:absolute;left:calc(50% - var(--gm-w) * .7);top:calc(50% - var(--gm-w) * .45);box-shadow:0 20px 40px -18px rgba(0,0,0,.55)}
.gm-lay-diagonal .gm-body{overflow:hidden;border-radius:var(--gm-r)}
.gm-corbox{perspective:420px;perspective-origin:50% 50%;background:var(--block,#f1f2ef)}
.gm-cor-world{position:absolute;left:50%;top:50%;transform-style:preserve-3d}
.gm-cor-it{position:absolute;left:calc(var(--gm-w) * -.4);top:0;transform-style:preserve-3d}
.gm-cor-it .gm-t{width:calc(var(--gm-w) * .8)}
.gm-cor-end{position:absolute;left:-180px;top:-44px;width:360px;text-align:center;display:flex;flex-direction:column;gap:4px}
.gm-cor-end b{font-size:44px;font-weight:700;letter-spacing:-.04em}
.gm-cor-end small{font-size:15px;color:var(--ink-soft,#6b7066)}
.gm-fbbox{display:flex;align-items:center;justify-content:center;gap:36px;overflow:visible}
.gm-lay-flipbook .gm-body{overflow:hidden}
.gm-fb-pile{position:relative;width:calc(var(--gm-w) * 1.2);aspect-ratio:var(--gm-ar)}
.gm-fb-pile .gm-t{position:absolute;inset:0;width:100%;box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.gm-fb-meta{display:flex;flex-direction:column;gap:2px;min-width:140px}
.gm-fb-meta b{font-size:64px;font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.gm-fb-meta span{font-size:15px;color:var(--ink-soft,#6b7066)}
.gm-fb-meta small{font-size:16px;font-weight:600;margin-top:12px}
.gm-bentobox{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px}
.gm-bn{position:relative;min-width:0;min-height:0}
.gm-bn .gm-t{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.gm-bn0{grid-column:1/3;grid-row:1/3}
.gm-bn1{grid-column:3;grid-row:1}
.gm-bn2{grid-column:4;grid-row:1/3}
.gm-bn3{grid-column:3;grid-row:2}
.gm-bn4{grid-column:1;grid-row:3}
.gm-bn5{grid-column:2/4;grid-row:3}
.gm-bn6{grid-column:4;grid-row:3}
.gm-doors{display:flex;gap:10px;height:var(--gd-h,480px);font-family:var(--font)}
.gm-door{position:relative;flex:1 1 0;min-width:0;border-radius:var(--gd-r,14px);overflow:hidden;cursor:pointer;color:#fff;text-decoration:none;outline:0;background:#2a2f33}
.gm-door:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold,#39d609)}
.gm-door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15)}
.gm-door-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.72))}
.gm-door-v{position:absolute;left:50%;bottom:22px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:20px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.gm-door-h{position:absolute;left:26px;right:26px;bottom:24px;opacity:0;visibility:hidden;display:flex;flex-direction:column;gap:6px}
.gm-door-h b{font-size:clamp(26px, 3.4vw, 44px);font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.gm-door-h small{font-size:15px;color:#d6d8d1}
.gm-door-h i{font-style:normal;font-size:15px;font-weight:600;margin-top:10px;color:var(--gold,#39d609)}
.gm-doors.is-stacked,.pb-device-frame.device-mobile .gm-doors{flex-direction:column}
.pb-device-frame.device-mobile .gm-door-v{writing-mode:horizontal-tb;transform:translate(-50%,-50%);top:50%;bottom:auto}
@media (max-width:640px){
.gm-doors{flex-direction:column}
.gm-door-v{writing-mode:horizontal-tb;transform:translate(-50%,-50%);top:50%;bottom:auto}
}
.gm-fanwrap{position:relative;height:var(--gf-h,440px);overflow:hidden}
.gm-fan{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gm-fan-c{position:absolute;width:clamp(150px,20vw,210px);aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#2a2f33;transform-origin:50% 120%;cursor:pointer;outline:0;box-shadow:0 18px 36px -16px rgba(0,0,0,.55);color:#fff;text-decoration:none;font-family:var(--font)}
.gm-fan-c:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold,#39d609)}
.gm-fan-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gm-fan-c span{position:absolute;left:0;right:0;bottom:0;padding:32px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.gm-fan-c b{display:block;font-size:16px}
.gm-fan-c small{display:block;font-size:13px;color:var(--gold,#39d609);font-weight:600;margin-top:2px}
.gm-fav{font-family:var(--font)}
.gm-fav-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.gm-fav-h h3{margin:0;font-size:clamp(20px, 2.6vw, 26px);font-weight:700;letter-spacing:-.02em}
.gm-fav-h small{font-size:13px;color:var(--ink-soft,#6b7066)}
.gm-fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px}
.gm-fav-it{position:relative;border-radius:var(--gm-r);cursor:grab;outline:0;touch-action:none}
.gm-fav-it:focus-visible .gm-t{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold,#39d609)}
.gm-fav-it .gm-t{width:100%;aspect-ratio:4/3;pointer-events:none}
.gm-fav-it small{display:block;font-size:14px;font-weight:600;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfx-inl{display:inline-block;width:0;height:.82em;vertical-align:-.06em;border-radius:100px;overflow:hidden;position:relative}
.tfx-inl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tfx-wave{display:block;width:100%;height:auto;overflow:visible}
.tfx-wave text{fill:currentColor}
.bnr-wrap{container-type:inline-size;position:relative;width:100%;color:var(--ink,#14171a);--bnr-acc:var(--gold, #39D609);--bnr-ink:var(--ink, #14171A);--bnr-sand:var(--block, #F1F2EF);--bnr-line:var(--border, #D8DAD3);--bnr-soft:#6B7066}
.bnr-wrap .bnr{position:relative;height:var(--bnr-h);overflow:hidden;border-radius:var(--bnr-r);isolation:isolate;font-family:inherit}
.bnr-flow .bnr{height:auto;min-height:var(--bnr-h)}
.bnr-img{position:absolute;inset:0;overflow:hidden}
.bnr-cover,.bnr-img img,.bnr-img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}
.bnr-scrim{position:absolute;inset:0;pointer-events:none;opacity:calc(var(--bnr-dk, .5) * 2);background-color:rgba(10,12,14,calc((var(--bnr-dk,.5) - .5) * 1.3));background-image:radial-gradient(120% 90% at 30% 60%,rgba(10,12,14,.38),transparent 75%),linear-gradient(180deg,rgba(10,12,14,.34),rgba(10,12,14,.74))}
.bnr-ov .bnr-scrim,.bnr-sto .bnr-scrim{background-image:radial-gradient(90% 80% at 50% 55%,rgba(10,12,14,.42),transparent 80%),linear-gradient(180deg,rgba(10,12,14,.34),rgba(10,12,14,.74))}
.bnr-copy{position:relative;z-index:3;display:flex;flex-direction:column;gap:14px;max-width:560px}
.bnr-eye{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;min-height:1.2em}
.bnr-wrap .bnr-h{margin:0;font-size:clamp(30px, 6.4cqi, 60px);font-weight:700;letter-spacing:-.04em;line-height:1.02;text-wrap:balance;color:inherit;font-family:inherit}
.bnr-wrap .bnr-h.bnr-s{font-size:clamp(26px, 5cqi, 44px)}
.bnr-wrap .bnr-sub{margin:0;font-size:clamp(15px, 2cqi, 18px);line-height:1.5;opacity:.92;max-width:44ch;color:inherit}
.bnr-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.bnr-wrap .bnr-btn{height:50px;padding:0 24px;border-radius:100px;background:var(--bnr-acc);color:var(--bnr-ink);font-size:16px;font-weight:600;gap:8px;transition:transform .2s cubic-bezier(.34,1.4,.64,1);box-shadow:none}
.bnr-wrap .bnr-btn:hover{transform:translateY(-2px)}
.bnr-wrap .bnr-btn:active{transform:scale(.97)}
.bnr-wrap .bnr-btn-ink{background:var(--bnr-ink);color:#fff}
.bnr-wrap .bnr-btn-ghost{background:0 0;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.bnr-wrap .bnr-sbtn{height:48px;padding:0 22px}
.bnr-wrap .btn:focus-visible{outline:2px solid var(--bnr-acc);outline-offset:3px}
.bnr-wrap .bnr-terms{margin:0;font-size:11.5px;line-height:1.45;opacity:.8;max-width:60ch;color:inherit}
.bnr-terms a{color:inherit}
.bnr-dark{color:#fff}
.bnr-dark .bnr-sub,.bnr-dark .bnr-terms{text-shadow:0 1px 12px rgba(0,0,0,.35)}
.bnr-ln-mask{padding-bottom:.06em;margin-bottom:-.06em}
.bnr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bnr-note{position:absolute;left:16px;bottom:12px;z-index:4;font-size:12px;color:rgba(255,255,255,.7)}
.bnr-ctl{position:absolute;z-index:10;display:flex;align-items:center;gap:8px}
.bnr-ic{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:var(--bnr-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px -6px rgba(0,0,0,.4);padding:0}
.bnr-ic svg{width:16px;height:16px}
.bnr-an button:focus-visible,.bnr-dots button:focus-visible,.bnr-ic:focus-visible,.bnr-tap:focus-visible,.bnr-th-strip button:focus-visible{outline:2px solid var(--bnr-acc);outline-offset:2px}
.bnr-ic-dk{background:rgba(20,23,26,.72);color:#fff;backdrop-filter:blur(6px)}
.bnr-ic-line{background:#fff;box-shadow:inset 0 0 0 1.5px var(--bnr-line)}
.bnr-arrows{display:flex;gap:8px}
.bnr-dots{display:flex;gap:6px}
.bnr-dots button{width:26px;height:4px;border-radius:4px;border:none;padding:0;background:rgba(255,255,255,.45);cursor:pointer;position:relative;overflow:hidden}
.bnr-dots button i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.bnr-wrap [contenteditable=true]{outline:0}
.bnr-ov{display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 24px}
.bnr-ov .bnr-copy{align-items:center}
.bnr-sp{display:grid;grid-template-columns:1fr 1fr;background:var(--bnr-sand)}
.bnr-sp-flip .bnr-sp-img{order:-1}
.bnr-sp-copy{display:flex;align-items:center;padding:32px clamp(20px,5cqi,56px)}
.bnr-sp-img{position:relative;overflow:hidden;margin:14px;border-radius:max(8px,calc(var(--bnr-r) - 4px));min-height:240px}
@container (max-width:560px){
.bnr-wrap>.bnr{--bnr-h:var(--bnr-hm)}
.bnr-flow>.bnr{min-height:0}
.bnr-sp{grid-template-columns:1fr}
.bnr-sp .bnr-sp-img{order:-1;margin:10px 10px 0;height:220px;min-height:0}
.bnr-sp-copy{padding:22px 20px 26px}
}
.bnr-fs,.bnr-vd{display:flex;align-items:flex-end;padding:0 clamp(20px,5cqi,56px) clamp(28px,6cqi,56px)}
.bnr-vd video{opacity:0;transition:opacity .6s}
.bnr-vd-on video{opacity:1}
.bnr-vd-ctl{right:16px;top:16px}
.bnr-st{background:var(--bnr-sand);display:flex;flex-direction:column;justify-content:center;gap:28px;padding:36px clamp(20px,5cqi,56px)}
.bnr-st-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--bnr-line);padding-top:22px}
.bnr-st-n{display:flex;font-size:clamp(34px, 7.5cqi, 64px);font-weight:700;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.bnr-st-l{font-size:14px;color:var(--bnr-soft);margin-top:8px}
.bnr-odo-col{display:inline-block;height:1em;overflow:hidden}
.bnr-odo-in{display:flex;flex-direction:column}
.bnr-odo-in span,.bnr-odo-sep{display:block;height:1em;line-height:1}
@container (max-width:560px){
.bnr-st-row{grid-template-columns:1fr;gap:18px}
}
.bnr-slide{position:absolute;inset:0;display:flex;align-items:flex-end;padding:0 clamp(20px,5cqi,56px) clamp(72px,10cqi,88px)}
.bnr-cs-ctl{left:clamp(20px,5cqi,56px);right:clamp(20px,5cqi,56px);bottom:22px;justify-content:space-between}
.bnr-sto-bars{position:absolute;z-index:10;left:14px;right:14px;top:12px;display:flex;gap:6px}
.bnr-sto-bars span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.bnr-sto-bars i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.bnr-sto .bnr-slide{padding-bottom:clamp(28px,6cqi,56px);pointer-events:none}
.bnr-sto .bnr-slide .bnr-copy{pointer-events:auto}
.bnr-sto .bnr-copy .btn{position:relative;z-index:6}
.bnr-tap{position:absolute;z-index:5;top:0;width:30%;background:0 0;border:none;cursor:pointer;padding:0}
.bnr-tap-l{left:0}
.bnr-tap-r{right:0}
.bnr-sto-state{position:absolute;z-index:10;right:14px;top:24px;font-size:11px;color:#fff;opacity:0;background:rgba(20,23,26,.6);padding:3px 8px;border-radius:100px}
.bnr-pk{background:var(--bnr-sand);display:flex;flex-direction:column;justify-content:center;gap:16px;padding:28px 0}
.bnr-pk-vp{overflow:hidden;flex-shrink:0}
.bnr-pk-track{display:flex;gap:14px;padding-left:clamp(16px,5cqi,56px);touch-action:pan-y;cursor:grab;will-change:transform}
.bnr-pk-track:active{cursor:grabbing}
.bnr-pk-card{position:relative;flex:0 0 min(78cqi,640px);height:clamp(240px,52cqi,360px);border-radius:max(8px,var(--bnr-r));overflow:hidden}
.bnr-pk-card .bnr-copy{position:absolute;left:24px;right:24px;bottom:22px;gap:10px}
.bnr-pk-ctl{position:relative;padding-inline:clamp(16px,5cqi,56px);justify-content:space-between}
.bnr-pk-count{font-size:14px;color:var(--bnr-soft);font-variant-numeric:tabular-nums}
.bnr-pk-terms{padding-inline:clamp(16px,5cqi,56px);color:var(--bnr-soft)}
.bnr-pk-terms:empty,.bnr-pk-terms>div:empty{display:none}
.bnr-ss{display:grid;grid-template-columns:1fr 1fr;background:var(--bnr-ink);color:#fff}
.bnr-ss-col{position:relative;overflow:hidden}
.bnr-ss-txt .bnr-ss-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px clamp(20px,5cqi,56px) 84px}
.bnr-ss-img .bnr-ss-panel{position:absolute;inset:0}
.bnr-ss-ctl{left:clamp(20px,5cqi,56px);bottom:22px}
.bnr-ss-n{font-size:13px;color:var(--bnr-soft,#6b7066);font-variant-numeric:tabular-nums;letter-spacing:.08em}
@container (min-width:561px){
.bnr-ss{height:var(--bnr-h)}
}
@container (max-width:560px){
.bnr-ss{grid-template-columns:1fr;grid-template-rows:220px minmax(420px,auto)}
.bnr-ss-img{order:-1}
}
.bnr-th{display:flex;flex-direction:column;background:var(--bnr-ink)}
.bnr-th-main{position:relative;flex:1;overflow:hidden}
.bnr-th-ctl{right:16px;top:16px}
.bnr-th-strip{display:flex;gap:8px;padding:10px;background:var(--bnr-ink);overflow-x:auto;scrollbar-width:none}
.bnr-th-strip button{position:relative;flex:1 0 110px;height:64px;border:none;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity .3s;text-align:left;color:#fff;font:inherit;background:#23282c}
.bnr-th-strip button.bnr-on{opacity:1}
.bnr-th-strip button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bnr-th-strip button span{position:absolute;left:8px;right:8px;bottom:7px;font-size:12px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnr-th-strip button i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--bnr-acc);transform:scaleX(0);transform-origin:left}
.bnr-ck{background:var(--bnr-sand);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:32px clamp(20px,5cqi,56px)}
.bnr-ck-pile{position:relative;height:min(calc(var(--bnr-h) - 90px),360px);aspect-ratio:4/5;justify-self:center}
.bnr-ck-c{position:absolute;inset:0;border-radius:max(8px,var(--bnr-r));overflow:hidden;box-shadow:0 22px 44px -22px rgba(0,0,0,.55);touch-action:none}
.bnr-ck-c .bnr-copy{position:absolute;left:18px;right:18px;bottom:18px;gap:6px}
.bnr-wrap .bnr-ck-c .bnr-h{font-size:26px}
@container (max-width:560px){
.bnr-ck{grid-template-columns:1fr;padding-top:22px}
.bnr-ck-pile{height:320px}
}
.bnr-wrap .bnr-sy{height:calc(var(--bnr-h) * var(--bnr-n,3));overflow:visible;border-radius:0}
.bnr-sy-pin{position:sticky;top:0;height:var(--bnr-h);overflow:hidden;border-radius:var(--bnr-r)}
.bnr-sy-slide{position:absolute;inset:0;display:flex;align-items:flex-end;padding:0 clamp(20px,5cqi,56px) clamp(28px,6cqi,56px)}
.bnr-sy-rail{position:absolute;z-index:6;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}
.bnr-sy-rail i{width:3px;height:34px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden;position:relative}
.bnr-sy-rail i b{position:absolute;inset:0;background:#fff;transform:scaleY(0);transform-origin:top}
.bnr-wrap .bnr-sy.bnr-sy-flat{height:auto}
.bnr-sy-flat .bnr-sy-pin{position:static;height:auto;display:grid;gap:12px;overflow:visible}
.bnr-sy-flat .bnr-sy-slide{position:relative;min-height:var(--bnr-h);border-radius:var(--bnr-r);overflow:hidden}
.bnr-sy-flat .bnr-sy-rail{display:none}
.bnr-cd{background:var(--bnr-ink);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding:32px clamp(20px,5cqi,56px)}
.bnr-cd-live .bnr-eye{color:var(--bnr-acc)}
.bnr-cd-clock{display:flex;gap:10px;justify-content:center}
.bnr-cd-u{display:flex;flex-direction:column;align-items:center;gap:8px}
.bnr-cd-u small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bnr-soft,#6b7066)}
.bnr-cd-d{display:flex;gap:4px}
.bnr-flip{position:relative;width:clamp(34px,6.4cqi,54px);height:clamp(48px,9cqi,76px);perspective:300px;font-size:clamp(30px, 6cqi, 52px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.bnr-flip span{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#23282c;display:flex;justify-content:center;backface-visibility:hidden}
.bnr-flip .bnr-t{top:0;align-items:flex-end;border-radius:8px 8px 0 0;border-bottom:1px solid var(--bnr-ink)}
.bnr-flip .bnr-t b{transform:translateY(50%)}
.bnr-flip .bnr-b{bottom:0;align-items:flex-start;border-radius:0 0 8px 8px}
.bnr-flip .bnr-b b{transform:translateY(-50%)}
.bnr-flip .bnr-ft{z-index:2;transform-origin:bottom}
.bnr-flip .bnr-fb{z-index:2;transform-origin:top;transform:rotateX(90deg)}
.bnr-flip b{font-weight:700}
.bnr-cd-end,.bnr-cd.bnr-ended .bnr-cd-clock,.bnr-cd.bnr-ended .bnr-cd-live{display:none}
.bnr-cd.bnr-ended{grid-template-columns:1fr}
.bnr-cd.bnr-ended .bnr-cd-end{display:block}
@container (max-width:560px){
.bnr-cd{grid-template-columns:1fr}
.bnr-cd-clock{justify-content:flex-start}
}
.bnr-jp{display:grid;grid-template-columns:1fr .8fr;background:var(--bnr-ink)}
.bnr-jp-copy{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px clamp(20px,5cqi,56px)}
.bnr-jp-n{display:flex;font-size:clamp(40px, 9cqi, 84px);font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--bnr-acc);font-variant-numeric:tabular-nums}
.bnr-jp-img{position:relative;margin:14px;border-radius:max(8px,calc(var(--bnr-r) - 4px));overflow:hidden;min-height:240px}
.bnr-jp-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em}
.bnr-jp-live i{width:8px;height:8px;border-radius:50%;background:var(--bnr-acc);animation:1.4s steps(1) infinite bnr-blink}
@keyframes bnr-blink{
50%{opacity:.2}
}
@container (max-width:560px){
.bnr-jp{grid-template-columns:1fr}
.bnr-jp-img{order:-1;margin:10px 10px 0;height:200px;min-height:0}
}
.bnr-tw{background:var(--bnr-sand);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;padding:32px 20px}
.bnr-wrap .bnr-tw-word{margin:0;font-size:clamp(90px, 27cqi, 260px);font-weight:800;letter-spacing:-.06em;line-height:.86;color:transparent;background-color:var(--bnr-ink);background-size:cover;background-position:50% 50%;-webkit-background-clip:text;background-clip:text;will-change:transform}
.bnr-tw-word:focus{color:rgba(20,23,26,.25)}
.bnr-tw .bnr-sub{opacity:.8}
.bnr-su{display:grid;grid-template-columns:1fr 1fr;background:var(--bnr-sand)}
.bnr-su-flip .bnr-su-img{order:2}
.bnr-su-img{position:relative;overflow:hidden;min-height:240px}
.bnr-su-form{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:32px clamp(20px,5cqi,48px)}
.bnr-su-steps{display:flex;align-items:center;gap:6px}
.bnr-su-steps i{width:28px;height:28px;border-radius:50%;background:var(--bnr-line);color:var(--bnr-soft);font-style:normal;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bnr-su-steps i.bnr-on{background:var(--bnr-ink);color:#fff}
.bnr-su-steps u{flex:0 0 22px;height:2px;background:var(--bnr-line);text-decoration:none}
.bnr-su-field{display:flex;gap:8px;background:#fff;border-radius:100px;padding:5px 5px 5px 18px;box-shadow:inset 0 0 0 1.5px var(--bnr-line);transition:box-shadow .2s;margin:0;max-width:460px}
.bnr-su-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--bnr-ink)}
.bnr-su-field.bnr-bad{box-shadow:inset 0 0 0 1.5px var(--danger,#c0392b)}
.bnr-su-field input{flex:1;min-width:0;border:none;background:0 0;outline:0;font:inherit;font-size:16px;color:var(--bnr-ink)}
.bnr-wrap .bnr-su-field .bnr-btn{height:44px;padding:0 18px}
.bnr-su-msg{font-size:13px;min-height:1.3em;color:var(--bnr-soft);margin:0}
.bnr-su-msg.bnr-bad{color:var(--danger,#c0392b)}
.bnr-su-offer{display:flex;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:10px;font-size:13px;max-width:460px}
.bnr-su-offer img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}
.bnr-su-offer b{display:block;font-size:15px}
.bnr-su .bnr-terms{color:var(--bnr-soft);opacity:1}
@container (max-width:560px){
.bnr-su{grid-template-columns:1fr}
.bnr-su .bnr-su-img{order:-1;height:200px;min-height:0}
.bnr-su-form{padding:22px 20px 26px}
}
.bnr-wb{display:grid;grid-template-columns:1.1fr .9fr;background:var(--bnr-sand);align-items:center;gap:24px;padding:32px clamp(20px,5cqi,56px)}
.bnr-wb-side{display:flex;flex-direction:column;gap:12px}
.bnr-wb-game{display:flex;gap:14px;align-items:center;background:#fff;border-radius:max(8px,var(--bnr-r));padding:12px;box-shadow:0 12px 30px -18px rgba(0,0,0,.35)}
.bnr-wb-game img{width:88px;height:110px;object-fit:cover;border-radius:8px;flex-shrink:0}
.bnr-wb-game>div{flex:1;min-width:0}
.bnr-wb-game b{display:block;font-size:17px}
.bnr-wb-game small{display:block;font-size:13px;color:var(--bnr-soft);margin:2px 0 10px}
.bnr-wrap .bnr-wb-game .btn{height:38px;padding:0 16px;font-size:14px;white-space:nowrap}
.bnr-wb-note{font-size:13px;color:var(--bnr-soft)}
.bnr-wb-bar{height:8px;border-radius:8px;background:var(--bnr-line);overflow:hidden}
.bnr-wb-bar i{display:block;height:100%;width:100%;background:var(--bnr-acc);transform:scaleX(0);transform-origin:left}
@container (max-width:560px){
.bnr-wb{grid-template-columns:1fr}
}
.bnr-wrap[data-layout=announce]{overflow:hidden}
.bnr-wrap .bnr-an{height:auto;border-radius:0;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px 0 16px;background:var(--bnr-ink);color:#fff;font-size:14px}
.bnr-an-roll{position:relative;flex:1;height:44px;overflow:hidden}
.bnr-an-roll p{position:absolute;left:0;right:0;top:0;height:44px;margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnr-an-roll p b{color:var(--bnr-acc);font-weight:600}
.bnr-an-roll a{color:#fff}
.bnr-an>button{width:32px;height:32px;flex-shrink:0;border-radius:50%;border:none;background:0 0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.bnr-an>button:hover{background:#2a2f33}
.bnr-an svg{width:14px;height:14px}
@media (prefers-reduced-motion:reduce){
.bnr-jp-live i{animation:none}
.bnr-wrap .bnr-btn{transition:none}
}
.bnr-slide~.bnr-slide,.bnr-ss-panel~.bnr-ss-panel{visibility:hidden}
.bnr-sy-slide~.bnr-sy-slide{clip-path:inset(100% 0 0 0)}
.bnr-wrap .bnr-sy-flat .bnr-sy-slide{clip-path:none}
.pb-template-thumb .bnr-wrap .bnr-sy{height:var(--bnr-h)}
.bnr-tap{bottom:40%}
.bnr-wrap .bnr-h,.bnr-wrap .bnr-sub,.bnr-wrap .bnr-terms,.bnr-wrap .bnr-tw-word{text-transform:none}
.bnr-wrap:not([data-bg]) :is(.bnr-ss,.bnr-th,.bnr-th-strip,.bnr-cd,.bnr-jp,.bnr-an){--bnr-soft:rgba(255,255,255,.72)}
.clx-wrap{container-type:inline-size;position:relative;width:100%;color:var(--ink,#14171a);--clx-acc:var(--gold, #39D609);--clx-ink:var(--ink, #14171A);--clx-sand:var(--block, #F1F2EF);--clx-line:var(--border, #D8DAD3);--clx-soft:#6B7066;--clx-top:var(--bs-sticky-h, 0px)}
.clx-wrap img{display:block;-webkit-user-drag:none;user-select:none}
.clx-in{padding-inline:clamp(18px,5cqi,56px)}
.clx-wrap .clx-k{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.clx-wrap .clx-h{margin:6px 0 0;font-size:clamp(28px, 5.6cqi, 56px);font-weight:700;letter-spacing:-.04em;line-height:1.03;text-wrap:balance;color:inherit;text-transform:none}
.clx-wrap .clx-h.s{font-size:clamp(22px, 3.6cqi, 36px)}
.clx-wrap .clx-p{margin:0;font-size:16px;line-height:1.55;opacity:.8;max-width:46ch;color:inherit}
.clx-wrap .clx-btn{height:48px;padding:0 22px;border-radius:100px;background:var(--clx-acc);color:var(--clx-ink);font-weight:600;font-size:15px}
.clx-wrap .clx-btn-ink{background:var(--clx-ink);color:#fff}
.clx-ic{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:none;background:#fff;color:var(--clx-ink);box-shadow:inset 0 0 0 1.5px var(--clx-line);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.clx-ic svg{width:15px;height:15px}
.clx-ic:focus-visible,.clx-wrap .btn:focus-visible{outline:2px solid var(--clx-acc);outline-offset:2px}
.clx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.clx-dark,.clx-lm.clx-dark{background:var(--clx-ink);color:#fff}
.clx-dark .clx-ic{background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.clx-px{position:relative;height:var(--clx-h,560px);overflow:hidden;background:#1a1c1e;color:#fff}
.clx-px-bg{position:absolute;left:0;right:0;top:-12%;height:124%}
.clx-px-bg img{width:100%;height:100%;object-fit:cover}
.clx-px-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.72),rgba(10,12,14,.12) 70%)}
.clx-px-mid{position:absolute;right:8%;top:14%;width:min(30cqi,300px);aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.clx-px-mid img{width:100%;height:100%;object-fit:cover}
.clx-px-chip{position:absolute;right:calc(8% + min(30cqi,300px) - 40px);top:9%;z-index:3;background:#fff;color:var(--clx-ink);border-radius:100px;padding:8px 14px 8px 10px;font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.clx-px-chip i{width:8px;height:8px;border-radius:50%;background:var(--clx-acc)}
.clx-px-front{position:absolute;left:clamp(18px,5cqi,56px);bottom:clamp(28px,6cqi,56px);max-width:min(58%,620px);display:flex;flex-direction:column;gap:14px;z-index:4}
.clx-px-w{display:flex;flex-direction:column;gap:12px;padding-block:12px}
.clx-win{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4cqi,56px);align-items:center;padding:12px clamp(18px,5cqi,56px)}
.clx-win:nth-child(odd) .clx-frame{order:2}
.clx-frame{position:relative;height:clamp(240px,36cqi,420px);border-radius:16px;overflow:hidden}
.clx-frame img{position:absolute;left:0;top:-16%;width:100%;height:132%;object-fit:cover}
.clx-win-t{display:flex;flex-direction:column;gap:10px}
@container (max-width:600px){
.clx-win{grid-template-columns:1fr}
.clx-win:nth-child(odd) .clx-frame{order:0}
.clx-px-mid{width:38cqi;right:6%}
.clx-px-chip{display:none}
.clx-px-front{max-width:88%}
}
.clx-ph{background:var(--clx-sand)}
.clx-ph-track{position:relative}
.clx-ph-pin{position:sticky;top:var(--clx-top);height:calc(100vh - var(--clx-top));max-height:860px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:22px}
.clx-ph-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}
.clx-ph-count{font-size:14px;color:var(--clx-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.clx-ph-row{display:flex;gap:16px;padding-inline:clamp(18px,5cqi,56px);will-change:transform}
.clx-ph-card{flex:0 0 min(62cqi,320px);height:250px;border-radius:18px;background:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 0 var(--clx-line)}
.clx-ph-card b{display:block;font-size:28px;letter-spacing:-.03em}
.clx-ph-card small{display:block;font-size:13.5px;color:var(--clx-soft)}
.clx-tier{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clx-soft)}
.clx-ph-card[data-tone=dark]{background:var(--clx-ink);color:#fff}
.clx-ph-card[data-tone=dark] .clx-tier,.clx-ph-card[data-tone=dark] small{color:#9ba096}
.clx-ph-card[data-tone=accent]{background:var(--clx-acc)}
.clx-ph-card[data-tone=accent] .clx-tier,.clx-ph-card[data-tone=accent] small{color:rgba(20,23,26,.7)}
.clx-ph-prog{height:3px;background:var(--clx-line);margin-inline:clamp(18px,5cqi,56px);border-radius:3px;overflow:hidden}
.clx-ph-prog i{display:block;height:100%;background:var(--clx-ink);transform:scaleX(0);transform-origin:left}
.clx-ph-pan .clx-ph-pin{gap:0;background:#14171a;max-height:none}
.clx-ph-panels{display:flex;height:100%;will-change:transform}
.clx-ph-panel{position:relative;flex:0 0 100%;height:100%;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding-bottom:clamp(28px,6cqi,64px)}
.clx-ph-panel img{position:absolute;top:0;left:-15%;width:130%;height:100%;object-fit:cover}
.clx-ph-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,12,14,.78))}
.clx-ph-panel .clx-in{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}
.clx-num{font-size:13px;color:rgba(255,255,255,.7);letter-spacing:.1em;font-variant-numeric:tabular-nums}
.clx-still .clx-ph-pin{position:relative;height:auto;max-height:none;padding-block:40px}
.clx-still .clx-ph-row{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.clx-still .clx-ph-card{scroll-snap-align:start}
.clx-still .clx-ph-prog{display:none}
.clx-still.clx-ph-pan .clx-ph-panels{flex-direction:column;height:auto}
.clx-still.clx-ph-pan .clx-ph-panel{flex-basis:auto;min-height:420px}
.clx-still .clx-ph-panel img{left:0;width:100%}
.clx-sp-panel{position:sticky;top:var(--clx-top);height:calc(100vh - var(--clx-top));max-height:860px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;transform-origin:50% 0;padding-bottom:clamp(28px,6cqi,64px)}
.clx-sp-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clx-sp-panel::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 35%,rgba(10,12,14,.78))}
.clx-sp-panel .clx-in{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px}
.clx-sp-shade{position:absolute;inset:0;z-index:3;background:#000;opacity:0;pointer-events:none}
.clx-sp-deck{background:var(--clx-sand);padding-block:40px}
.clx-sp-dh{margin-bottom:20px}
.clx-sp-dk{padding-inline:clamp(12px,4cqi,40px)}
.clx-sp-dk .clx-sp-panel{top:calc(var(--clx-top) + 12px);height:min(calc(100vh - var(--clx-top) - 110px),640px);border-radius:20px;margin-bottom:28px;box-shadow:0 -10px 30px -18px rgba(0,0,0,.5)}
.clx-sp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4cqi,56px);padding-inline:clamp(18px,5cqi,56px)}
.clx-sp-left{position:sticky;top:var(--clx-top);height:calc(100vh - var(--clx-top));max-height:860px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.clx-sp-texts{position:relative;min-height:200px}
.clx-sp-texts>div{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px}
.clx-sp-dots{display:flex;gap:6px}
.clx-sp-dots i{width:22px;height:3px;border-radius:3px;background:var(--clx-line)}
.clx-sp-dots i.on{background:var(--clx-ink)}
.clx-sp-right{display:flex;flex-direction:column;gap:28px;padding-block:18vh}
.clx-sp-right figure{margin:0;height:min(64vh,560px);border-radius:18px;overflow:hidden}
.clx-sp-right img{width:100%;height:100%;object-fit:cover}
@container (max-width:600px){
.clx-sp-split{grid-template-columns:1fr}
.clx-sp-left{position:relative;height:auto;padding-top:28px}
.clx-sp-texts{min-height:0}
.clx-sp-texts>div{position:relative}
.clx-sp-dots,.clx-sp-texts>div+div{display:none}
.clx-sp-right{padding-block:12px 28px}
.clx-sp-right figure{height:300px}
}
.clx-fan{display:flex;flex-direction:column;align-items:center;gap:28px;padding-block:48px;background:var(--clx-sand);overflow:hidden;text-align:center}
.clx-fan-h{display:flex;flex-direction:column;align-items:center}
.clx-fan-deck{position:relative;width:min(88cqi,640px);height:260px}
.clx-fan-c{position:absolute;left:50%;top:10px;width:170px;height:236px;margin-left:-85px;border-radius:16px;overflow:hidden;background:#fff;color:var(--clx-ink);text-decoration:none;text-align:left;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);transform-origin:50% 120%}
.clx-fan-c img{width:100%;height:70%;object-fit:cover}
.clx-fan-c span{display:block;padding:10px 12px;font-size:14px;line-height:1.25}
.clx-fan-c b{display:block}
.clx-fan-c small{display:block;font-size:12px;color:var(--clx-soft)}
.clx-fan-c:focus-visible{outline:3px solid var(--clx-acc);outline-offset:2px}
@container (max-width:600px){
.clx-fan-c{width:124px;height:176px;margin-left:-62px}
.clx-fan-deck{height:200px}
}
.clx-lm{display:flex;flex-direction:column;gap:22px;padding-block:40px;background:#fff}
.clx-lm-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.clx-lm-vp{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.clx-lm-row{display:flex;width:max-content;will-change:transform}
.clx-logo{display:flex;align-items:center;gap:10px;padding:0 32px;height:64px;font-size:22px;font-weight:700;letter-spacing:-.03em;color:#8a8f85;white-space:nowrap;transition:color .25s}
.clx-logo svg{width:28px;height:28px;flex-shrink:0}
.clx-logo:hover{color:var(--clx-ink)}
.clx-dark .clx-logo{color:#6e736a}
.clx-dark .clx-logo:hover{color:#fff}
.clx-lm-tile .clx-logo{margin-right:12px;padding:0 22px;height:72px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(128,128,128,.35);font-size:19px}
.clx-pg-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,5cqi,56px);background:var(--clx-sand);font-size:14px;color:var(--clx-soft);border-radius:12px;margin:8px clamp(12px,3cqi,24px)}
.clx-pg-line{flex:1;max-width:240px;height:4px;border-radius:4px;background:rgba(20,23,26,.1);overflow:hidden}
.clx-pg-line i{display:block;height:100%;background:var(--clx-acc);transform:scaleX(.35);transform-origin:left}
.clx-pg-ring{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:50%;border:none;background:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.4);cursor:pointer;display:flex;align-items:center;justify-content:center}
.clx-pg-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.clx-pg-ring circle{fill:none;stroke-width:3}
.clx-rg-bg{stroke:var(--clx-line)}
.clx-rg-fill{stroke:var(--clx-ink)}
.clx-pg-ring b{position:relative;font-size:18px;line-height:1;color:var(--clx-ink)}
.clx-pg-ring:focus-visible{outline:2px solid var(--clx-ink);outline-offset:2px}
.clx-floating .clx-pg-note{height:0;padding:0;margin:0;overflow:visible;background:0 0}
.clx-floating .clx-pg-note>span{display:none}
.clx-floating .clx-pg-line{position:fixed;left:0;right:0;top:0;max-width:none;height:4px;border-radius:0;z-index:160;background:0 0}
.clx-floating .clx-pg-ring{position:fixed;right:20px;bottom:20px;z-index:90;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}
.clx-floating .clx-pg-ring.on{opacity:1;transform:none;pointer-events:auto}
.clx-pg{display:grid;grid-template-columns:220px 1fr;gap:clamp(20px,4cqi,56px);padding:40px clamp(18px,5cqi,56px)}
.clx-pg-rail{position:sticky;top:calc(var(--clx-top) + 24px);align-self:start;display:flex;flex-direction:column;gap:4px}
.clx-pg-rail button{position:relative;text-align:left;font:inherit;font-size:14px;color:var(--clx-soft);border:none;background:0 0;padding:8px 10px 8px 16px;cursor:pointer;border-radius:8px}
.clx-pg-rail button::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--clx-line);border-radius:2px}
.clx-pg-rail button i{position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--clx-ink);transform:scaleY(0);transform-origin:top;border-radius:2px}
.clx-pg-rail button.on{color:var(--clx-ink);font-weight:600}
.clx-pg-rail button:focus-visible{outline:2px solid var(--clx-ink)}
.clx-pg-art{display:flex;flex-direction:column;gap:28px;max-width:68ch}
.clx-pg-art section{display:flex;flex-direction:column;gap:10px}
.clx-pg-art h3{margin:0;font-size:22px;letter-spacing:-.02em}
.clx-pg-art p{margin:0;font-size:16px;line-height:1.7;color:var(--ink-body,#484f5a);white-space:pre-line}
@container (max-width:640px){
.clx-pg{grid-template-columns:1fr;padding-top:0}
.clx-pg-rail{top:var(--clx-top);z-index:4;flex-direction:row;overflow-x:auto;background:#fff;margin-inline:calc(-1 * clamp(18px,5cqi,56px));padding:8px 12px;border-bottom:1px solid var(--clx-line)}
.clx-pg-rail button{white-space:nowrap;padding:8px 10px 10px}
.clx-pg-rail button i,.clx-pg-rail button::before{left:10px;right:10px;top:auto;bottom:4px;width:auto;height:2px}
.clx-pg-rail button i{transform:scaleX(0);transform-origin:left}
}
.pfx-host{position:relative}
.pfx-glare{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.5),rgba(255,255,255,0) 55%);mix-blend-mode:soft-light}
.pfx-spot{position:absolute;inset:0;z-index:4;pointer-events:none}
.pfx-glow{background:radial-gradient(420px circle at var(--mx,70%) var(--my,40%),rgba(57,214,9,.22),rgba(57,214,9,.06) 40%,transparent 70%);mix-blend-mode:screen}
.pfx-reveal{background:#0b0d0e;-webkit-mask-image:radial-gradient(circle var(--r,140px) at var(--mx,50%) var(--my,40%),transparent 0 60%,#000 100%);mask-image:radial-gradient(circle var(--r,140px) at var(--mx,50%) var(--my,40%),transparent 0 60%,#000 100%)}
.pfx-reveal-btn{position:absolute;right:16px;bottom:16px;z-index:6;height:36px;padding:0 16px;border:none;border-radius:100px;background:var(--gold,#39d609);color:#14171a;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pfx-edges{display:none}
.pfx-edge{position:relative}
.pfx-edge::after{content:'';position:absolute;inset:-1px;z-index:6;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(260px circle at var(--pfx-x) var(--pfx-y),rgba(57,214,9,.95),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
body:not(.preview-mode) .pfx-edge::after,body:not(.preview-mode) .pfx-glare,body:not(.preview-mode) .pfx-reveal-btn,body:not(.preview-mode) .pfx-spot{display:none}
.pb-device-frame:has(> .bs-hd[data-sticky=true]:not([hidden])){--bs-sticky-h:69px}
.pb-device-frame.device-mobile:has(> .bs-hd[data-sticky=true]:not([hidden])){--bs-sticky-h:61px}
.rt{container-type:inline-size;position:relative;width:100%;overflow:hidden;--rt-acc:var(--gold, #39D609);--rt-acc-d:var(--gold-deep, #2CA607);--rt-on-acc:var(--on-gold, #14171A);--rt-ink:#14171A;--rt-card:var(--th-card, #fff);--rt-card-ink:var(--ink, #14171A);--rt-sand:var(--block, #F1F2EF);--rt-line:var(--border, #D8DAD3);--rt-mute:#6B7066;--rt-bg:transparent;--rt-fg:var(--ink, #14171A);background:var(--rt-bg);color:var(--rt-fg);-webkit-tap-highlight-color:transparent}
.rt.tone-soft{--rt-bg:var(--block, #F1F2EF)}
.rt.tone-dark{--rt-bg:var(--sec-dark, #0E1011);--rt-fg:#fff;--rt-mute:#9BA096;--rt-card:#1C2023;--rt-card-ink:#fff;--rt-sand:#262B2F;--rt-line:#2D3237}
[data-page-mode=dark] .rt:not(.tone-dark){--rt-mute:#9BA096}
[data-page-mode=dark] .rt.tone-page{--rt-sand:var(--block, #1A1D20)}
.rt button{font-family:inherit}
.rt-in{max-width:1120px;margin:0 auto;padding:clamp(40px,7cqi,80px) clamp(18px,5cqi,56px);display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.rt-head{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:640px}
.rt-head:empty{display:none}
.rt .rt-k{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.rt.tone-dark .rt-head .rt-k{color:var(--rt-acc)}
.rt .rt-h{margin:0;font-size:clamp(28px, 5cqi, 48px);font-weight:700;letter-spacing:-.04em;line-height:1.04;text-wrap:balance;color:inherit;text-transform:none}
.rt .rt-p{margin:0;font-size:16px;line-height:1.55;color:var(--rt-mute);max-width:46ch}
.rt-play{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:4px;transition:padding-bottom .55s cubic-bezier(.2,.8,.2,1)}
.rt-play.has-res{padding-bottom:104px}
@container (max-width:440px){
.rt-play.has-res{padding-bottom:168px}
}
@media (prefers-reduced-motion:reduce){
.clx-floating .clx-pg-ring,.rt-play{transition:none}
}
.rt-stage{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;transition:opacity .3s}
.rt-stage.rt-used{opacity:.4;pointer-events:none}
.rt .rt-terms{margin:0;font-size:12px;line-height:1.5;color:var(--rt-mute);max-width:52ch}
.rt .rt-terms a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rt-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.rt-next,.rt-note{font-size:13px;color:var(--rt-mute);font-variant-numeric:tabular-nums}
.rt-next:empty{display:none}
@container (min-width:860px){
.rt-split .rt-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"head play" "terms play";align-items:center;column-gap:clamp(32px,6cqi,88px);row-gap:18px;text-align:left}
.rt-split .rt-head{grid-area:head;align-items:flex-start;align-self:end}
.rt-split .rt-play{grid-area:play;min-height:420px;justify-content:center}
.rt-split .rt-terms{grid-area:terms;align-self:start}
}
.rt .rt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:48px;padding:0 24px;border-radius:100px;background:var(--rt-acc);color:var(--rt-on-acc);font-weight:600;font-size:15px;text-decoration:none;border:none;cursor:pointer;box-shadow:none;transition:transform .15s,background .2s,opacity .2s}
.rt .rt-btn:hover{background:var(--rt-acc-d)}
.rt .rt-btn:active{transform:scale(.97)}
.rt .rt-btn-ink{background:var(--rt-ink);color:#fff}
.rt .rt-btn-ink:hover{background:#2b3136}
.rt.tone-dark .rt-btn-ink,[data-page-mode=dark] .rt .rt-btn-ink{background:var(--rt-acc);color:var(--rt-on-acc)}
.rt .rt-btn-ghost{background:0 0;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor;height:40px}
.rt .rt-btn-ghost:hover{background:rgba(127,127,127,.12)}
.rt .rt-btn:disabled{opacity:.45;cursor:default;transform:none}
.rt .rt-btn:focus-visible,.rt [tabindex]:focus-visible,.rt a:focus-visible,.rt button:focus-visible{outline:2px solid var(--rt-acc);outline-offset:3px}
.rt-res{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:460px;z-index:20;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;border-radius:18px;background:#fff;color:#14171a;box-shadow:0 24px 60px -20px rgba(0,0,0,.45),0 0 0 1px rgba(20,23,26,.06);text-align:left;visibility:hidden}
.rt-res.on{visibility:visible}
.rt-res-ic{width:48px;height:48px;border-radius:14px;background:var(--rt-acc);color:var(--rt-on-acc);display:grid;place-items:center;flex-shrink:0}
.rt-res-ic svg{width:24px;height:24px}
.rt-res-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rt-res-b small{font-size:12px;color:#6b7066;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.rt-res-b b{font-size:20px;letter-spacing:-.02em;line-height:1.15}
.rt-res-b span{font-size:12.5px;color:#5e6359;font-variant-numeric:tabular-nums}
.rt .rt-res .rt-btn{height:42px;padding:0 18px;background:#14171a;color:#fff}
.rt-res.done .rt-res-go{display:none}
.rt-again{border:none;background:0 0;padding:0;font:inherit;font-weight:600;color:#14171a;text-decoration:underline;cursor:pointer}
.rt-burst{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:30;background:var(--rt-acc)}
.rt-burst.ink{background:#14171a}
.rt.tone-dark .rt-burst.ink{background:#fff}
@container (max-width:440px){
.rt-res{flex-wrap:wrap}
.rt .rt-res .rt-btn{width:100%}
.rt-res-b b{font-size:18px}
}
.rt-wh{position:relative;width:min(84cqi,420px);aspect-ratio:1;flex-shrink:0}
.rt-wh-svg{width:100%;height:100%;overflow:visible;display:block;font-family:inherit}
.rt-sa{fill:#14171A}
.rt-sb{fill:#F1F2EF}
.rt-sr{fill:var(--rt-acc)}
.rt-la{fill:#fff}
.rt-lb{fill:#14171A}
.rt-lr{fill:var(--rt-on-acc)}
.rt-peg{fill:#fff}
.rt-rim{fill:#14171A}
.rt-wh-lights .rt-sa{fill:#1C2023}
.rt-wh-lights .rt-sb{fill:#262B2F}
.rt-wh-lights .rt-lb{fill:#fff}
.rt-wh-lights .rt-peg{fill:#0E1011}
.rt.tone-dark .rt-wh:not(.rt-wh-lights) .rt-rim,[data-page-mode=dark] .rt-wh:not(.rt-wh-lights) .rt-rim{fill:#2B3136}
.rt-bulb{fill:var(--rt-acc);transition:fill .12s}
.rt-bulb.lit{fill:#F4FFF0}
.rt-ptr-dot{fill:var(--rt-acc)}
.rt-wh-go{position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:none;background:#fff;color:#14171a;font-weight:700;font-size:clamp(14px, 3cqi, 17px);letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 24px -8px rgba(0,0,0,.45),inset 0 0 0 3px #14171a;transition:transform .2s;padding:0 4px}
.rt-wh-go:hover{transform:translate(-50%,-50%) scale(1.05)}
.rt-wh-go:disabled{cursor:default;transform:translate(-50%,-50%)}
.rt-wh svg.rt-ptr{position:absolute;left:50%;top:-14px;width:34px;height:44px;margin-left:-17px;z-index:3;transform-origin:50% 8px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
.rt-arc{position:relative;height:clamp(300px,52cqi,460px);overflow:hidden;justify-content:flex-end;padding-bottom:22px}
.rt-wh-half{position:absolute;left:50%;top:22px;width:min(150cqi,900px);transform:translateX(-50%)}
.rt-wh-half svg.rt-ptr{top:-18px;width:44px;height:56px;margin-left:-22px}
.rt .rt-arc-go{position:relative;z-index:4;box-shadow:0 0 0 4px #fff,0 10px 30px -10px rgba(0,0,0,.5)}
.rt-pl-wrap,.rt-sc-card{position:relative;width:min(86cqi,380px);aspect-ratio:1.6}
.rt-sc-card{border-radius:20px;overflow:hidden;background:#fff;color:#14171a;box-shadow:0 20px 50px -24px rgba(0,0,0,.35),0 0 0 1px rgba(20,23,26,.06);touch-action:none}
.rt-pl-under,.rt-sc-prize{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.rt-sc-prize{background:radial-gradient(120% 90% at 50% 0,#eafbe3 0,#fff 60%)}
.rt-pl-under small,.rt-sc-prize small{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6b7066}
.rt-pl-under b,.rt-sc-prize b{font-size:clamp(24px, 6.6cqi, 34px);letter-spacing:-.035em;line-height:1.05;text-wrap:balance;padding:0 18px}
.rt-cover{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,rgba(57,214,9,.16) 0 1px,transparent 1px 10px) #14171a;color:#fff;font-weight:600;font-size:17px}
.rt-foil,.rt-sc-cell canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}
.rt-sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(84cqi,340px)}
.rt-sc-cell{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fff;color:#14171a;box-shadow:0 0 0 1px rgba(20,23,26,.08);touch-action:none}
.rt-sc-cell .rt-cover{font-size:20px}
.rt-sym{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:clamp(18px, 5.4cqi, 26px);letter-spacing:-.03em}
.rt-sym small{font-size:10px;font-weight:600;color:#6b7066;letter-spacing:.04em}
.rt-sc-cell.win .rt-sym{background:#e8fbe0}
.rt-pl-under{border-radius:20px;background:#fff;color:#14171a;box-shadow:inset 0 0 0 1px rgba(20,23,26,.08)}
.rt-pl-front{position:absolute;inset:0;border-radius:20px;background:#14171a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px;text-align:left;touch-action:none;cursor:grab;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.rt-pl-front .rt-k{color:var(--rt-acc)}
.rt-pl-front b{font-size:22px;letter-spacing:-.03em;max-width:12ch;line-height:1.1}
.rt-pl-flapwrap{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(-6px -6px 10px rgba(0,0,0,.28))}
.rt-pl-flap{position:absolute;width:0;height:0;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(315deg,#c9ccc4 0,#f4f5f1 46%,#fff 100%);border-top-left-radius:18px}
.rt-pl-hint{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;background:var(--rt-acc);color:var(--rt-on-acc);display:grid;place-items:center;pointer-events:none}
.rt-pl-hint svg{width:18px;height:18px}
.rt-rl-win{position:relative;width:min(86cqi,380px);height:204px;border-radius:20px;overflow:hidden;background:#fff;color:#14171a;box-shadow:0 0 0 1px rgba(20,23,26,.08),0 20px 50px -24px rgba(0,0,0,.3)}
.rt-rl-win::after,.rt-rl-win::before{content:'';position:absolute;left:0;right:0;height:72px;z-index:2;pointer-events:none}
.rt-rl-win::before{top:0;background:linear-gradient(#fff 10%,rgba(255,255,255,0))}
.rt-rl-win::after{bottom:0;background:linear-gradient(rgba(255,255,255,0),#fff 90%)}
.rt-rl-line{position:absolute;left:10px;right:10px;top:50%;height:68px;margin-top:-34px;border-radius:14px;box-shadow:inset 0 0 0 2px #14171a;z-index:3;pointer-events:none}
.rt-rl-line::after,.rt-rl-line::before{content:'';position:absolute;top:50%;width:0;height:0;border:7px solid transparent;margin-top:-7px}
.rt-rl-line::before{left:-10px;border-left-color:var(--rt-acc)}
.rt-rl-line::after{right:-10px;border-right-color:var(--rt-acc)}
.rt-rl-strip{position:absolute;left:0;right:0;top:0;will-change:transform}
.rt-rl-it{height:68px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.03em}
.rt-rl-it i{font-style:normal;font-size:12px;font-weight:600;color:#6b7066;letter-spacing:.04em;text-transform:uppercase}
.rt-rl-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(86cqi,380px);padding:8px;border-radius:22px;background:#14171a}
.rt.tone-dark .rt-rl-3,[data-page-mode=dark] .rt-rl-3{background:#2b3136}
.rt-rl-3 .rt-rl-win{width:auto;border-radius:14px;box-shadow:none}
.rt-rl-3 .rt-rl-it{font-size:30px}
.rt-rl-3 .rt-rl-it i{display:none}
.rt-rl-3 .rt-rl-line{left:4px;right:4px}
.rt-rl-3 .rt-rl-line::after,.rt-rl-3 .rt-rl-line::before{display:none}
.rt-st-win{position:relative;width:100%;height:170px;overflow:hidden}
.rt-st-win::after,.rt-st-win::before{content:'';position:absolute;top:0;bottom:0;width:22%;z-index:2;pointer-events:none}
.rt-st-win::before{left:0;background:linear-gradient(90deg,var(--rt-bg) 15%,transparent)}
.rt-st-win::after{right:0;background:linear-gradient(270deg,var(--rt-bg) 15%,transparent)}
.rt-st-track{position:absolute;top:15px;left:50%;display:flex;gap:10px;will-change:transform;transform:translateX(-450px)}
.rt-st-c{width:120px;height:140px;border-radius:16px;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;text-align:left;background:#1c2023;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rt-st-c b{font-size:24px;letter-spacing:-.03em;line-height:1}
.rt-st-c small{font-size:11px;color:#9ba096;font-weight:600;letter-spacing:.04em}
.rt-st-c.r2{background:#f1f2ef;color:#14171a}
.rt-st-c.r2 small{color:#5e6359}
.rt-st-c.r3{background:var(--rt-acc);color:var(--rt-on-acc)}
.rt-st-c.r3 small{color:inherit;opacity:.8}
.rt-st-mark{position:absolute;left:50%;top:4px;bottom:4px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--rt-acc);z-index:3;box-shadow:0 0 18px var(--rt-acc)}
.rt-st-c.hit{outline:3px solid var(--rt-acc);outline-offset:3px}
.rt:not(.tone-dark) .rt-st-c{background:#14171a}
.rt-pk-row{display:flex;gap:clamp(10px,2.4cqi,16px);justify-content:center;perspective:900px}
.rt-pk-c{position:relative;width:min(25cqi,128px);aspect-ratio:.72;border:none;padding:0;background:0 0;cursor:pointer;transform-style:preserve-3d;transition:transform .25s,opacity .3s}
.rt-pk-c:hover:not(:disabled){transform:translateY(-6px)}
.rt-pk-b,.rt-pk-f{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.rt-pk-f{background:0 0/14px 14px #14171a;color:#fff;box-shadow:0 18px 30px -18px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.06);background-image:radial-gradient(circle at 50% 50%,rgba(57,214,9,.18) 0 2px,transparent 3px)}
.rt-pk-f span{width:44px;height:44px;border-radius:50%;background:#14171a;box-shadow:0 0 0 2px var(--rt-acc);display:grid;place-items:center;font-size:20px;font-weight:700;color:var(--rt-acc)}
.rt-pk-b{background:var(--rt-acc);color:var(--rt-on-acc);transform:rotateY(180deg)}
.rt-pk-b b{font-size:clamp(22px, 5.6cqi, 30px);letter-spacing:-.03em;line-height:1}
.rt-pk-b small{font-size:11px;font-weight:600;letter-spacing:.04em}
.rt-bx.dim,.rt-pk-c.dim{opacity:.35}
.rt-bx-row{display:flex;gap:clamp(8px,2.4cqi,18px);justify-content:center;align-items:flex-end;padding-top:70px}
.rt-bx{position:relative;width:min(16cqi,96px);height:min(16cqi,96px);border:none;padding:0;background:0 0;cursor:pointer}
.rt-bx-body{position:absolute;left:6%;right:6%;bottom:0;height:72%;border-radius:0 0 10px 10px;background:#14171a}
.rt-bx-body::after,.rt-bx-lid::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:16%;margin-left:-8%;background:var(--rt-acc)}
.rt-bx-lid{position:absolute;left:0;right:0;top:10%;height:24%;border-radius:6px;background:#2b3136;z-index:2;transform-origin:50% 100%;transition:transform .2s}
.rt.tone-dark .rt-bx-body,[data-page-mode=dark] .rt-bx-body{background:#2b3136}
.rt.tone-dark .rt-bx-lid,[data-page-mode=dark] .rt-bx-lid{background:#3a4147}
.rt-bx-tag{position:absolute;left:50%;bottom:40%;padding:6px 10px;border-radius:10px;background:#fff;color:#14171a;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(0,0,0,.4);opacity:0;z-index:3}
.rt-bx:hover:not(:disabled) .rt-bx-lid{transform:rotate(-6deg)}
.rt-bx:disabled{cursor:default}
.rt-gp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(86cqi,340px);perspective:800px}
.rt-gp-t{position:relative;aspect-ratio:1;border:none;padding:0;background:0 0;cursor:pointer;transform-style:preserve-3d}
.rt-gp-t .rt-pk-b,.rt-gp-t .rt-pk-f{border-radius:12px;box-shadow:none}
.rt-gp-t .rt-pk-f span{width:26px;height:26px;font-size:13px}
.rt-gp-t .rt-pk-b b{font-size:clamp(16px, 4.2cqi, 20px)}
.rt-gp-t:disabled{cursor:default}
.rt-gp-sum{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--rt-mute)}
.rt-gp-sum b{font-size:28px;color:var(--rt-fg);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rt-sk-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:min(94cqi,620px)}
.rt-sk-d{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 14px;border-radius:14px;background:var(--rt-card);color:var(--rt-mute);box-shadow:inset 0 0 0 1px var(--rt-line);font-size:11px}
.rt-sk-d b{font-size:clamp(13px, 3.2cqi, 18px);color:var(--rt-card-ink);letter-spacing:-.02em}
.rt-sk-d i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--rt-sand);color:var(--rt-card-ink)}
.rt-sk-d i svg{width:14px;height:14px}
.rt-sk-d.done i{background:var(--rt-acc);color:var(--rt-on-acc)}
.rt-sk-d.today{background:#14171a;color:#9ba096;box-shadow:0 0 0 2px var(--rt-acc)}
.rt-sk-d.today b{color:#fff}
.rt-sk-d.today i{background:#2b3136;color:var(--rt-acc)}
.rt-sk-d.big{box-shadow:inset 0 0 0 1.5px var(--rt-acc)}
@container (max-width:460px){
.rt-sk-week{grid-template-columns:repeat(4,1fr)}
.rt-sk-d:nth-child(7){grid-column:span 2}
}
.rt-sk-ring{position:relative;width:min(60cqi,240px);aspect-ratio:1}
.rt-sk-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.rt-ring-bg{stroke:var(--rt-line)}
.rt-arc-fg{stroke:var(--rt-acc)}
.rt-sk-ring .rt-arc-fg{stroke:var(--rt-fg)}
.rt-sk-ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.rt-sk-ring-c b{font-size:52px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.rt-sk-ring-c b span{font-size:22px;color:var(--rt-mute)}
.rt-sk-ring-c small{font-size:12.5px;color:var(--rt-mute);font-weight:600}
.rt-sk-dots{display:flex;gap:6px}
.rt-sk-dots i{width:28px;height:6px;border-radius:3px;background:var(--rt-line)}
.rt-sk-dots i.on{background:var(--rt-acc)}
.rt-fl-num{display:flex;align-items:center;gap:12px}
.rt-fl-num svg{width:48px;height:48px;color:var(--rt-acc)}
.rt-fl-dig{position:relative;height:112px;overflow:hidden;font-size:112px;font-weight:700;letter-spacing:-.06em;line-height:112px;font-variant-numeric:tabular-nums}
.rt-fl-dig span{display:block}
.rt-fl-lbl{font-size:15px;color:var(--rt-mute)}
.rt-ms-list{display:flex;flex-direction:column;gap:8px;width:min(94cqi,560px);text-align:left}
.rt-ms{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:var(--rt-card);color:var(--rt-card-ink);box-shadow:inset 0 0 0 1px var(--rt-line)}
.rt-ms-ic{width:40px;height:40px;border-radius:12px;background:var(--rt-sand);display:grid;place-items:center}
.rt-ms-ic svg{width:18px;height:18px}
.rt-ms.ok .rt-ms-ic{background:var(--rt-acc);color:var(--rt-on-acc)}
.rt-ms-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.rt-ms-b b{font-size:15px;letter-spacing:-.01em}
.rt-ms-bar{height:6px;border-radius:3px;background:var(--rt-sand);overflow:hidden}
.rt-ms-bar i{display:block;height:100%;width:0;background:var(--rt-card-ink);border-radius:3px}
.rt-ms.ok .rt-ms-bar i{background:var(--rt-acc)}
.rt-ms-b small{font-size:12px;color:var(--rt-mute);font-variant-numeric:tabular-nums}
.rt-ms-r{font-size:12.5px;font-weight:600;text-align:right;white-space:nowrap}
.rt .rt-ms-r .rt-btn{height:36px;padding:0 16px;font-size:13.5px}
.rt-ms-rw{font-weight:500;color:var(--rt-mute);margin-top:4px}
.rt-ms-done{color:var(--rt-mute)}
@container (max-width:440px){
.rt-ms{grid-template-columns:36px 1fr}
.rt-ms-r{grid-column:2;text-align:left;display:flex;align-items:center;gap:10px}
.rt-ms-rw{margin:0}
}
.rt-ch-card{position:relative;width:min(92cqi,460px);padding:24px;border-radius:22px;background:#14171a;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;text-align:left}
.rt.tone-dark .rt-ch-card,[data-page-mode=dark] .rt-ch-card{background:#1c2023;box-shadow:inset 0 0 0 1px #2d3237}
.rt-ch-ring{position:relative;width:120px;height:120px}
.rt-ch-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.rt-ch-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rt-ch-b{display:flex;flex-direction:column;gap:8px}
.rt-ch-b .rt-k{color:var(--rt-acc)}
.rt-ch-b h4{margin:0;font-size:20px;letter-spacing:-.02em;line-height:1.2;color:#fff}
.rt-ch-b small{font-size:12.5px;color:#9ba096;font-variant-numeric:tabular-nums}
.rt .rt-ch-b .rt-btn{height:42px}
@container (max-width:440px){
.rt-ch-card{grid-template-columns:1fr;justify-items:center;text-align:center}
}
.rt-sp{width:100%;gap:14px}
.rt-sp-top{width:100%;max-width:1080px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;text-align:left}
.rt-sp-top b{font-size:22px;letter-spacing:-.03em}
.rt-sp-top>span{font-size:13px;color:var(--rt-mute);font-variant-numeric:tabular-nums}
.rt-sp-scroll{width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:10px 20px 18px}
.rt-sp-scroll::-webkit-scrollbar{display:none}
.rt-sp-track{position:relative;display:flex;gap:10px;width:max-content;margin:0 auto;padding-top:34px}
.rt-sp-bar{position:absolute;left:0;right:0;top:10px;height:8px;border-radius:4px;background:var(--rt-line)}
.rt-sp-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--rt-fg)}
.rt-sp-t{position:relative;width:108px;height:112px;flex-shrink:0;border-radius:16px;background:var(--rt-card);color:var(--rt-card-ink);box-shadow:inset 0 0 0 1px var(--rt-line);padding:12px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}
.rt-sp-t small{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--rt-mute);text-transform:uppercase}
.rt-sp-t b{font-size:16px;letter-spacing:-.02em;line-height:1.15}
.rt-sp-t::before{content:'';position:absolute;left:14px;top:-30px;width:14px;height:14px;border-radius:50%;background:var(--rt-card);box-shadow:inset 0 0 0 3px var(--rt-line)}
.rt-sp-t.on{box-shadow:inset 0 0 0 1.5px var(--rt-acc)}
.rt-sp-t.on::before{box-shadow:inset 0 0 0 7px var(--rt-fg)}
.rt-sp-t.big b{font-size:18px}
.br{position:relative;container-type:inline-size;width:100%;--b-bg:var(--bg, #fff);--b-fg:var(--ink, #14171A);--b-mut:#6B7066;--b-tile:var(--block, #F1F2EF);--b-line:var(--border, #E4E5E0);--b-acc:var(--gold, #39D609);--b-acc-d:var(--gold-deep, #2CA607);--b-on-acc:var(--on-gold, #14171A);--b-card:var(--th-card, #fff);color:var(--b-fg);-webkit-tap-highlight-color:transparent;--b-gut:0px}
[data-page-mode=dark] .br{--b-mut:#9BA096}
.br dd,.br dl,.br h2,.br h3,.br h4,.br h5,.br p{margin:0}
.br h2,.br h3,.br h4{color:inherit;text-transform:none;letter-spacing:-.02em}
.br button{font-family:inherit;color:inherit}
.br .gn,.br .td-card,.br .tl{color:#fff}
.br .rg svg{width:18px;height:18px;flex-shrink:0}
.br .tr button svg{width:15px;height:15px}
.br :focus-visible{outline:2px solid var(--b-acc);outline-offset:2px}
.br .sc{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.br .sc::-webkit-scrollbar{display:none}
.br .pad{padding:22px clamp(16px,3.4cqi,36px);--b-gut:clamp(16px, 3.4cqi, 36px)}
.br .k{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-mut)}
.br .h{margin:0;font-size:clamp(22px, 3.6cqi, 34px);font-weight:700;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
.br .rh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.br .rh h3{margin:0;font-size:18px;font-weight:650;letter-spacing:-.02em}
.br .lnk,.br .rh a{font-size:13px;color:var(--b-mut);text-decoration:none;cursor:pointer;background:0 0;border:none;padding:0}
.br .b{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 20px;border-radius:100px;border:none;background:var(--b-acc);color:#14171a!important;font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap;transition:transform .15s,background .2s}
.br .b:hover{background:var(--b-acc-d)}
.br .b:active{transform:scale(.97)}
.br .b.ink{background:var(--b-fg);color:var(--b-bg)!important}
.br .b.gh{background:rgba(127,127,127,.14);color:var(--b-fg)!important;backdrop-filter:blur(8px)}
.br .b.sm{height:32px;padding:0 14px;font-size:13px}
.br .b svg{width:16px;height:16px}
.br .ic{width:38px;height:38px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;background:rgba(127,127,127,.16);color:var(--b-fg);flex-shrink:0;backdrop-filter:blur(8px)}
.br .ic svg{width:17px;height:17px}
.br .ic.on{background:var(--b-acc);color:#14171a}
.br .art{position:relative;border-radius:12px;overflow:hidden;background-color:#2b3136}
.br .tl{position:relative;display:block;border:none;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:16/10;text-align:left;flex-shrink:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;width:100%}
.br .row>.tl,.br .row>div:not(.it)>.tl{width:clamp(150px,20cqi,230px)}
.br .tl.po{aspect-ratio:3/4}
.br .tl.sq{aspect-ratio:1}
.br .tl::after{content:'';position:absolute;inset:0;pointer-events:none}
.br .tl-n{position:absolute;left:10px;right:10px;bottom:9px;z-index:1;color:#fff;font-size:13.5px;font-weight:650;letter-spacing:-.01em;line-height:1.15}
.br .tl-n small{display:block;font-size:11px;font-weight:500;opacity:.78;margin-top:1px}
.br .chip{position:absolute;top:8px;left:8px;z-index:1;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:var(--b-acc);color:#14171a}
.br .chip.jp{background:#fff;color:#14171a}
.br .chip.lv{background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(6px);text-transform:none;letter-spacing:0;font-weight:600}
.br .chip.lv::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff4d3d;margin-right:5px;vertical-align:1px}
.br .fine{font-size:11.5px;color:var(--b-mut);line-height:1.45}
.br .fine a{color:inherit}
.br .row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0 8px}
.br .row::-webkit-scrollbar{display:none}
.br .row>*{scroll-snap-align:start}
.br .rw{position:relative}
.br .rw .nav{position:absolute;top:4px;bottom:8px;width:44px;border:none;display:grid;place-items:center;cursor:pointer;z-index:5;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0));opacity:0;transition:opacity .2s}
.br .rw .nav.r{right:0;background:linear-gradient(270deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.br .rw .nav.l{left:0}
.br .rw .nav svg{width:22px;height:22px}
.br .rw .nav:focus-visible,.br .rw:hover .nav:not([disabled]){opacity:1}
.br .rw .nav[disabled]{display:none}
@media (hover:none){
.br .rw .nav{display:none}
}
.br .pages{display:flex;gap:3px}
.br .pages i{width:14px;height:3px;border-radius:2px;background:var(--b-line)}
.br .pages i.on{background:var(--b-fg)}
.br .fx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line)}
.br .fx div{padding:10px 8px;text-align:center;border-left:1px solid var(--b-line)}
.br .fx div:first-child{border-left:none}
.br .fx dt{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--b-mut);font-weight:600}
.br .fx dd{margin:3px 0 0;font-size:15px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.br .vol{display:inline-flex;gap:2px;margin-left:4px;vertical-align:1px}
.br .vol i{width:4px;height:10px;border-radius:1px;background:var(--b-line)}
.br .vol i.on{background:var(--b-fg)}
.br .toast{position:absolute;left:50%;transform:translateX(-50%);z-index:80;background:#14171a;color:#fff;font-size:13px;padding:10px 14px;border-radius:12px;box-shadow:0 12px 30px -12px rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}
.br .toast b{color:var(--b-acc)}
.br .dim{position:absolute;inset:0;z-index:40;background:rgba(8,10,11,.55);backdrop-filter:blur(3px)}
.br .close{position:absolute;top:12px;right:12px;z-index:5}
.br .bb{position:relative;height:74%;min-height:320px;overflow:hidden}
.br .bb-art{position:absolute;inset:0}
.br .bb-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--b-bg) 96%,transparent) 0,color-mix(in srgb,var(--b-bg) 75%,transparent) 34%,transparent 68%),linear-gradient(0deg,color-mix(in srgb,var(--b-bg) 100%,transparent) 0,transparent 34%)}
.br .bb-copy{position:absolute;left:clamp(16px,4cqi,44px);top:clamp(40px,12%,76px);z-index:2;max-width:min(440px,60%);display:flex;flex-direction:column;gap:10px}
.br .bb-copy .h{font-size:clamp(30px, 5.4cqi, 54px)}
.br .bb-meta{font-size:13px;color:var(--b-mut);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.br .bb-meta b{color:var(--b-fg);font-weight:600}
.br .bb-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:14.5px;line-height:1.5;color:var(--b-fg);opacity:.85;max-width:40ch}
.br .bb-btns{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.br .bb-dots{position:absolute;right:clamp(16px,3cqi,36px);top:18px;z-index:3;display:flex;align-items:center;gap:10px}
.br .bb-dots .pages i{width:22px;cursor:pointer;position:relative;overflow:hidden}
.br .bb-dots .pages i b{position:absolute;inset:0;background:var(--b-fg);transform-origin:left;transform:scaleX(0)}
.br .bb-row{position:relative;z-index:3;margin-top:-48px;padding:0 clamp(16px,4cqi,44px);--b-gut:clamp(16px, 4cqi, 44px)}
.br .bb-row .tl{width:clamp(150px,19cqi,220px)}
@container (max-width:520px){
.br .bb{height:auto;min-height:0}
.br .bb-art{position:relative;height:250px}
.br .bb-art::after{background:linear-gradient(0deg,color-mix(in srgb,var(--b-bg) 100%,transparent) 0,transparent 55%)}
.br .bb-copy{position:relative;transform:none;top:auto;left:auto;max-width:none;padding:0 16px;margin-top:-70px}
.br .bb-d{display:none}
.br .bb-row{margin-top:18px;padding:0 16px}
.br .bb-dots{top:12px}
}
.br .td-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;height:100%}
.br .td-card{position:relative;border:none;padding:0;border-radius:20px;overflow:hidden;cursor:pointer;text-align:left;color:#fff;min-height:220px;box-shadow:0 20px 40px -24px rgba(0,0,0,.45);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.br .td-card:hover{transform:scale(.985)}
.br .td-card .art{position:absolute;inset:0;border-radius:0}
.br .td-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 40%,rgba(0,0,0,.6))}
.br .td-top{position:absolute;left:20px;right:20px;top:18px;z-index:1}
.br .td-top h4{margin:6px 0 0;font-size:clamp(24px, 3.6cqi, 36px);letter-spacing:-.035em;line-height:1.02;font-weight:750;max-width:12ch}
.br .td-bot{position:absolute;left:20px;right:20px;bottom:16px;z-index:1;font-size:13.5px;opacity:.9;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.br .td-stack{display:grid;gap:16px;grid-template-rows:1fr 1fr}
@container (max-width:520px){
.br .td-grid{grid-template-columns:1fr;height:auto}
.br .td-card{min-height:300px}
.br .td-stack .td-card{min-height:200px}
}
.br .xp{position:absolute;inset:0;z-index:60;background:var(--b-bg);overflow-y:auto;scrollbar-width:none}
.br .xp::-webkit-scrollbar{display:none}
.br .xp-hero{position:relative;height:320px;color:#fff}
.br .xp-hero .art{position:absolute;inset:0;border-radius:0}
.br .xp-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,0) 40%,rgba(0,0,0,.65))}
.br .xp-hero .td-top h4{font-size:clamp(28px, 5cqi, 46px)}
.br .xp-body{max-width:640px;margin:0 auto;padding:22px 20px 40px;display:flex;flex-direction:column;gap:16px}
.br .xp-body p{margin:0;font-size:15.5px;line-height:1.6}
.br .xp-play{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:var(--b-tile)}
.br .xp-play .art{width:58px;height:58px;flex-shrink:0;border-radius:14px}
.br .xp-play div{flex:1;min-width:0}
.br .xp-play b{display:block;font-size:15px}
.br .xp-play small{font-size:12.5px;color:var(--b-mut)}
.br .fc-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(16px,4cqi,44px) 4px;scroll-padding:0 clamp(16px,4cqi,44px);scrollbar-width:none}
.br .fc-track::-webkit-scrollbar{display:none}
.br .fc{flex:0 0 min(78%,760px);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.br .fc .art{aspect-ratio:16/8;border-radius:18px;width:100%}
.br .fc-cap{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.br .fc-cap .k{color:var(--b-acc-d)}
.br.dk .fc-cap .k{color:var(--b-acc)}
.br .fc-cap h4{margin:3px 0 2px;font-size:19px;letter-spacing:-.02em}
.br .fc-cap p{margin:0;font-size:13.5px;color:var(--b-mut)}
@container (max-width:520px){
.br .fc{flex-basis:86%}
.br .fc .art{aspect-ratio:4/3}
}
.br .pr .tl{width:clamp(160px,21cqi,250px)}
.br .pv{position:absolute;z-index:50;border-radius:14px;overflow:hidden;background:var(--b-card);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px var(--b-line);transform-origin:center top}
.br .pv .art{border-radius:0;aspect-ratio:16/9}
.br .pv-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.br .pv-row{display:flex;gap:6px;align-items:center}
.br .pv-row .ic{width:34px;height:34px}
.br .pv-row .sp{flex:1}
.br .pv-meta{font-size:12.5px;color:var(--b-mut);display:flex;flex-wrap:wrap;gap:3px 10px}
.br .pv-meta b{color:var(--b-fg);font-weight:600}
.br .t10 .it{position:relative;flex:0 0 auto;display:flex;align-items:flex-end;width:clamp(170px,22cqi,230px)}
.br .t10 .num{font-size:clamp(110px, 16cqi, 170px);font-weight:800;line-height:.78;letter-spacing:-.08em;color:var(--b-bg);-webkit-text-stroke:2.5px var(--b-mut);width:52%;text-align:right;margin-right:-16%;font-variant-numeric:tabular-nums}
.br .t10 .tl{width:56%;box-shadow:-10px 0 20px -10px rgba(0,0,0,.35)}
.br .tabs{display:inline-flex;gap:4px;padding:3px;border-radius:100px;background:var(--b-tile)}
.br .tabs button{border:none;background:0 0;height:30px;padding:0 14px;border-radius:100px;font-size:13px;font-weight:600;color:var(--b-mut);cursor:pointer}
.br .tabs button[aria-pressed=true]{background:var(--b-card);color:var(--b-fg);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.br .cw .it{flex:0 0 clamp(230px,30cqi,320px);position:relative}
.br .cw .tl{width:100%;aspect-ratio:16/9}
.br .cw .rm{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px}
.br .cw .cap{display:flex;justify-content:space-between;gap:10px;margin-top:8px;align-items:center}
.br .cw .cap b{display:block;font-size:14px}
.br .cw .cap small{font-size:12px;color:var(--b-mut)}
.br .rg{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--b-tile);font-size:13px;color:var(--b-mut);margin:0 0 16px}
.br .rg b{color:var(--b-fg)}
.br .rg .sp{flex:1}
.br .ml .tl{width:clamp(130px,16cqi,170px)}
.br .ml-empty{font-size:13px;color:var(--b-mut);padding:18px 0;border:1px dashed var(--b-line);border-radius:12px;text-align:center;width:100%}
.br .jw-row .tl{width:clamp(150px,20cqi,230px)}
.br .jw-row .tl.on{box-shadow:0 0 0 3px var(--b-acc)}
.br .jw{overflow:hidden;height:0}
.br .jw-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(16px,3cqi,32px);padding:18px 0 6px;align-items:start}
.br .jw-in>.art{aspect-ratio:16/10}
.br .jw-t{display:flex;flex-direction:column;gap:10px}
.br .jw-t .h{font-size:clamp(24px, 3.4cqi, 32px)}
.br .jw-t p{margin:0;font-size:14px;line-height:1.55;color:var(--b-mut)}
.br .jw-tabs{display:flex;gap:18px;border-bottom:1px solid var(--b-line)}
.br .jw-tabs button{border:none;background:0 0;padding:6px 0 9px;font-size:13.5px;font-weight:600;color:var(--b-mut);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.br .jw-tabs button[aria-selected=true]{color:var(--b-fg);border-color:var(--b-fg)}
.br .jw-sim{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.br .jw .close{top:14px;right:0}
@container (max-width:520px){
.br .jw-in{grid-template-columns:1fr}
.br .jw .close{top:24px;right:8px}
}
.br .gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,17cqi,170px),1fr));gap:12px}
.br .gg .cap{margin-top:6px;font-size:13px;font-weight:600}
.br .gg .cap small{display:block;font-weight:400;color:var(--b-mut);font-size:12px}
.br .sh{position:absolute;z-index:60;left:50%;top:24px;width:min(720px,calc(100% - 40px));transform:translateX(-50%);background:var(--b-card);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.br .sh-sc{overflow-y:auto;flex:1;scrollbar-width:none}
.br .sh-sc::-webkit-scrollbar{display:none}
.br .sh-h{display:flex;gap:16px;align-items:center;padding:22px 22px 16px}
.br .sh-h .art{width:96px;height:96px;border-radius:22px;flex-shrink:0}
.br .sh-h>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.br .sh-h h4{margin:0;font-size:22px;letter-spacing:-.025em}
.br .sh-h small{color:var(--b-mut);font-size:13px}
.br .sh-h .bb-btns{margin-top:8px}
.br .sh-strip{display:flex;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line);margin:0 22px}
.br .sh-strip div{flex:1 0 110px;text-align:center;padding:10px 6px;border-left:1px solid var(--b-line)}
.br .sh-strip div:first-child{border-left:none}
.br .sh-strip small{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--b-mut);font-weight:600}
.br .sh-strip b{display:block;font-size:18px;margin-top:3px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.br .sh-strip span{font-size:11.5px;color:var(--b-mut)}
.br .sh-shots{display:flex;gap:10px;overflow-x:auto;padding:16px 22px;scroll-snap-type:x mandatory;scrollbar-width:none}
.br .sh-shots .art{flex:0 0 min(58%,360px);aspect-ratio:16/10;scroll-snap-align:start}
.br .sh-d{padding:0 22px 22px;display:flex;flex-direction:column;gap:14px}
.br .sh-d p{margin:0;font-size:14.5px;line-height:1.6}
.br .sh-d .clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.br .grab{width:40px;height:5px;border-radius:3px;background:var(--b-line);margin:8px auto 0;display:none}
@container (max-width:520px){
.br .sh{left:0;right:0;top:auto;bottom:0;width:auto;height:88%;transform:none;border-radius:22px 22px 0 0}
.br .grab{display:block}
.br .sh-h{padding:14px 18px 12px}
.br .sh-h .art{width:76px;height:76px;border-radius:18px}
.br .sh-strip{margin:0 18px}
.br .sh-shots{padding:14px 18px}
.br .sh-d{padding:0 18px 22px}
}
.br .pk-card{position:absolute;z-index:60;display:flex;flex-direction:column;gap:10px;width:min(300px,calc(100% - 32px))}
.br .pk-card .art{aspect-ratio:16/10;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.br .pk-card .pv-meta{color:rgba(255,255,255,.85)}
.br .pk-card .pv-meta b{color:#fff}
.br .pk-card h4{margin:0;color:#fff;font-size:18px}
.br .pk-menu{background:rgba(245,246,242,.94);color:#14171a;border-radius:14px;overflow:hidden;backdrop-filter:blur(16px);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.br .pk-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:0 0;padding:11px 14px;font-size:14px;cursor:pointer;color:#14171a;border-top:1px solid rgba(20,23,26,.08)}
.br .pk-menu button:first-child{border-top:none}
.br .pk-menu button:focus-visible,.br .pk-menu button:hover{background:rgba(20,23,26,.06);outline:0}
.br .pk-menu svg{width:16px;height:16px}
.br .pk-hold{position:absolute;inset:0;z-index:2;border-radius:12px;box-shadow:inset 0 0 0 3px var(--b-acc);opacity:0;pointer-events:none}
.br .ed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.br .ed{position:relative;border:none;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;text-align:left;min-height:320px;display:flex;flex-direction:column;background:var(--b-tile);color:var(--b-fg);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.br .ed:hover{transform:translateY(-3px)}
.br .ed-art{position:relative;height:180px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px;background:var(--b-line)}
.br .ed-art .art{border-radius:10px;box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}
.br .ed-art .art:nth-child(2){transform:translateY(-8px)}
.br .ed-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px}
.br .ed-b h4{margin:0;font-size:20px;letter-spacing:-.025em;line-height:1.1}
.br .ed-b p{margin:0;font-size:13.5px;color:var(--b-mut);line-height:1.45}
@container (max-width:720px){
.br .ed-grid{grid-template-columns:1fr}
.br .ed{min-height:0}
.br .ed-art{height:150px}
}
.br .ls{display:flex;flex-direction:column}
.br .li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--b-line)}
.br .li .art{width:56px;height:56px;border-radius:13px}
.br .li b{display:block;font-size:14.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br .li small{display:block;font-size:12.5px;color:var(--b-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br .li .why{font-size:12px;color:var(--b-mut);margin-top:2px;white-space:normal}
.br .st-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(360px,86%);gap:0 26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.br .st-track::-webkit-scrollbar{display:none}
.br .st-col{scroll-snap-align:start}
.br .st-col .li:last-child{border-bottom:none}
.br .ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.br .ch-grid .li{grid-template-columns:26px 48px minmax(0,1fr) auto}
.br .ch-grid .li .art{width:48px;height:48px;border-radius:11px}
.br .rk{font-size:17px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.br .mv{font-size:11px;font-weight:600;margin-left:6px}
.br .mv.up{color:var(--b-acc-d)}
.br.dk .mv.up{color:var(--b-acc)}
.br .mv.dn{color:var(--b-mut)}
.br .mv.nw{color:#14171a;background:var(--b-acc);padding:1px 5px;border-radius:4px}
@container (max-width:620px){
.br .ch-grid{grid-template-columns:1fr}
}
.br .gn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.br .gn{position:relative;border:none;padding:0;aspect-ratio:16/10;border-radius:14px;overflow:hidden;cursor:pointer;color:#fff;text-align:left}
.br .gn .art{position:absolute;inset:0;border-radius:0}
.br .gn::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.6))}
.br .gn b{position:absolute;left:14px;bottom:12px;z-index:1;font-size:clamp(16px, 2.2cqi, 21px);letter-spacing:-.02em}
.br .gn small{position:absolute;right:12px;top:10px;z-index:1;font-size:12px;font-weight:600;background:rgba(0,0,0,.4);padding:2px 8px;border-radius:100px;backdrop-filter:blur(6px)}
@container (max-width:620px){
.br .gn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.br .back{display:inline-flex;align-items:center;gap:6px;border:none;background:0 0;font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-bottom:12px}
.br .back svg{width:18px;height:18px}
.br .chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.br .chips::-webkit-scrollbar{display:none}
.br .chips button{flex-shrink:0;height:36px;padding:0 15px;border-radius:100px;border:1px solid var(--b-line);background:var(--b-bg);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.br .chips button[aria-pressed=true]{background:var(--b-fg);color:var(--b-bg);border-color:var(--b-fg)}
.br .chips button small{font-weight:500;opacity:.6;margin-left:4px}
.br .md-note{font-size:13px;color:var(--b-mut);margin:12px 0 14px;min-height:18px}
.br .gg .it.out{display:none}
.br .ft-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.br .ft-bar .sp{flex:1}
.br .ft-bar select{height:36px;border-radius:100px;border:1px solid var(--b-line);background:var(--b-bg);color:var(--b-fg);padding:0 12px;font:inherit;font-size:13px}
.br .ft-on{display:flex;gap:6px;flex-wrap:wrap}
.br .ft-on button{height:30px;padding:0 8px 0 12px;border-radius:100px;border:none;background:var(--b-tile);font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.br .ft-on button svg{width:14px;height:14px;opacity:.6}
.br .fp{position:absolute;z-index:60;top:0;right:0;width:min(360px,100%);background:var(--b-card);box-shadow:-30px 0 60px -30px rgba(0,0,0,.5);display:flex;flex-direction:column}
.br .fp-sc{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}
.br .fp-h{display:flex;justify-content:space-between;align-items:center}
.br .fp-h h4{margin:0;font-size:18px}
.br .fp fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.br .fp legend{font-size:13px;font-weight:650;margin-bottom:8px;padding:0}
.br .fp .opts{display:flex;flex-wrap:wrap;gap:6px}
.br .fp .opts button{height:34px;padding:0 12px;border-radius:100px;border:1px solid var(--b-line);background:var(--b-bg);font-size:13px;cursor:pointer}
.br .fp .opts button[aria-pressed=true]{background:var(--b-fg);color:var(--b-bg);border-color:var(--b-fg)}
.br .fp input[type=range]{width:100%;accent-color:var(--b-fg)}
.br .fp-rt{display:flex;justify-content:space-between;font-size:12.5px;color:var(--b-mut)}
.br .fp-ft{padding:14px 20px;border-top:1px solid var(--b-line);display:flex;gap:10px;align-items:center}
.br .fp-ft .b{flex:1}
@container (max-width:520px){
.br .fp{top:auto;height:86%;width:100%;border-radius:22px 22px 0 0}
}
.br .empty{padding:40px 0;text-align:center;color:var(--b-mut);font-size:14px}
.br .sb{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:14px;background:var(--b-tile);border:1.5px solid transparent}
.br .sb:focus-within{border-color:var(--b-fg);background:var(--b-bg)}
.br .sb svg{width:19px;height:19px;color:var(--b-mut);flex-shrink:0}
.br .sb input{flex:1;min-width:0;border:none;background:0 0;font:inherit;font-size:16px;color:var(--b-fg);outline:0}
.br .sb kbd{font:inherit;font-size:12px;color:var(--b-mut);border:1px solid var(--b-line);border-radius:6px;padding:1px 6px}
.br .sr{margin-top:16px;display:flex;flex-direction:column;gap:18px}
.br .sr h5{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--b-mut)}
.br .sr .li{cursor:pointer;border-radius:10px;padding:8px;margin:0 -8px;border-bottom:none}
.br .sr .li.on{background:var(--b-tile)}
.br .sr mark{background:0 0;color:inherit;font-weight:800;text-decoration:underline;text-decoration-color:var(--b-acc);text-decoration-thickness:2px;text-underline-offset:2px}
.br .sr .tags{display:flex;gap:6px;flex-wrap:wrap}
.br .sr .tags button{height:32px;padding:0 12px;border-radius:100px;border:1px solid var(--b-line);background:var(--b-bg);font-size:13px;cursor:pointer}
.br .rc{display:flex;flex-direction:column}
.br .rc div{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--b-line);font-size:14px}
.br .rc div button:first-of-type{flex:1;text-align:left;border:none;background:0 0;font-size:14px;cursor:pointer;padding:0}
.br .rc svg{width:16px;height:16px;color:var(--b-mut)}
.br .rc .x{border:none;background:0 0;cursor:pointer;color:var(--b-mut);padding:2px}
.br .tr{display:flex;flex-wrap:wrap;gap:8px}
.br .tr button{height:36px;padding:0 14px;border-radius:100px;border:none;background:var(--b-tile);font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.br .tr button i{font-style:normal;color:var(--b-mut);font-weight:500;font-variant-numeric:tabular-nums}
.br .mock{position:absolute;inset:0;padding:18px clamp(16px,3cqi,32px)}
.br .mock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}
.br .mock-top b{font-size:18px;letter-spacing:-.02em}
.br .pill{display:flex;align-items:center;gap:10px;height:40px;padding:0 8px 0 14px;border-radius:100px;border:1px solid var(--b-line);background:var(--b-bg);color:var(--b-mut);font-size:14px;cursor:pointer;min-width:min(280px,60%)}
.br .pill span{flex:1;text-align:left}
.br .pill svg{width:17px;height:17px}
.br .ov{position:absolute;z-index:60;left:50%;top:36px;width:min(820px,calc(100% - 32px));transform:translateX(-50%);background:var(--b-card);border-radius:18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px var(--b-line);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100% - 72px)}
.br .ov .sb{border-radius:0;background:0 0;border:none;border-bottom:1px solid var(--b-line);height:60px}
.br .ov .sb input{font-size:18px}
.br .ov-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;flex:1}
.br .ov-l{overflow-y:auto;padding:10px;border-right:1px solid var(--b-line);scrollbar-width:none}
.br .ov-l .li{padding:8px;margin:0;border-radius:10px;border:none;cursor:pointer;grid-template-columns:44px minmax(0,1fr) auto}
.br .ov-l .li.on{background:var(--b-tile)}
.br .ov-l .li .art{width:44px;height:44px;border-radius:10px}
.br .ov-l h5{margin:8px 8px 4px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--b-mut)}
.br .ov-r{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
.br .ov-r .art{aspect-ratio:16/10}
.br .ov-r h4{margin:0;font-size:20px;letter-spacing:-.02em}
.br .ov-ft{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--b-line);font-size:12px;color:var(--b-mut)}
.br .ov-ft kbd{font:inherit;border:1px solid var(--b-line);border-radius:5px;padding:0 5px;margin-right:4px}
@container (max-width:620px){
.br .ov{top:0;left:0;right:0;width:auto;transform:none;border-radius:0;max-height:100%;height:100%}
.br .ov-b{grid-template-columns:1fr}
.br .ov-r{display:none}
.br .ov-l{border-right:none}
.br .ov-ft{display:none}
}
.br .cw .tl-n,.br .gg .it .tl-n{display:none}
.br .cw .tl::after,.br .gg .it .tl::after{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0) 40%)}
.br .xp .close{background:rgba(255,255,255,.92);color:#14171a}
.br .sb input:focus-visible{outline:0}
.br[data-shape=po] .tl:not(.po){aspect-ratio:3/4}
.br[data-shape=sq] .tl{aspect-ratio:1}
.br[data-shape=po] .bb-row .tl,.br[data-shape=po] .jw-row .tl,.br[data-shape=po] .pr .tl,.br[data-shape=po] .row>.tl,.br[data-shape=po] .row>div:not(.it)>.tl{width:clamp(118px,14cqi,172px)}
.br[data-shape=sq] .bb-row .tl,.br[data-shape=sq] .jw-row .tl,.br[data-shape=sq] .pr .tl,.br[data-shape=sq] .row>.tl,.br[data-shape=sq] .row>div:not(.it)>.tl{width:clamp(128px,16cqi,190px)}
.br[data-shape=po] .cw .it{flex-basis:clamp(140px,17cqi,190px)}
.br[data-shape=sq] .cw .it{flex-basis:clamp(160px,19cqi,210px)}
.br[data-shape=po] .ml .tl{width:clamp(104px,12cqi,130px)}
.br[data-shape=sq] .ml .tl{width:clamp(110px,13cqi,140px)}
.br[data-shape=po] .gg{grid-template-columns:repeat(auto-fill,minmax(clamp(92px,13cqi,140px),1fr))}
.br[data-shape=sq] .gg{grid-template-columns:repeat(auto-fill,minmax(clamp(110px,14cqi,150px),1fr))}
.br[data-shape=sq] .t10 .it{width:clamp(180px,23cqi,240px)}
.br[data-shape=po] .cw .cap,.br[data-shape=sq] .cw .cap{flex-direction:column;align-items:flex-start;gap:6px}
.br[data-shape=po] .bb,.br[data-shape=sq] .bb{height:62%}
@container (max-width:520px){
.br[data-shape=po] .bb,.br[data-shape=sq] .bb{height:auto}
}
.br .bb{height:clamp(440px,52cqi,640px)}
.br[data-shape=po] .bb,.br[data-shape=sq] .bb{height:clamp(420px,46cqi,580px)}
.br .td-pad{display:flex;flex-direction:column;gap:14px}
.br .td-pad .rh{margin:0}
.br .td-grid{height:clamp(420px,44cqi,560px)}
.br .fp,.br .sh,.br .toast,.br .xp{bottom:auto}
.br .ov{max-height:none}
.br .pr-block{margin-bottom:22px}
.br .pr-block:last-child{margin-bottom:0}
.br .rg-min{background:0 0;padding:0}
.br .rg em{font-style:normal;opacity:.7}
.br .mock-top h3{font-size:22px}
.br .xp-coll{max-width:720px;margin:0 auto;padding-top:26px}
.br .xp-coll .ed-art{border-radius:18px;height:160px}
.br .xp-lede{margin:8px 0 0;color:var(--b-mut);font-size:15px;line-height:1.5}
.br .mut{color:var(--b-mut)}
.br .pill kbd{font:inherit;font-size:12px;border:1px solid var(--b-line);border-radius:6px;padding:1px 6px}
.br .b{color:var(--b-on-acc)!important}
.br .b.ink{color:var(--b-bg)!important}
.br .b.gh{color:var(--b-fg)!important}
.br .chip:not(.jp):not(.lv){color:var(--b-on-acc)}
.br .br-empty{padding:24px 0}
.br .td-top .k{color:rgba(255,255,255,.92)!important}
.br .add-w .add{position:absolute;top:6px;right:6px;width:30px;height:30px;z-index:2}
.br mark{background:0 0;color:inherit;font-weight:800;text-decoration:underline;text-decoration-color:var(--b-acc);text-decoration-thickness:2px;text-underline-offset:2px}
@container (max-width:520px){
.br .bb,.br .td-grid{height:auto}
}
.br [style*="--ls"]{--img:var(--ls)}
.br .tl.po,.br[data-shape=po] .tl{--img:var(--po)}
.br .li .art,.br .sh-h .art,.br .xp-play .art,.br[data-shape=sq] .tl{--img:var(--sq)}
.br .bb-art,.br .fc .art,.br .jw-in>.art,.br .xp-hero .art{--img:var(--ls)}
.br .tl-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.br .tl::after{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 62%,rgba(0,0,0,.5))}
.cl{--acc:var(--gold, #39D609);--acc-ink:var(--on-gold, #0B1A05);--fg:var(--ink, #14171A);--mut:var(--ink-soft, #6B7066);--bgv:var(--bg, #fff);--tile:var(--block, #F1F2EF);--line:var(--border, #E4E5E0);position:relative;color:var(--fg);font-size:14px;container:cl/inline-size;-webkit-font-smoothing:antialiased}
.cl button{font:inherit;color:inherit;margin:0;font:inherit;color:inherit}
.cl h3,.cl h4,.cl h5{color:inherit}
.cl .cl-box{position:relative;width:100%}
.cl.cl-open{min-height:640px}
.cl p{color:inherit}
.cl .cr,.cl .tt{color:#fff}
.cl svg{width:18px;height:18px;display:block}
.cl .ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0}
.cl .ic:hover{background:rgba(255,255,255,.24)}
.cl .ic:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .rb:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .b:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .cr:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .st:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .tt:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .sp-li:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .q-li:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cl .b{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;border-radius:100px;border:none;background:var(--acc);color:var(--acc-ink)!important;font-weight:650;font-size:14px;cursor:pointer;white-space:nowrap}
.cl .b svg{width:14px;height:14px}
.cl .b.gh{background:rgba(255,255,255,.16);color:#fff!important;backdrop-filter:blur(8px)}
.cl .b.sm{height:34px;padding:0 14px;font-size:13px}
.cl .age{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;border:1.5px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.02em;opacity:.9}
.cl .k{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;opacity:.78;font-weight:600}
.cl .toast{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;background:rgba(20,23,26,.92);color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;max-width:min(86%,380px);text-align:center;pointer-events:none;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.cl .clip{position:relative;overflow:hidden;background:#0b0d0c;container-type:size}
.cl .clip>iframe,.cl .clip>img,.cl .clip>video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.cl .clip .c-bg{object-fit:cover;filter:blur(26px) brightness(.55) saturate(1.2);transform:scale(1.25);opacity:0}
.cl .clip .c-po{object-fit:cover;transition:opacity .45s;z-index:2}
.cl .clip video.c-m{object-fit:cover;z-index:1}
.cl .clip iframe.c-m{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);pointer-events:none;z-index:1}
.cl .clip[data-fit=contain] .c-bg{opacity:1}
.cl .clip[data-fit=contain] video.c-m{object-fit:contain}
.cl .clip[data-fit=contain] iframe.c-m{width:min(100cqw,177.78cqh);height:min(100cqh,56.25cqw)}
.cl .clip[data-fit=contain] .c-po{object-fit:contain}
.cl .clip.live .c-po{opacity:0}
.cl .clip .c-spin{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;z-index:3;opacity:0;transition:opacity .2s;animation:.8s linear infinite cspin}
.cl .clip.on:not(.live) .c-spin{opacity:1}
.cl .clip .c-err{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;font-size:12px;color:#fff;background:rgba(0,0,0,.6);border-radius:8px;padding:6px 8px;display:none}
.cl .clip.err .c-err{display:block}
.cl .fd{position:absolute;inset:0;background:#050606;color:#fff;display:flex;justify-content:center}
.cl .fd-col{position:relative;height:100%;width:100%}
.cl .fd-sc{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:0;overscroll-behavior-y:auto}
.cl .fd-sc::-webkit-scrollbar{display:none}
.cl .sl{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.cl .sl-media,.cl .sl-media .clip{position:absolute;inset:0}
.cl .sl-tap{position:absolute;inset:0;z-index:5;background:0 0;border:none;cursor:pointer}
.cl .sl-pp{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:6;opacity:0;pointer-events:none}
.cl .sl-pp svg{width:26px!important;height:26px!important}
.cl .sl.paused .sl-pp{opacity:1}
.cl .sl::after{content:'';position:absolute;inset:auto 0 0 0;height:58%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78));pointer-events:none;z-index:4}
.cl .sl::before{content:'';position:absolute;inset:0 0 auto 0;height:22%;background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.45));pointer-events:none;z-index:4}
.cl .sl-cap{position:absolute;left:16px;right:74px;bottom:26px;z-index:7;display:flex;flex-direction:column;gap:6px}
.cl .sl-cap h3{font-size:22px;font-weight:650;letter-spacing:-.02em;margin:0;line-height:1.1;text-wrap:balance}
.cl .sl-cap p{margin:0;font-size:14px;line-height:1.4;opacity:.9;max-width:34ch}
.cl .fx-in{font-size:12.5px;opacity:.82;line-height:1.45}
.cl .sl-cap .btns{display:flex;gap:8px;margin-top:6px}
.cl .rail{position:absolute;right:10px;bottom:28px;z-index:7;display:flex;flex-direction:column;gap:14px;align-items:center}
.cl .rb{display:flex;flex-direction:column;align-items:center;gap:4px;background:0 0;border:none;color:#fff;cursor:pointer;padding:0;width:56px}
.cl .rb>span{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.cl .rb small{font-size:11px;opacity:.9}
.cl .rb[aria-pressed=true]>span{background:var(--acc);color:var(--acc-ink)}
.cl .rb:active>span{transform:scale(.92)}
.cl .prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2);z-index:8}
.cl .prog i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0)}
.cl .fd-top{position:absolute;left:0;right:0;top:0;z-index:9;display:flex;align-items:center;gap:10px;padding:14px 14px 0 16px;pointer-events:none}
.cl .fd-top>*{pointer-events:auto}
.cl .fd-top b{font-size:18px;letter-spacing:-.02em}
.cl .fd-top .sp{flex:1}
.cl .fd-nav{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:9}
.cl .fd-nav .ic{background:rgba(255,255,255,.12);width:42px;height:42px}
.cl .fd-nav .ic[disabled]{opacity:.3;cursor:default}
.cl .sl-end{display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;background:#0e1011}
.cl .sl-end::after,.cl .sl-end::before{display:none}
.cl .sl-end h3{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}
.cl .sl-end p{margin:0 auto 18px;opacity:.75;max-width:30ch;line-height:1.45}
.cl .sl-end .btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.cl .sl-end .dot{width:54px;height:54px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.cl .sl-end .dot svg{width:26px;height:26px}
.cl .fd-framed .sl-cap{bottom:22px}
.cl .fd-card .sl{display:flex;flex-direction:column;padding:62px 14px 16px;gap:12px;background:#0e1011}
.cl .fd-card .sl::after,.cl .fd-card .sl::before{display:none}
.cl .fd-card .sl-media{position:relative;inset:auto;flex:1;min-height:0;border-radius:18px;overflow:hidden}
.cl .fd-card .sl-cap{position:static;right:auto;gap:5px}
.cl .fd-card .sl-cap h3{font-size:19px}
.cl .fd-card .rail{position:static;flex-direction:row;justify-content:flex-start;gap:6px}
.cl .fd-card .rb{flex-direction:row;gap:6px;background:rgba(255,255,255,.1);border-radius:100px;height:38px}
.cl .fd-card .rb>span{width:30px;height:30px;background:0 0}
.cl .fd-card .rb small{font-size:12.5px;display:none}
.cl .fd-card .rb[aria-pressed=true]{background:var(--acc);color:var(--acc-ink)}
.cl .fd-card .rb[aria-pressed=true]>span{background:0 0;color:inherit}
.cl .fd-card .prog{left:14px;right:14px;bottom:auto;top:52px;border-radius:3px;overflow:hidden}
.cl .fd-card .fd-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cl .fd-card .fd-bar .btns{display:flex;gap:8px}
.cl .fd-card .rb{padding:0;width:38px;justify-content:center}
.cl .fd-card .fd-bar .rail{margin-left:auto}
.cl .sh{position:absolute;left:0;right:0;bottom:0;z-index:12;background:#15191b;color:#fff;border-radius:20px 20px 0 0;padding:18px 18px 20px;box-shadow:0 -20px 50px -20px rgba(0,0,0,.7)}
.cl .sh .grab{width:38px;height:4px;border-radius:2px;background:rgba(255,255,255,.25);margin:-6px auto 12px}
.cl .sh h4{margin:0 0 2px;font-size:18px}
.cl .sh .sub{font-size:13px;opacity:.7;margin:0 0 12px}
.cl .sh dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin:0 0 12px}
.cl .sh dl div{background:#15191b;padding:10px 12px}
.cl .sh dt{font-size:11px;opacity:.6;text-transform:uppercase;letter-spacing:.06em}
.cl .sh dd{margin:2px 0 0;font-size:15px;font-weight:600}
.cl .sh .fine{font-size:11.5px;opacity:.6;margin:10px 0 0;line-height:1.45}
.cl .sh .row{display:flex;gap:8px;align-items:center}
.cl .sh .row .sp{flex:1}
.cl .lb{inset:0;scrollbar-width:thin}
.cl .lb-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 18px;margin-bottom:12px}
.cl .lb-h h3{margin:3px 0 0;font-size:21px;letter-spacing:-.02em}
.cl .lb-h .k{color:var(--mut);opacity:1}
.cl .lnk{background:0 0;border:none;padding:0;font-size:13px;color:var(--fg);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cl .lb-rw{display:flex;gap:10px;overflow-x:auto;padding:2px 18px 6px;scroll-snap-type:x proximity;scroll-padding-inline:18px;scrollbar-width:none}
.cl .lb-rw::-webkit-scrollbar{display:none}
.cl .cr{position:relative;flex:0 0 auto;width:clamp(128px,19cqi,168px);aspect-ratio:9/16;border-radius:14px;overflow:hidden;border:none;padding:0;cursor:pointer;scroll-snap-align:start;background:#111;color:#fff;text-align:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.cl .cr .clip{position:absolute;inset:0}
.cl .cr::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.72));z-index:3;pointer-events:none}
.cl .cr-n{position:absolute;left:10px;right:10px;bottom:9px;z-index:4;font-size:13px;font-weight:650;line-height:1.15}
.cl .cr-n small{display:block;font-weight:500;opacity:.75;font-size:11px;margin-top:2px}
.cl .cr-d{position:absolute;top:8px;right:8px;z-index:4;font-size:11px;font-weight:650;background:rgba(0,0,0,.55);padding:2px 7px;border-radius:100px;display:flex;gap:4px;align-items:center}
.cl .cr-d svg{width:10px!important;height:10px!important}
.cl .cr:hover{transform:translateY(-3px)}
.cl .cr.on{transform:scale(1.04)}
.cl .lb-sub{padding:0 18px;margin:22px 0 10px;font-size:16px;font-weight:650}
.cl .lb-po{display:flex;gap:10px;overflow:hidden;padding:0 18px}
.cl .lb-po span{flex:0 0 auto;width:clamp(150px,22cqi,200px);aspect-ratio:16/10;border-radius:12px;background:var(--tile) center/cover}
.cl .ov{inset:0}
.cl .st-rw{display:flex;gap:14px;overflow-x:auto;padding:4px 18px 8px;scrollbar-width:none}
.cl .st-rw::-webkit-scrollbar{display:none}
.cl .st{flex:0 0 auto;width:78px;background:0 0;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.cl .st-ring{width:74px;height:74px;border-radius:50%;padding:3px;background:conic-gradient(var(--acc),#0e6b4d,var(--acc));display:block}
.cl .st-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bgv);display:block;background:var(--tile)}
.cl .st.seen .st-ring{background:var(--line)}
.cl .st small{font-size:11.5px;color:var(--fg);max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl .sv{inset:0;background:#050606;color:#fff;display:flex;justify-content:center}
.cl .sv-col{position:relative;height:100%;width:100%}
.cl .sv-col .clip{position:absolute;inset:0}
.cl .sv-bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:9}
.cl .sv-bars span{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.cl .sv-bars i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0)}
.cl .sv-head{position:absolute;top:22px;left:12px;right:10px;display:flex;align-items:center;gap:10px;z-index:9}
.cl .sv-head img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.cl .sv-head b{font-size:14px;display:block}
.cl .sv-head small{font-size:12px;opacity:.75}
.cl .sv-head .sp{flex:1}
.cl .sv-nav{position:absolute;top:70px;bottom:110px;width:40%;z-index:6;background:0 0;border:none;cursor:pointer}
.cl .sv-prev{left:0}
.cl .sv-next{right:0;width:60%}
.cl .sv-col::before{content:'';position:absolute;inset:0 0 auto 0;height:130px;background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.55));z-index:5;pointer-events:none}
.cl .sv-col::after{content:'';position:absolute;inset:auto 0 0 0;height:200px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));z-index:5;pointer-events:none}
.cl .sv-cta{position:absolute;left:14px;right:14px;bottom:18px;z-index:9;display:flex;align-items:flex-end;gap:12px}
.cl .sv-cta>div{flex:1;min-width:0}
.cl .sv-cta b{font-size:18px;display:block;letter-spacing:-.01em}
.cl .sv-cta p{margin:3px 0 0;font-size:13px;opacity:.85}
.cl .sv-hold{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;font-size:12px;background:rgba(0,0,0,.5);padding:6px 10px;border-radius:100px;opacity:0;transition:opacity .2s;pointer-events:none}
.cl .sv.held .sv-hold{opacity:1}
.cl .spx{inset:0;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:14px;padding:18px}
.cl .spx-main{position:relative;border-radius:16px;overflow:hidden;background:#000;color:#fff;min-height:0}
.cl .spx-main .clip{position:absolute;inset:0}
.cl .spx-main::after{content:'';position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));z-index:3;pointer-events:none}
.cl .spx-cap{position:absolute;left:18px;right:18px;bottom:18px;z-index:4;display:flex;align-items:flex-end;gap:14px}
.cl .spx-cap>div{flex:1;min-width:0}
.cl .spx-cap h3{margin:4px 0;font-size:clamp(20px, 3.2cqi, 30px);letter-spacing:-.02em;line-height:1.05}
.cl .spx-cap p{margin:0;font-size:13.5px;opacity:.88;max-width:44ch}
.cl .spx-top{position:absolute;top:14px;left:16px;right:14px;z-index:4;display:flex;gap:10px;align-items:center}
.cl .spx-top .sp{flex:1}
.cl .spx-main .prog{z-index:5}
.cl .spx-list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:auto}
.cl .spx-list h4{margin:2px 0 6px;font-size:15px}
.cl .sp-li{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;background:0 0;border:none;padding:6px;border-radius:12px;cursor:pointer;text-align:left;color:var(--fg)}
.cl .sp-li:hover,.cl .sp-li[aria-current=true]{background:var(--tile)}
.cl .sp-li img{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--tile)}
.cl .sp-li b{font-size:13.5px;display:block;line-height:1.2}
.cl .sp-li small{font-size:12px;color:var(--mut)}
.cl .sp-li .sp-bar{display:block;height:2px;border-radius:2px;background:var(--line);margin-top:6px;overflow:hidden}
.cl .sp-li .sp-bar i{display:block;height:100%;background:var(--acc);transform-origin:left;transform:scaleX(0)}
.cl .th{font-family:inherit;grid-template-rows:minmax(0,1fr);position:absolute;inset:0;background:#08090a;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;gap:22px;padding:18px 22px}
.cl .th-p{position:relative;height:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000}
.cl .th-p .clip{position:absolute;inset:0}
.cl .th-side{min-height:0;max-height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.cl .th-side.l{align-items:flex-end;text-align:right}
.cl .th-det .k{opacity:.7}
.cl .th-det h3{margin:4px 0 6px;font-size:24px;letter-spacing:-.02em;line-height:1.08}
.cl .th-det p{margin:0 0 12px;font-size:14px;line-height:1.45;opacity:.85;max-width:34ch}
.cl .th-det dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0 0 14px;max-width:300px}
.cl .th-det dt{font-size:11px;opacity:.55;text-transform:uppercase;letter-spacing:.06em}
.cl .th-det dd{margin:2px 0 0;font-size:15px;font-weight:600}
.cl .th-det .btns{display:flex;gap:8px;flex-wrap:wrap}
.cl .th-next{margin-top:18px}
.cl .th-next h5{margin:0 0 8px;font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.07em;font-weight:600}
.cl .th-next div{display:flex;gap:8px}
.cl .th-next button{width:58px;aspect-ratio:9/16;border-radius:10px;border:none;padding:0;overflow:hidden;cursor:pointer;background:#222}
.cl .th-next img{width:100%;height:100%;object-fit:cover;display:block}
.cl .th-nav{display:flex;flex-direction:column;gap:10px}
.cl .th-nav .ic{width:46px;height:46px}
.cl .th-nav .ic[disabled]{opacity:.3;cursor:default}
.cl .th-count{font-size:12px;opacity:.6}
.cl .th-cap{position:absolute;left:14px;right:14px;bottom:16px;z-index:6}
.cl .th-cap h3{margin:3px 0 4px;font-size:19px;letter-spacing:-.02em}
.cl .th-cap p{margin:0 0 10px;font-size:13px;opacity:.88}
.cl .th-p::after{content:'';position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78));z-index:5;pointer-events:none}
.cl .th-p .prog{z-index:7}
.cl .th-p .sl-tap{z-index:5}
.cl .th-p .th-top{position:absolute;top:12px;left:12px;right:12px;z-index:6;display:flex;gap:8px;align-items:center}
.cl .th-p .th-top .sp{flex:1}
.cl .th-rail{display:flex;flex-direction:column;gap:14px;justify-content:flex-end;padding-bottom:22px}
.cl .th-rail .rb{color:#fff}
.cl .th-q{display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:100%;width:min(260px,100%);scrollbar-width:thin}
.cl .q-li{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;background:0 0;border:none;padding:5px;border-radius:10px;text-align:left;cursor:pointer;color:#fff}
.cl .q-li:hover{background:rgba(255,255,255,.08)}
.cl .q-li[aria-current=true]{background:rgba(255,255,255,.14)}
.cl .q-li img{width:40px;height:54px;border-radius:6px;object-fit:cover}
.cl .q-li b{font-size:13px;display:block;line-height:1.2}
.cl .q-li small{font-size:11.5px;opacity:.6}
.cl .th-hint{font-size:12px;opacity:.55;line-height:1.5}
.cl .th-hint kbd{font:inherit;border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:0 5px}
.cl .tg-wrap{inset:0;padding:16px 18px 20px;scrollbar-width:thin}
.cl .tg-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.cl .tg-h h3{margin:3px 0 0;font-size:21px;letter-spacing:-.02em}
.cl .tg-h .k{color:var(--mut);opacity:1}
.cl .tg-h small{font-size:12.5px;color:var(--mut);max-width:26ch;text-align:right}
.cl .tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(112px,16cqi,150px),1fr));gap:10px}
.cl .tt{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;border:none;padding:0;cursor:pointer;background:#111;color:#fff;text-align:left;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.cl .tt .clip{position:absolute;inset:0}
.cl .tt::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.65));z-index:3;pointer-events:none}
.cl .tt-n{position:absolute;left:9px;right:9px;bottom:8px;z-index:4;font-size:12.5px;font-weight:650;line-height:1.15}
.cl .tt-n small{display:block;font-weight:500;opacity:.75;font-size:10.5px;margin-top:2px}
.cl .tt-v{position:absolute;top:7px;left:7px;z-index:4;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
.cl .tt-v svg{width:10px!important;height:10px!important}
.cl .tt.on{transform:scale(1.04);box-shadow:0 16px 30px -14px rgba(0,0,0,.6);z-index:2}
.cl .tt.dim{opacity:.35}
.cl .tx{position:absolute;z-index:40;background:#101314;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.7);display:flex;flex-direction:column}
.cl .tx-m{position:relative;aspect-ratio:16/9;flex-shrink:0}
.cl .tx-m .clip{position:absolute;inset:0}
.cl .tx-m .ic{position:absolute;top:10px;z-index:6}
.cl .tx-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.cl .tx-b h3{margin:0;font-size:20px;letter-spacing:-.02em}
.cl .tx-b p{margin:0;font-size:13.5px;opacity:.85;line-height:1.4}
.cl .tx-b .btns{display:flex;gap:8px;margin-top:4px}
.cl .tx-b .fx-in{opacity:.7}
.cl .tx-dim{position:absolute;inset:0;z-index:39;background:rgba(0,0,0,.45)}
.cl .tx.wide{flex-direction:row}
.cl .tx.wide .tx-m{width:60%;aspect-ratio:16/9;align-self:flex-start}
.cl .tx.wide .tx-b{flex:1;min-width:0;justify-content:center}
.cl .fd-ms{font-size:11.5px;font-weight:600;background:rgba(57,214,9,.9);color:#0b1a05;padding:3px 8px;border-radius:100px;opacity:0;white-space:nowrap}
.cl .fd-ms.slow{background:rgba(255,190,60,.95)}
@keyframes cspin{
to{transform:rotate(360deg)}
}
.cl .lb{position:relative;inset:auto;overflow:visible;padding:18px 0 22px}
.cl .lb-spot{padding:0}
.cl .lb-spot .lb-h{padding:18px 18px 0}
.cl .tg-wrap{position:relative;inset:auto;overflow:visible}
.cl .spx{position:relative;inset:auto;height:clamp(380px,46cqi,560px)}
.cl .ov,.cl .sv{position:absolute;inset:0;z-index:40}
.cl .tx-age{position:absolute;left:10px;top:12px;z-index:6;color:#fff}
.cl .tx-ic{position:absolute;right:10px;top:10px;z-index:6;display:flex;gap:8px}
.cl .th-ov{display:flex;gap:22px;align-items:flex-end;height:100%}
.cl .th-ov .th-nav{align-self:center}
.cl .th-overlay .th-side.l .th-hint{text-align:right}
.cl .th-det .btns .b>span{display:inline-flex}
.cl .th-det .btns .b>span svg{width:14px;height:14px}
.cl .clip-h,.cl .tx-m .clip-h{position:absolute;inset:0}
.cl img{max-width:none}
.cl .fd-card .sl-media .clip-h{position:absolute;inset:0}
@container cl (max-width:699px){
.cl .fd-nav{display:none}
.cl .spx{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:14px;height:auto}
.cl .spx-main{aspect-ratio:4/5}
.cl .tg{grid-template-columns:repeat(2,1fr)}
}
@container cl (min-width:700px){
.cl .fd-col{width:auto;aspect-ratio:9/16;max-width:100%}
.cl .sv-col{width:auto;aspect-ratio:9/16}
}
.lg{--lg-ink:var(--ink, #14171A);--lg-body:var(--ink-body, #484F5A);--lg-soft:var(--ink-soft, #6B7066);--lg-line:var(--border, #D8DAD3);--lg-tile:var(--block, #F1F2EF);--lg-acc:var(--gold, #39D609);container:lg/inline-size;color:var(--lg-ink);max-width:var(--content-max,1200px);margin:0 auto;padding:clamp(28px,5cqi,64px) clamp(16px,4cqi,40px) clamp(40px,6cqi,80px);box-sizing:border-box}
.lg *{box-sizing:border-box}
.lg-note{font-size:13px;line-height:1.5;background:color-mix(in srgb,#f5b83d 16%,transparent);border:1px solid;color:var(--lg-ink);border-radius:12px;padding:10px 14px;margin:0 0 28px}
.bild-viewer .lg-note,.preview-mode .lg-note{display:none}
.lg mark.lg-ph{background:color-mix(in srgb,#f5b83d 30%,transparent);color:inherit;border-radius:4px;padding:0 3px}
.lg-head{max-width:760px;margin:0 0 clamp(28px,4cqi,44px)}
.lg-k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lg-soft);font-weight:600}
.lg h1{font-family:var(--font-head, inherit);font-weight:var(--head-weight,700);font-size:clamp(34px, 6cqi, 56px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 12px;text-wrap:balance}
.lg-meta{margin:0;font-size:14px;color:var(--lg-soft)}
.lg-sum{margin-top:24px;background:var(--lg-tile);border-radius:16px;padding:18px 20px 16px}
.lg-sum-h{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--lg-soft);margin:0 0 8px;font-weight:650}
.lg-sum ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.lg-sum li{position:relative;padding-left:22px;font-size:16px;line-height:1.45;color:var(--lg-ink)}
.lg-sum li::before{content:'';position:absolute;left:2px;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--lg-acc)}
.lg-grid{display:block}
.lg.has-toc .lg-grid{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(28px,5cqi,64px);align-items:start}
.lg-toc{position:sticky;top:calc(var(--bs-sticky,76px) + 16px)}
.lg-toc summary{list-style:none;cursor:default;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lg-soft);font-weight:650;margin-bottom:10px}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc ol{list-style:none;margin:0;padding:0;counter-reset:lg;display:grid;gap:2px;border-left:1px solid var(--lg-line)}
.lg-toc li{counter-increment:lg}
.lg-toc a{display:flex;gap:10px;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--lg-body);text-decoration:none}
.lg-toc a::before{content:counter(lg);color:var(--lg-soft);font-variant-numeric:tabular-nums;min-width:1.2em}
.lg-toc a:hover{color:var(--lg-ink)}
.lg-toc a[aria-current=true]{color:var(--lg-ink);border-left-color:var(--lg-ink);font-weight:600}
.lg-foot a:focus-visible,.lg-print:focus-visible,.lg-toc a:focus-visible{outline:2px solid var(--lg-ink);outline-offset:2px;border-radius:4px}
.lg-body{max-width:68ch}
.lg-sec{padding:0 0 clamp(22px,3cqi,30px);scroll-margin-top:calc(var(--bs-sticky,76px) + 16px)}
.lg-sec+.lg-sec{border-top:1px solid var(--lg-line);padding-top:clamp(22px,3cqi,30px)}
.lg-sec h2{display:flex;gap:12px;align-items:baseline;font-family:var(--font-head, inherit);font-size:clamp(19px, 2.4cqi, 22px);font-weight:650;letter-spacing:-.015em;line-height:1.25;margin:0 0 10px;color:var(--lg-ink)}
.lg-n{font-size:13px;font-weight:600;color:var(--lg-soft);font-variant-numeric:tabular-nums;min-width:1.4em}
.lg-sec p{font-size:16px;line-height:1.65;color:var(--lg-body);margin:0 0 12px;padding-left:calc(1.4em + 12px)}
.lg-sec p:last-child{margin-bottom:0}
.lg-foot{margin-top:28px;padding-top:20px;border-top:1px solid var(--lg-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.lg-foot p{margin:0;font-size:14px;color:var(--lg-soft)}
.lg-foot a{color:var(--lg-ink)}
.lg-print{font:inherit;font-size:14px;border:1px solid var(--lg-line);background:0 0;color:var(--lg-ink);height:38px;padding:0 16px;border-radius:100px;cursor:pointer}
.lg-print:hover{background:var(--lg-tile)}
@container lg (max-width:759px){
.lg.has-toc .lg-grid{display:block}
.lg-toc{position:static;margin:0 0 24px;border:1px solid var(--lg-line);border-radius:14px;padding:12px 16px}
.lg-toc summary{cursor:pointer;margin:0;display:flex;justify-content:space-between;align-items:center;color:var(--lg-ink)}
.lg-toc summary::after{content:'+';font-size:18px;line-height:1}
.lg-toc details[open] summary{margin-bottom:10px}
.lg-toc details[open] summary::after{content:'–'}
.lg-sec p{padding-left:0}
}
@media print{
.lg-note,.lg-print,.lg-toc{display:none!important}
.lg.has-toc .lg-grid{display:block}
.lg mark.lg-ph{background:0 0}
}
.vip.vip-dk{--fg:#F2F3EF;--mut:#9BA096;--bgv:#0E1011;--tile:#1B1F22;--line:#2B3136}
.vip button{font:inherit;color:inherit;margin:0}
.vip a.b{text-decoration:none}
.vip{--acc:var(--gold, #39D609);--acc-ink:#0B1A05;--fg:var(--ink, #14171A);--mut:var(--ink-soft, #6B7066);--bgv:var(--bg, #fff);--tile:var(--block, #F4F4F1);--line:var(--border, #E6E7E2);position:relative;color:var(--fg);container-type:inline-size;-webkit-font-smoothing:antialiased;--acc:#39D609;--acc-ink:#0B1A05;--fg:#14171A;--mut:#6B7066;--bgv:#fff;--tile:#F4F4F1;--line:#E6E7E2;background:var(--bgv);color:var(--fg);font-size:14px;line-height:1.4}
.vip button{font:inherit;color:inherit}
.vip p{color:inherit;margin:0}
.vip h2,.vip h3,.vip h4{color:inherit;margin:0;font-weight:600;letter-spacing:-.02em}
.vip :focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.vip .b{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 20px;border-radius:100px;border:none;background:var(--acc);color:var(--acc-ink)!important;font-weight:650;font-size:14px;cursor:pointer;white-space:nowrap;transition:transform .15s}
.vip .b:active{transform:scale(.96)}
.vip .b.ink{background:var(--fg);color:var(--bgv)!important}
.vip .b.gh{background:var(--tile);color:var(--fg)!important}
.vip .b.sm{height:34px;padding:0 14px;font-size:13px}
.vip .k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:600}
.vip .age{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;border:1.5px solid currentColor;font-size:10.5px;font-weight:700}
.vip .num{font-variant-numeric:tabular-nums}
.vip .gem{display:block;overflow:visible}
.vip .gem.lk{filter:grayscale(1) brightness(1.12) opacity(.5)}
.vip .star{width:14px;height:14px;display:block}
.vip .lock{width:12px;height:12px}
.vip .rd{position:absolute;inset:0;display:flex;flex-direction:column}
.vip .rd-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--bgv) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.vip .rd-top h3{font-size:16px}
.vip .rd-top small{display:block;font-size:12px;color:var(--mut);margin-top:2px}
.vip .rd-pts{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 6px;border-radius:100px;background:var(--tile);font-weight:650;font-size:13px}
.vip .rd-pts svg{width:22px;height:22px}
.vip .rd-sc{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;position:relative;overscroll-behavior-y:auto}
.vip .rd-sc::-webkit-scrollbar{display:none}
.vip .rd-world{position:relative;height:1180px;overflow:hidden}
.vip .rd-band{position:absolute;left:0;right:0;pointer-events:none}
.vip .rd-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vip .rd-road{fill:none;stroke:#EDEEE9;stroke-width:30;stroke-linecap:round}
.vip .rd-dash{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:2 12;stroke-linecap:round}
.vip .rd-done{fill:none;stroke:#39D609;stroke-width:10;stroke-linecap:round}
.vip .rd-cloud{position:absolute;border-radius:50%;filter:blur(28px);opacity:.55;pointer-events:none}
.vip .nd{position:absolute;width:96px;margin-left:-48px;margin-top:-48px;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:0 0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.vip .nd .gw{position:relative;width:78px;height:78px;display:flex;align-items:center;justify-content:center}
.vip .nd .gw::before{content:'';position:absolute;inset:6px 4px -2px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,23,26,.22),transparent);transform:translateY(34px) scaleY(.22);z-index:-1}
.vip .nd .gem{width:74px;height:74px}
.vip .nd .rt{font-size:13px;font-weight:750;padding:3px 10px;border-radius:100px;background:var(--fg);color:var(--bgv);letter-spacing:-.01em;box-shadow:0 4px 12px -6px rgba(0,0,0,.5)}
.vip .nd.lk .rt{background:var(--tile);color:var(--mut);box-shadow:none}
.vip .nd .nm{font-size:12px;font-weight:600;color:var(--mut);margin-top:-1px}
.vip .nd .st3{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:flex;gap:1px;align-items:flex-end}
.vip .nd .st3 .star:nth-child(2){width:18px;height:18px;margin-bottom:4px}
.vip .nd .lkb{position:absolute;right:4px;bottom:6px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;color:#6b7066}
.vip .nd.cur .gw::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:3px solid #39d609;animation:1.8s ease-out infinite ndPulse;pointer-events:none}
@keyframes ndPulse{
0%{transform:scale(.85);opacity:.9}
100%{transform:scale(1.35);opacity:0}
}
.vip .pin{position:absolute;width:46px;margin-left:-23px;margin-top:-128px;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center}
.vip .pin i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#14171a;color:#fff;font-style:normal;font-weight:700;font-size:14px;border:3px solid #fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.vip .pin::after{content:'';width:10px;height:10px;background:#14171a;transform:rotate(45deg) translateY(-7px);border-right:3px solid #fff;border-bottom:3px solid #fff}
.vip .mile{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #edeee9;z-index:2}
.vip .mile.on{background:#39d609;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(57,214,9,.5)}
.vip .sheet{position:absolute;left:0;right:0;bottom:0;z-index:20;background:var(--bgv);border-radius:22px 22px 0 0;box-shadow:0 -20px 50px -20px rgba(0,0,0,.35);padding:10px 20px 20px;transform:translateY(105%);visibility:hidden}
.vip .sheet.on{visibility:visible}
.vip .sheet .grab{width:40px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 14px}
.vip .sh-h{display:flex;align-items:center;gap:14px;padding-right:40px}
.vip .sh-h .gem{width:62px;height:62px;flex-shrink:0}
.vip .sh-h h4{font-size:20px}
.vip .sh-h small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.vip .sh-rt{margin-left:auto;text-align:right;font-size:34px;font-weight:750;letter-spacing:-.04em;line-height:1}
.vip .sh-rt small{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--mut);margin-top:4px}
.vip .perks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:14px;overflow:hidden}
.vip .perks li{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--tile);font-size:14px}
.vip .perks li svg{width:18px;height:18px;flex-shrink:0;color:#1e8a00}
.vip .perks li.nw{font-weight:600}
.vip .perks li.nw::after{content:'New';margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px;background:#39d609;color:#0b1a05}
.vip .sh-st{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--mut)}
.vip .sh-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--tile);cursor:pointer;display:flex;align-items:center;justify-content:center}
.vip .sh-x svg{width:14px;height:14px}
.vip .scrim{position:absolute;inset:0;z-index:19;background:rgba(14,16,17,.35);opacity:0;visibility:hidden}
.vip .lu{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 38%,#1d2226 0,#0b0d0e 70%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:20px}
.vip .lu-rays{position:absolute;left:50%;top:38%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tc) 40%,transparent) 0deg 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(closest-side,#000 20%,transparent 75%);mask:radial-gradient(closest-side,#000 20%,transparent 75%)}
.vip .lu-glow{position:absolute;left:50%;top:38%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tc) 55%,transparent),transparent);opacity:0;pointer-events:none}
.vip .lu-gem{position:relative;width:150px;height:150px;margin-top:-30px}
.vip .lu-gem .gem{position:absolute;inset:0;width:100%;height:100%}
.vip .lu-st{display:flex;gap:6px;align-items:flex-end;height:40px;margin-top:6px}
.vip .lu-st .star{width:28px;height:28px}
.vip .lu-st .star:nth-child(2){width:38px;height:38px}
.vip .lu-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--tc2);margin-top:8px}
.vip .lu h3{font-size:clamp(26px, 7cqi, 40px);font-weight:650;letter-spacing:-.035em;margin-top:6px}
.vip .lu-rate{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:8px;font-weight:750;letter-spacing:-.05em}
.vip .lu-rate .old{font-size:28px;color:#6b7066;text-decoration:line-through;text-decoration-thickness:3px}
.vip .lu-rate .new{font-size:clamp(56px, 16cqi, 92px);line-height:.9;background:linear-gradient(180deg,#fff 30%,var(--tc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.vip .lu-rate small{display:block;font-size:13px;letter-spacing:0;font-weight:500;color:#9ba096}
.vip .lu-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;max-width:420px}
.vip .lu-chips span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:100px;background:rgba(255,255,255,.1);font-size:13px;font-weight:600}
.vip .lu-chips span svg{width:14px;height:14px;color:#39d609}
.vip .lu-ft{display:flex;gap:10px;margin-top:20px;align-items:center}
.vip .lu-ft .b.gh{background:rgba(255,255,255,.12);color:#fff!important}
.vip .lu-fine{position:absolute;bottom:12px;left:0;right:0;font-size:11.5px;color:#6b7066;display:flex;gap:8px;justify-content:center;align-items:center}
.vip .cf{position:absolute;left:50%;top:38%;width:10px;height:14px;border-radius:3px;pointer-events:none;z-index:3}
.vip .cf.g{width:16px;height:16px;border-radius:0;background:0 0!important}
.vip .cf.g svg{width:100%;height:100%}
.vip .dl{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px;padding:24px}
@container (max-width:560px){
.vip .dl{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:22px 18px;align-items:start;overflow-y:auto}
.vip .dl-dial{width:min(100%,300px)}
}
.vip .dl-dial{position:relative;width:min(100%,360px);aspect-ratio:1;justify-self:center}
.vip .dl-dial svg.arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vip .dl-knob{position:absolute;inset:24%;border-radius:50%;background:radial-gradient(120% 120% at 30% 25%,#fff 0,#f4f4f1 45%,#dadcd5 100%);box-shadow:0 18px 40px -18px rgba(20,23,26,.55),inset 0 -6px 14px rgba(20,23,26,.08),inset 0 2px 0 #fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.vip .dl-knob::after{content:'';position:absolute;inset:8%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(20,23,26,.06)}
.vip .dl-ptr{position:absolute;inset:0;pointer-events:none}
.vip .dl-ptr i{position:absolute;left:50%;top:3%;width:10px;height:22px;margin-left:-5px;border-radius:6px;background:#14171a;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.vip .dl-rt{font-size:clamp(46px, 13cqi, 70px);font-weight:750;letter-spacing:-.06em;line-height:.9}
.vip .dl-rt sup{font-size:.45em;vertical-align:.9em;letter-spacing:0}
.vip .dl-lb{font-size:12px;color:var(--mut);margin-top:6px;font-weight:600}
.vip .dl-gem{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:none;background:0 0;padding:0;cursor:pointer}
.vip .dl-gem .gem{width:100%;height:100%}
.vip .dl-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.vip .dl-side h3{font-size:22px;letter-spacing:-.03em}
.vip .dl-side p{color:var(--mut);font-size:14px;line-height:1.5}
.vip .dl-prog{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--tile)}
.vip .dl-prog .row{display:flex;justify-content:space-between;font-size:13px}
.vip .dl-prog .row b{font-weight:650}
.vip .bar3{position:relative;height:12px;border-radius:100px;background:#e6e7e2;overflow:visible}
.vip .bar3 .fill{position:absolute;inset:0 auto 0 0;border-radius:100px;background:linear-gradient(90deg,#7be84f,#39d609);box-shadow:inset 0 2px 0 rgba(255,255,255,.45)}
.vip .bar3 .ms{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px}
.vip .bar3 .ms .star{width:22px;height:22px}
.vip .dl-chips{display:flex;flex-wrap:wrap;gap:6px}
.vip .dl-chips button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 5px;border-radius:100px;border:1px solid var(--line);background:var(--bgv);cursor:pointer;font-size:13px;font-weight:600}
.vip .dl-chips button svg{width:22px;height:22px}
.vip .dl-chips button[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.vip .cd{position:absolute;inset:0;display:flex;flex-direction:column}
.vip .cd-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 20px 0}
.vip .cd-h h3{font-size:18px}
.vip .cd-h span{font-size:13px;color:var(--mut)}
.vip .cd-row{flex:1;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:22px 20px 28px;scrollbar-width:none;align-items:center;perspective:1000px}
.vip .cd-row::-webkit-scrollbar{display:none}
.vip .tc{position:relative;flex:0 0 auto;width:210px;height:326px;scroll-snap-align:center;border:none;padding:0;background:0 0;cursor:pointer;transform-style:preserve-3d}
.vip .tc-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.34,1.3,.5,1)}
.vip .tc.flip .tc-in{transform:rotateY(180deg)}
.vip .tc-b,.vip .tc-f{position:absolute;inset:0;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column;text-align:left}
.vip .tc-f{background:linear-gradient(160deg,var(--c0) 0,#fff 55%,var(--c0) 100%);box-shadow:0 22px 40px -24px var(--c2),inset 0 0 0 1px rgba(20,23,26,.06);padding:16px;color:#14171a}
.vip .tc-f::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.75) 45%,transparent 60%);background-size:250% 100%;background-position:var(--sx,120%) 0;mix-blend-mode:soft-light;pointer-events:none}
.vip .tc-f .lv{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c2)}
.vip .tc-f .gem{width:118px;height:118px;margin:14px auto 8px;filter:drop-shadow(0 14px 16px color-mix(in srgb, var(--c2) 45%, transparent))}
.vip .tc-f h4{font-size:20px;text-align:center}
.vip .tc-f .rt{font-size:46px;font-weight:750;letter-spacing:-.05em;text-align:center;line-height:1;margin-top:4px}
.vip .tc-f .rt small{font-size:12px;letter-spacing:0;font-weight:600;color:#6b7066;display:block;margin-top:4px}
.vip .tc-f .you{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;background:#14171a;color:#fff;padding:3px 9px;border-radius:100px}
.vip .tc.lk .tc-f{background:linear-gradient(160deg,#f1f2ef,#fff 55%,#ecede8);box-shadow:inset 0 0 0 1px rgba(20,23,26,.08)}
.vip .tc.lk .tc-f .rt,.vip .tc.lk .tc-f h4{color:#9ba096}
.vip .tc.lk .tc-f .gem{filter:grayscale(1) brightness(1.12) opacity(.5)}
.vip .tc-lock{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:#6b7066;font-weight:600}
.vip .tc-lock .ring{width:34px;height:34px;flex-shrink:0}
.vip .tc-b{transform:rotateY(180deg);background:#14171a;color:#fff;padding:18px}
.vip .tc-b h4{font-size:17px;display:flex;align-items:center;gap:8px}
.vip .tc-b h4 .gem{width:28px;height:28px}
.vip .tc-b ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.vip .tc-b li{display:flex;gap:8px;font-size:13px;line-height:1.35;color:#d6dad0}
.vip .tc-b li svg{width:15px;height:15px;flex-shrink:0;color:#39d609;margin-top:1px}
.vip .tc-b li.nw{color:#fff;font-weight:600}
.vip .tc-b .pt{margin-top:auto;font-size:12px;color:#9ba096}
.vip .tc.cur .tc-f{box-shadow:0 0 0 3px #14171a,0 22px 40px -20px var(--c2)}
.vip .tk{position:absolute;inset:0;display:flex;flex-direction:column;background:#f4f4f1}
.vip .tk-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:20px}
.vip .tk-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 1px 2px rgba(20,23,26,.04),0 16px 30px -22px rgba(20,23,26,.3);position:relative}
.vip .tk-top{display:flex;align-items:center;gap:12px}
.vip .tk-top .gem{width:48px;height:48px;flex-shrink:0}
.vip .tk-top h4{font-size:17px}
.vip .tk-top small{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}
.vip .tk-top .nx{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mut);text-align:right}
.vip .tk-top .nx .gem{width:30px;height:30px}
.vip .tk-bar{position:relative;height:18px;margin-top:18px;border-radius:100px;background:#edeee9;box-shadow:inset 0 2px 3px rgba(20,23,26,.08)}
.vip .tk-bar .fill{position:absolute;inset:0 auto 0 0;border-radius:100px;background:linear-gradient(180deg,#8af05e,#39d609 60%,#2db306);box-shadow:inset 0 3px 0 rgba(255,255,255,.5);min-width:18px}
.vip .tk-bar .fill::after{content:'';position:absolute;inset:3px 8px auto 8px;height:4px;border-radius:4px;background:rgba(255,255,255,.55)}
.vip .tk-bar .ms{position:absolute;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;z-index:2}
.vip .tk-bar .ms .star{width:28px;height:28px}
.vip .tk-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;color:var(--mut)}
.vip .tk-meta b{color:var(--fg);font-weight:650}
.vip .tk-act{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.vip .tk-act p{font-size:12.5px;color:var(--mut)}
.vip .fl{position:absolute;z-index:30;font-weight:750;font-size:15px;color:#1e8a00;pointer-events:none;white-space:nowrap}
.vip .tk-lim{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mut)}
.vip .tk-lim a{color:var(--fg)}
.vip .pg{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff;color:#14171a}
.vip .pg-in{max-width:1080px;margin:0 auto;padding:0 clamp(16px,5cqi,48px)}
.vip .pg-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}
@container (max-width:720px){
.vip .pg-hero{grid-template-columns:1fr;padding:32px 0 12px}
}
.vip .pg-hero h2{font-size:clamp(40px, 7.4cqi, 78px);font-weight:650;letter-spacing:-.055em;line-height:.95;text-wrap:balance}
.vip .pg-hero p.l{font-size:17px;line-height:1.5;color:#6b7066;margin-top:18px;max-width:42ch}
.vip .pg-hero .ctas{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.vip .pg-cluster{position:relative;height:clamp(260px,42cqi,400px)}
.vip .pg-cluster .cg{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}
.vip .pg-cluster .cg .gem{width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 16px 18px rgba(20,23,26,.18))}
.vip .pg-cluster .cg b{font-size:13px;font-weight:750;padding:3px 9px;border-radius:100px;background:#14171a;color:#fff;letter-spacing:-.01em}
.vip .pg-sec>.k{display:block;margin-bottom:10px}
.vip .pg-sec h3{font-size:clamp(28px, 4.4cqi, 44px);font-weight:650;letter-spacing:-.045em;line-height:1;max-width:18ch;text-wrap:balance}
.vip .pg-sec .sub{font-size:16px;color:#6b7066;margin-top:12px;max-width:56ch;line-height:1.5}
.vip .how{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:#e6e7e2;border:1px solid #e6e7e2;border-radius:20px;overflow:hidden}
@container (max-width:720px){
.vip .how{grid-template-columns:1fr}
}
.vip .how>div{background:#fff;padding:22px}
.vip .how .ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#f4f4f1;margin-bottom:16px}
.vip .how .ic svg{width:30px;height:30px}
.vip .how b{display:block;font-size:17px;font-weight:650;letter-spacing:-.02em;margin-bottom:6px}
.vip .how p{font-size:14px;color:#6b7066;line-height:1.5}
.vip .steps{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:clamp(6px,1.4cqi,14px);margin-top:34px;height:clamp(300px,44cqi,420px)}
.vip .step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;border:none;background:0 0;padding:0;cursor:pointer;color:inherit}
.vip .step .gem{width:min(74%,72px);height:auto;aspect-ratio:1;margin-bottom:-8px;position:relative;z-index:2}
.vip .step .col{width:100%;border-radius:16px 16px 6px 6px;background:linear-gradient(180deg,var(--c0),color-mix(in srgb,var(--c0) 45%,#fff));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 30%,transparent);transform-origin:bottom}
.vip .step .col b{font-size:clamp(20px, 3.6cqi, 34px);font-weight:750;letter-spacing:-.05em;color:var(--c2)}
.vip .step .col small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c2);opacity:.8;margin-top:2px}
@container (max-width:560px){
.vip .step .col small{display:none}
.vip .step .col{padding-top:10px}
}
.vip .step.on .col{box-shadow:inset 0 0 0 2px var(--c2)}
.vip .step-info{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 18px;border-radius:16px;background:#f4f4f1;min-height:64px}
.vip .step-info b{font-size:16px}
.vip .step-info span{font-size:14px;color:#6b7066}
.vip .calc{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-top:28px;align-items:start}
@container (max-width:720px){
.vip .calc{grid-template-columns:1fr}
}
.vip .calc-in{padding:20px;border-radius:20px;background:#f4f4f1}
.vip .calc-in label{display:block;font-size:13px;color:#6b7066;margin-bottom:10px}
.vip .calc-in .v{font-size:40px;font-weight:750;letter-spacing:-.05em}
.vip .calc-in input{width:100%;margin-top:12px;accent-color:#14171A}
.vip .calc-in p{font-size:13px;color:#6b7066;margin-top:12px;line-height:1.5}
.vip .calc-out{display:flex;flex-direction:column;gap:8px}
.vip .co{display:grid;grid-template-columns:30px 90px 1fr auto;align-items:center;gap:10px;font-size:14px}
.vip .co .gem{width:28px;height:28px}
.vip .co .bb{height:12px;border-radius:100px;background:#edeee9;overflow:hidden}
.vip .co .bb i{display:block;height:100%;border-radius:100px;background:var(--c1)}
.vip .co b{font-weight:700;font-variant-numeric:tabular-nums;min-width:8ch;text-align:right}
.vip .co.on{font-weight:650}
.vip .faq details{border-bottom:1px solid #e6e7e2;padding:16px 0}
.vip .faq summary{cursor:pointer;font-size:17px;font-weight:600;letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between;gap:12px}
.vip .faq summary::-webkit-details-marker{display:none}
.vip .faq summary::after{content:'+';font-size:22px;line-height:1;color:#6b7066}
.vip .faq details[open] summary::after{content:'–'}
.vip .faq p{font-size:15px;color:#6b7066;line-height:1.55;margin-top:10px;max-width:64ch}
.vip .faq{margin-top:18px}
@media (prefers-reduced-motion:reduce){
.cl .clip .c-spin,.vip .nd.cur .gw::after{animation:none}
.vip .tc-in{transition:none}
}
.vip .vw{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:18px;background:radial-gradient(90% 80% at 50% 40%,#22272b,#0b0d0e)}
.vip .vw-dial{position:relative;width:min(78%,340px);aspect-ratio:1}
.vip .vw-ring{position:absolute;inset:0;border-radius:50%;cursor:grab;touch-action:none;outline:0;background:radial-gradient(circle at 50% 50%,transparent 57%,#2f353a 57.5%,#1a1e21 70%,#2b3136 86%,#3a4147 92%,#15181a 100%);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),inset 0 2px 1px rgba(255,255,255,.12),inset 0 -3px 6px rgba(0,0,0,.6)}
.vip .vw-ring:active{cursor:grabbing}
.vip .vw-ring:focus-visible{box-shadow:0 0 0 3px #39d609,0 30px 60px -20px rgba(0,0,0,.8)}
.vip .vw-ring svg{position:absolute;inset:0;width:100%;height:100%}
.vip .vw-g{position:absolute;width:15%;aspect-ratio:1;pointer-events:none}
.vip .vw-g .gem{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.vip .vw-g .gem.lk{filter:grayscale(1) brightness(.9) opacity(.45)}
.vip .vw-mark{position:absolute;left:50%;top:-4px;width:0;height:0;margin-left:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid #39d609;z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.vip .vw-hub{position:absolute;inset:27%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;pointer-events:none;background:radial-gradient(circle at 35% 28%,#4a5258,#22272b 55%,#15181a);box-shadow:0 10px 24px -8px rgba(0,0,0,.8),inset 0 2px 1px rgba(255,255,255,.18),inset 0 -4px 8px rgba(0,0,0,.5)}
.vip .vw-rt{font-size:clamp(34px, 11cqi, 56px);font-weight:750;letter-spacing:-.06em;line-height:.9}
.vip .vw-rt sup{font-size:.45em;vertical-align:.9em;letter-spacing:0}
.vip .vw-nm{font-size:13px;font-weight:600;color:#c8cdc3}
.vip .vw-st{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px;background:#39d609;color:#0b1a05}
.vip .vw-st.lk{background:rgba(255,255,255,.12);color:#c8cdc3}
.vip .vw-st .lock{width:11px;height:11px}
.vip .vw-ctl{display:flex;align-items:center;gap:10px}
.vip .vw-ar{width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vip .vw-ar svg{width:18px;height:18px}
.vip .vw-ar:hover{background:rgba(255,255,255,.18)}
.vip .vw .b:disabled{opacity:.4;cursor:default}
.vip .sp{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:6px}
.vip .sp-g{position:relative;width:min(92%,460px);aspect-ratio:100/58}
.vip .sp-g svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;font-family:inherit}
.vip .sp-n{position:absolute;left:50%;top:calc(54 / 58 * 100%);width:0;height:0;transform-origin:0 0}
.vip .sp-n i{position:absolute;left:-3px;bottom:0;width:6px;height:calc(min(92cqi,460px) * .38);border-radius:6px 6px 3px 3px;background:linear-gradient(90deg,#14171a 50%,#3a4147 50%);transform-origin:50% 100%;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}
.vip .sp-hub{position:absolute;left:50%;top:calc(54 / 58 * 100%);width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a5258,#14171a);box-shadow:0 4px 10px rgba(0,0,0,.35),0 0 0 4px #fff}
.vip .sp-read{display:flex;flex-direction:column;align-items:center;margin-top:10px}
.vip .sp-rt{font-size:clamp(40px, 11cqi, 58px);font-weight:750;letter-spacing:-.06em;line-height:.9}
.vip .sp-rt sup{font-size:.45em;vertical-align:.9em;letter-spacing:0}
.vip .sp-nm{font-size:13px;color:var(--mut);font-weight:600;margin-top:4px}
.vip .odo{display:flex;align-items:center;gap:3px;margin-top:12px;padding:6px 8px;border-radius:10px;background:#14171a;box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}
.vip .od{display:block;width:20px;height:28px;overflow:hidden;border-radius:4px;background:linear-gradient(180deg,#2b3136,#1a1e21 50%,#2b3136)}
.vip .od-s{display:flex;flex-direction:column}
.vip .od-s i{display:flex;align-items:center;justify-content:center;height:28px;font-style:normal;font-weight:700;font-size:16px;color:#fff;font-variant-numeric:tabular-nums}
.vip .odo small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ba096;margin-left:6px}
.vip .sp-nx{font-size:13px;color:var(--mut);margin-top:8px!important}
.vip .sp-nx b{color:var(--fg)}
.vip .rgs{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;padding:22px}
@container (max-width:560px){
.vip .rgs{grid-template-columns:1fr;align-content:center;justify-items:center;padding:18px;overflow-y:auto}
.vip .rgs-l{width:100%}
}
.vip .rgs-d{position:relative;width:min(100%,320px);aspect-ratio:1;justify-self:center}
.vip .rgs-d svg{width:100%;height:100%;display:block;overflow:visible}
.vip .rg-r{transition:opacity .25s}
.vip .rgs-d svg.pv .rg-r:not(.on){opacity:.4}
.vip .rgs-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.vip .rgs-c span{font-size:clamp(24px, 7cqi, 34px);font-weight:750;letter-spacing:-.05em;line-height:.9}
.vip .rgs-c sup{font-size:.5em;vertical-align:.8em}
.vip .rgs-c small{font-size:11px;font-weight:600;color:var(--mut);margin-top:3px}
.vip .rgs-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.vip .rgs-l button{display:grid;grid-template-columns:26px 1fr auto 92px;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:12px;background:0 0;cursor:pointer;text-align:left;font-size:14px}
.vip .rgs-l button:hover{background:var(--tile)}
.vip .rgs-l button[aria-pressed=true]{background:var(--tile);box-shadow:inset 0 0 0 1.5px var(--fg)}
.vip .rgs-l .gem{width:26px;height:26px}
.vip .rgs-l b{font-weight:750}
.vip .rgs-l em{font-style:normal;font-size:12px;color:var(--mut);text-align:right;font-variant-numeric:tabular-nums}
.vip-cards,.vip-dial,.vip-road,.vip-track{max-width:var(--content-max,1200px);margin:0 auto}
.vip-road{max-width:760px;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.vip-track .tk{background:0 0}
.vip-track .tk-body{max-width:640px;margin:0 auto;width:100%}
.vip .pg-sec{padding:0;border-top:0}
.vip .pg-hero{padding:0}
.vip .pg-hero .l,.vip .pg-hero h2,.vip .pg-sec .sub,.vip .pg-sec h3{color:inherit}
.vip .calc-in p,.vip .faq p,.vip .how p,.vip .pg-hero .l,.vip .pg-sec .sub{color:var(--mut)}
.vip .calc-in,.vip .how>div,.vip .step-info{background:var(--tile)}
.vip .how{background:var(--line);border-color:var(--line)}
.vip .how>div{background:var(--bgv)}
.vip .faq details{border-color:var(--line)}
.vip-dial-vault,.vip-levelup{border-radius:24px;overflow:hidden}
.pb-device-frame.device-mobile .vip-dial-knob,.pb-device-frame.device-mobile .vip-dial-rings{height:auto!important}
.pb-device-frame.device-mobile .vip-dial-knob .dl,.pb-device-frame.device-mobile .vip-dial-rings .rgs{position:relative;overflow:visible}
@media (max-width:639px){
.vip-dial-knob,.vip-dial-rings{height:auto!important}
.vip-dial-knob .dl,.vip-dial-rings .rgs{position:relative;overflow:visible}
}
.vip-dial-vault .vw{border-radius:24px}
.ai-svg{display:block;flex-shrink:0}
.ai-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}
.ai-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;background:radial-gradient(120% 120% at 30% 22%,color-mix(in srgb,var(--ai-a,#39d609) 92%,#fff),color-mix(in srgb,var(--ai-a,#39d609) 72%,#000));box-shadow:0 8px 18px rgba(20,23,26,.28),inset 0 2px 2px rgba(255,255,255,.55),inset 0 -4px 8px rgba(0,0,0,.28)}
.ai-chip-in{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.16)}
.ai-tilt{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transform-style:preserve-3d;background:linear-gradient(150deg,#23282b,#14171a);box-shadow:0 12px 30px rgba(20,23,26,.24);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ai-tilt-glow{position:absolute;inset:0;border-radius:inherit;opacity:.75;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--ai-a,#39d609) 42%,transparent),transparent 62%);transform:translateZ(6px)}
.ai-tilt-edge{position:absolute;inset:0;border-radius:inherit;transform:translateZ(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -10px 20px rgba(0,0,0,.35)}
.ai-tilt-lift{transform:translateZ(calc(var(--ai-t,80px) * .26));color:#fff;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
@media (prefers-reduced-motion:reduce){
.ai-tilt{transition:none}
}
.ai-cats,.ai-list{max-width:var(--content-max,1200px);margin:0 auto;padding:0 clamp(16px,4cqi,40px);box-sizing:content-box}
.ai-h{margin:0 0 6px;font-family:var(--font-head, inherit);font-size:clamp(22px, 3.2cqi, 34px);font-weight:var(--head-weight,700);letter-spacing:-.01em;text-wrap:balance}
.ai-sub{margin:0 0 22px;max-width:56ch;font-size:15px;opacity:.72}
.ai-h+.ai-cats-in,.ai-h+.ai-list-in{margin-top:18px}
.ai-empty{margin:0;padding:18px;border-radius:12px;border:1px dashed;font-size:14px;opacity:.6}
.ai-cats-in{display:flex;flex-wrap:wrap;gap:10px}
.ai-cats[data-align=center] .ai-cats-in{justify-content:center}
.ai-cats[data-align=center] .ai-h,.ai-cats[data-align=center] .ai-sub{text-align:center;margin-left:auto;margin-right:auto}
.ai-cats[data-lay=tiles] .ai-cats-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.ai-cats[data-lay=cards] .ai-cats-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.ai-cats[data-lay=rows] .ai-cats-in{display:block;border:1px solid;border-radius:var(--r-card,14px);overflow:hidden}
.ai-pill{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px 0 15px;border-radius:var(--r-btn,100px);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent);color:inherit;text-decoration:none;font-size:15px;font-weight:500;transition:box-shadow .18s,transform .18s,background .18s}
.ai-pill:hover{box-shadow:inset 0 0 0 1.5px currentColor;transform:translateY(-1px)}
.ai-pill.on{background:var(--ink,#14171a);color:var(--bg,#fff);box-shadow:none;font-weight:600}
.ai-pill.on .ai-svg{color:var(--gold,#39d609)}
.ai-tile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;border-radius:var(--r-card,14px);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 14%,transparent);color:inherit;text-decoration:none;transition:box-shadow .18s,transform .2s}
.ai-tile:hover{box-shadow:inset 0 0 0 1.5px currentColor;transform:translateY(-3px)}
.ai-tile-ic{display:inline-flex;align-items:center;justify-content:center}
.ai-tile b{font-size:16px;font-weight:600}
.ai-tile small{display:block;margin-top:2px;font-size:13px;opacity:.6}
.ai-card{position:relative;display:flex;align-items:center;gap:14px;padding:20px;border-radius:var(--r-card,18px);overflow:hidden;background:var(--ink,#14171a);color:var(--bg,#fff);text-decoration:none}
.ai-card-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 26%,transparent);color:var(--gold,#39d609)}
.ai-card:has(.ai-badge) .ai-card-ic,.ai-card:has(.ai-chip) .ai-card-ic,.ai-card:has(.ai-tilt) .ai-card-ic{box-shadow:none}
.ai-card b{font-size:17px;font-weight:600}
.ai-card small{display:block;font-size:13px;opacity:.62}
.ai-card .ai-go{margin-left:auto;flex-shrink:0;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ai-card:hover .ai-go{transform:translateX(4px)}
.ai-card::after{content:'';position:absolute;inset:auto -30% -80% auto;width:220px;height:220px;border-radius:50%;opacity:0;transition:opacity .3s;background:radial-gradient(circle,color-mix(in srgb,var(--gold,#39d609) 26%,transparent),transparent 70%)}
.ai-card:hover::after{opacity:1}
.ai-row{display:flex;align-items:center;gap:14px;padding:15px 18px;color:inherit;text-decoration:none}
.ai-row+.ai-row{border-top:1px solid}
.ai-row:hover{background:color-mix(in srgb,currentColor 5%,transparent)}
.ai-row b{font-size:15px;font-weight:500}
.ai-row small{margin-left:auto;font-size:13px;opacity:.6;text-align:right}
.ai-list-in{display:grid;gap:26px 30px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.ai-list[data-cols="1"] .ai-list-in{grid-template-columns:1fr}
.ai-list[data-cols="2"] .ai-list-in{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.ai-li b{display:block;margin-top:12px;font-size:16px;font-weight:600}
.ai-li p{margin:5px 0 0;font-size:14.5px;line-height:1.55;opacity:.72}
.ai-li-ic{display:inline-flex}
@media (max-width:760px){
.pb-device-frame:has(> .bs-hd[data-sticky=true]:not([hidden])){--bs-sticky-h:61px}
.ai-cats[data-lay=tiles] .ai-cats-in{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.ai-list-in{gap:22px}
}
@container (max-width:520px){
.rt-arc{height:auto;overflow:visible;justify-content:center;padding-bottom:0;gap:18px}
.rt-arc .rt-wh-half{position:relative;left:auto;top:auto;transform:none;width:min(86cqi,380px);margin:0 auto}
.rt-arc .rt-wh-half svg.rt-ptr{top:-13px;width:32px;height:42px;margin-left:-16px}
.rt .rt-arc-go{box-shadow:0 10px 30px -10px rgba(0,0,0,.45)}
.br .bb-row{--b-gut:16px}
}
:root{--gr1:#39D609;--gr2:#0FA958;--gr3:#04352A;--gr-str:.75;--gr-grain:.5;--gr-speed:1.4}
.bs-grad{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.bs-sec[data-grad],.pb-sec[data-grad]{position:relative;overflow:hidden}
.bs-sec[data-grad]>:not(.bs-grad),.pb-sec[data-grad]>:not(.bs-grad){position:relative;z-index:1}
.bs-gradbd{position:absolute;inset:0;z-index:0;pointer-events:none}
.bs-gradbd-in{position:sticky;top:0;height:100vh;overflow:hidden}
#pbCanvas[data-gradbd],.bsg-page[data-gradbd]{position:relative}
#pbCanvas[data-gradbd]>:not(.bs-gradbd),.bsg-page[data-gradbd]>:not(.bs-gradbd){position:relative;z-index:1}
.bs-grad-grain{position:absolute;inset:0;opacity:calc(var(--gr-grain) * .5 * var(--gr-str));mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.bs-grad-mesh{position:absolute;inset:-30%;filter:blur(22px);transform-origin:52% 46%;opacity:var(--gr-str);animation:bsField calc(20s / var(--gr-speed)) ease-in-out infinite alternate;background:radial-gradient(40% 48% at 16% 22%,color-mix(in srgb,var(--gr1) 88%,transparent),transparent 72%),radial-gradient(36% 42% at 86% 12%,color-mix(in srgb,var(--gr2) 72%,transparent),transparent 70%),radial-gradient(52% 58% at 76% 94%,color-mix(in srgb,var(--gr3) 62%,transparent),transparent 74%),radial-gradient(44% 48% at 4% 98%,color-mix(in srgb,var(--gr1) 58%,transparent),transparent 72%)}
@keyframes bsField{
from{transform:translate3d(-8%,-5%,0) scale(.98) rotate(-5deg)}
to{transform:translate3d(9%,7%,0) scale(1.24) rotate(14deg)}
}
.bs-sec[data-grad=aurora],.pb-sec[data-grad=aurora]{background:#07090a!important}
.bs-grad-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:calc(var(--gr-str) * .95);will-change:transform}
.bs-grad-blob.b1{width:52%;aspect-ratio:1;left:-10%;top:-26%;background:radial-gradient(circle,var(--gr1),transparent 65%);animation:bsDrift1 calc(14s / var(--gr-speed)) ease-in-out infinite alternate}
.bs-grad-blob.b2{width:48%;aspect-ratio:1;right:-8%;top:-14%;background:radial-gradient(circle,var(--gr2),transparent 66%);animation:bsDrift2 calc(17s / var(--gr-speed)) ease-in-out infinite alternate}
.bs-grad-blob.b3{width:62%;aspect-ratio:1;left:24%;bottom:-48%;background:radial-gradient(circle,color-mix(in srgb,var(--gr1) 60%,var(--gr3)),transparent 64%);animation:bsDrift3 calc(21s / var(--gr-speed)) ease-in-out infinite alternate}
@keyframes bsDrift1{
from{transform:translate3d(-14%,-12%,0) scale(.86)}
to{transform:translate3d(78%,62%,0) scale(1.34)}
}
@keyframes bsDrift2{
from{transform:translate3d(18%,-8%,0) scale(1.14)}
to{transform:translate3d(-74%,56%,0) scale(.84)}
}
@keyframes bsDrift3{
from{transform:translate3d(24%,14%,0) scale(.94)}
to{transform:translate3d(-62%,-44%,0) scale(1.3)}
}
.bs-sec[data-grad=rim],.pb-sec[data-grad=rim]{background:#0b0d0e!important}
.bs-grad-rim{position:absolute;left:50%;top:-46%;width:min(1100px,150%);aspect-ratio:1.7;transform:translateX(-50%);border-radius:50%;filter:blur(26px);opacity:var(--gr-str);background:radial-gradient(closest-side,color-mix(in srgb,var(--gr1) 78%,transparent),color-mix(in srgb,var(--gr2) 30%,transparent) 52%,transparent 74%)}
.bs-grad-edge{position:absolute;left:0;right:0;top:0;height:1px;opacity:var(--gr-str);background:linear-gradient(90deg,transparent,var(--gr1),transparent)}
[data-gr-still] .bs-grad-blob,[data-gr-still] .bs-grad-mesh{animation:none!important}
.bnr-wrap[data-bg] .bnr-an,.bnr-wrap[data-bg] .bnr-cd,.bnr-wrap[data-bg] .bnr-ck,.bnr-wrap[data-bg] .bnr-jp,.bnr-wrap[data-bg] .bnr-pk,.bnr-wrap[data-bg] .bnr-sp,.bnr-wrap[data-bg] .bnr-ss,.bnr-wrap[data-bg] .bnr-st,.bnr-wrap[data-bg] .bnr-su,.bnr-wrap[data-bg] .bnr-th,.bnr-wrap[data-bg] .bnr-tw,.bnr-wrap[data-bg] .bnr-wb{background:var(--bnr-g);color:var(--bnr-gi)}
.bnr-wrap[data-bg] .bnr-th-strip{background:var(--bnr-g)}
.bnr-wrap[data-bg=soft]{--bnr-g:var(--block, #F1F2EF);--bnr-gi:var(--ink, #14171A)}
.bnr-wrap[data-bg=page]{--bnr-g:var(--bg, #FFFFFF);--bnr-gi:var(--ink, #14171A)}
.bnr-wrap[data-bg=dark]{--bnr-g:var(--sec-dark, #14171A);--bnr-gi:#FFFFFF;--bnr-soft:rgba(255,255,255,.7);--bnr-line:rgba(255,255,255,.28)}
.bnr-wrap[data-bg=brand]{--bnr-g:var(--sec-accent, #0E6B4D);--bnr-gi:#FFFFFF;--bnr-soft:rgba(255,255,255,.72);--bnr-line:rgba(255,255,255,.3)}
.bnr-wrap[data-bg=mesh]{--bnr-g:var(--bg, #FFFFFF);--bnr-gi:var(--ink, #14171A)}
.bnr-wrap[data-bg=aurora]{--bnr-g:#07090A;--bnr-gi:#FFFFFF;--bnr-soft:rgba(255,255,255,.7);--bnr-line:rgba(255,255,255,.28)}
.bnr-wrap[data-bg=rim]{--bnr-g:#0B0D0E;--bnr-gi:#FFFFFF;--bnr-soft:rgba(255,255,255,.7);--bnr-line:rgba(255,255,255,.28)}
.bnr-wrap[data-grad]>.bnr{position:relative}
.bnr-wrap[data-grad]>.bnr>:not(.bs-grad){position:relative;z-index:1}
.bnr-wrap[data-bg=aurora] .bnr-ic-line,.bnr-wrap[data-bg=brand] .bnr-ic-line,.bnr-wrap[data-bg=dark] .bnr-ic-line,.bnr-wrap[data-bg=rim] .bnr-ic-line{background:0 0;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.bnr-wrap[data-bg=aurora] .bnr-ic-line:hover,.bnr-wrap[data-bg=brand] .bnr-ic-line:hover,.bnr-wrap[data-bg=dark] .bnr-ic-line:hover,.bnr-wrap[data-bg=rim] .bnr-ic-line:hover{background:rgba(255,255,255,.12)}
.vip .rd-wide .rd-sc{overflow-x:auto;overflow-y:hidden}
.vip .rd-wide .rd-world{height:100%}
.vip .rd-wide .nd{margin-top:-40px}
@media (max-width:640px){
.vip .rd-wide .rd-sc{scroll-snap-type:x proximity}
.vip .rd-wide .nd{scroll-snap-align:center}
}
.btn:has(> .bo-ic){gap:10px}
.bo-ic{position:relative;display:inline-flex;width:18px;height:18px;flex-shrink:0;overflow:hidden}
.bo-ic svg{width:18px;height:18px;display:block;flex-shrink:0}
.bo-ic .bfx-ic-b{position:absolute;inset:0}
.bfx>.bo-ic{position:relative;z-index:2;transition:color .25s}
.bfx.bfx-on>.bo-ic{color:var(--bfx-accfg)}
.bfx-dotted>.bo-ic{position:absolute;right:4px;top:4px;bottom:4px;width:auto;height:auto;aspect-ratio:1;align-items:center;justify-content:center}
.bfx-dotted>.bo-ic svg{width:16px;height:16px}
.btn-link.bfx:has(> .bo-ic) .bfx-line{right:28px}
.br .bb-clip{position:absolute;z-index:2;right:clamp(16px,4cqi,44px);top:50%;transform:translateY(-54%);width:min(44cqi,680px);aspect-ratio:16/9;max-height:66%;border-radius:16px;overflow:hidden;background:center/cover no-repeat #0b0d0e;box-shadow:0 30px 70px -34px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08)}
.br .bb-clip[hidden]{display:none}
.br .bb-clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.br .bb-clip iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;border:0;display:block;transform:translate(-50%,-50%) scale(1.02);transform-origin:center;pointer-events:none}
.br .bb-clip[data-embed=youtube] iframe{transform:translate(-50%,-50%) scale(1.06)}
.br .bb-clip-b{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border:none;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#14171a;background:rgba(255,255,255,.92);box-shadow:0 4px 14px -6px rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
.br .bb-clip-b svg{width:15px;height:15px}
.br .bb-clip-b:focus-visible,.br .bb:hover .bb-clip-b{opacity:1}
.br .bb:has(.bb-clip:not([hidden])) .bb-copy{max-width:min(380px,44%)}
@container (max-width:760px) and (min-width:521px){
.br .bb-clip{display:none}
}
@media (prefers-reduced-motion:reduce){
.bs-grad-blob,.bs-grad-mesh{animation:none!important}
.br .bb-clip{display:none}
}
.br .chips,.br .fc-track,.br .row,.br .sh-shots,.br .sh-strip,.br .st-track{overflow-y:hidden}
.br .chips,.br .row,.br .st-track{margin-inline:calc(var(--b-gut) * -1);padding-inline:var(--b-gut);scroll-padding-inline:var(--b-gut)}
.gm-railsec{--b-gut:var(--sp-4, 24px)}
.gm-rail{margin-inline:calc(var(--b-gut,0px) * -1);padding-inline:var(--b-gut,0px);scroll-padding-inline:var(--b-gut,0px)}
.br .pages{flex-wrap:wrap;max-width:100%}
.tfx-jp .tfx-jp-cta{display:inline-flex;margin-top:20px;align-self:inherit}
.br .bb{--bb-fade:var(--b-bg);--bb-ink:var(--b-fg);--bb-ink-soft:var(--b-mut);background:var(--bb-fade)}
.br .bb-art::after{background:linear-gradient(90deg,color-mix(in srgb,var(--bb-fade) 96%,transparent) 0,color-mix(in srgb,var(--bb-fade) 75%,transparent) 34%,transparent 68%),linear-gradient(0deg,var(--bb-fade) 0,transparent 34%)}
.br .bb-copy,.br .bb-copy .h,.br .bb-meta b{color:var(--bb-ink)}
.br .bb-copy .bb-d,.br .bb-copy .bb-meta,.br .bb-copy .k{color:var(--bb-ink-soft)}
.br .bb-copy .bb-d{opacity:1}
.br .bb .b.gh,.br .bb .ic{color:var(--bb-ink)!important;background:color-mix(in srgb,var(--bb-ink) 15%,transparent)}
.br .bb .b.gh:hover,.br .bb .ic:hover{background:color-mix(in srgb,var(--bb-ink) 24%,transparent)}
.br .bb-dots .pages i{background:color-mix(in srgb,var(--bb-ink) 30%,transparent)}
.br .bb-dots .pages i b{background:var(--bb-ink)}
.br .bb-row[data-fade]{margin-top:18px}
@container (max-width:520px){
.br .bb-art::after{background:linear-gradient(0deg,var(--bb-fade) 0,color-mix(in srgb,var(--bb-fade) 55%,transparent) 38%,transparent 72%)}
.br .bb-copy{min-height:var(--bb-copy-min,auto)}
.br .bb-clip{display:block;position:absolute;left:0;right:0;top:0;width:auto;max-width:none;height:250px;aspect-ratio:auto;transform:none;border-radius:0;box-shadow:none;z-index:1}
.br .bb-clip::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--bb-fade) 0,color-mix(in srgb,var(--bb-fade) 55%,transparent) 38%,transparent 72%)}
.br .bb:has(.bb-clip:not([hidden])) .bb-copy{max-width:none}
}
.br .sx .mut{color:var(--b-mut)}
.br .sx-small{font-size:13px;margin:0 0 12px}
.br .sx-lbl{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--b-mut)}
.br .sx-rh{margin-top:26px}
.br .sx-rh h4{font-size:17px;font-weight:650}
.br .sx-rh .mut{font-size:13px}
.br .sx mark{background:0 0;color:inherit;font-weight:800;text-decoration:underline;text-decoration-color:var(--b-acc);text-decoration-thickness:2px;text-underline-offset:2px}
.br .sx .lnk{text-decoration:underline;text-underline-offset:3px}
.br .sx-gg .it{animation:.4s cubic-bezier(.2,.7,.2,1) both sxRise;animation-delay:calc(min(var(--i, 0), 14) * 24ms)}
@keyframes sxRise{
from{opacity:0;transform:translateY(8px)}
}
.br .sx-why{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.br .sx-why i{font-style:normal;font-size:11px;font-weight:500;line-height:1;padding:5px 7px;border-radius:6px;background:color-mix(in srgb,var(--b-acc) 16%,transparent);color:var(--b-fg)}
.br .sx-sim{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;font-weight:500;color:var(--b-mut);font-variant-numeric:tabular-nums}
.br .sx-sim>span{flex:1;height:4px;border-radius:4px;background:var(--b-line);overflow:hidden}
.br .sx-sim b{display:block;height:100%;background:var(--b-fg);border-radius:4px}
.br .sx-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 12px;border-radius:100px;background:var(--b-tile);font-size:13.5px}
.br .sx-pill.neg{background:0 0;box-shadow:inset 0 0 0 1px var(--b-line)}
.br .sx-pill .x,.br .sx-rec .x{width:22px;height:22px;padding:0;border:none;background:0 0;border-radius:50%;display:grid;place-items:center;color:var(--b-mut);cursor:pointer}
.br .sx-pill .x svg,.br .sx-rec .x svg{width:12px;height:12px}
.br .sx-pill .x:hover,.br .sx-rec .x:hover{background:var(--b-bg);color:var(--b-fg)}
.br .sx-acts{display:flex;flex-wrap:wrap;gap:8px}
.br .sx .b.sm{height:34px;padding:0 14px;font-size:13px}
.br .sx .b svg{width:15px;height:15px}
.br .sx-empty{padding:28px 0 8px;max-width:56ch}
.br .sx-empty b{display:block;font-size:17px;margin-bottom:6px}
.br .sx-empty p{margin:0 0 14px;color:var(--b-mut);font-size:14.5px;line-height:1.5}
.br .sx-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#f5b83d 16%,var(--b-bg));font-size:14px;line-height:1.45;margin:0 0 16px}
.br .sx-note svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.br .sx-safe{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;padding:16px;border-radius:16px;border:1px solid var(--b-line);background:var(--b-tile);margin:0 0 18px}
.br .sx-safe-i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--b-bg)}
.br .sx-safe-i svg{width:20px;height:20px}
.br .sx-safe b{display:block;font-size:15.5px;margin-bottom:3px}
.br .sx-safe p{margin:0;font-size:14px;color:var(--b-mut);line-height:1.5}
.br .sx-safe .sx-acts{grid-column:2}
@container (max-width:520px){
.br .sx-safe{grid-template-columns:1fr}
.br .sx-safe .sx-acts{grid-column:1}
}
.br .sx-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:100px;background:var(--b-tile)}
.br .sx-seg button{height:32px;padding:0 13px;border:none;background:0 0;border-radius:100px;font-size:13.5px;color:var(--b-mut);cursor:pointer}
.br .sx-seg button[aria-pressed=true]{background:var(--b-bg);color:var(--b-fg);box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--b-line)}
.br .sx-big{display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--b-fg);padding:4px 0 14px}
.br .sx-big svg{width:26px;height:26px;color:var(--b-acc-d);flex-shrink:0}
.br .sx-big input{flex:1;min-width:0;border:none;outline:0;background:0 0;color:var(--b-fg);font:inherit;font-size:clamp(20px, 3.2cqi, 32px);letter-spacing:-.025em;padding:0}
.br .sx-big input::placeholder{color:color-mix(in srgb,var(--b-mut) 70%,transparent)}
.br .sx input[type=search]::-webkit-search-cancel-button,.br .sx-big input::-webkit-search-cancel-button{display:none}
.br .sx-read{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;margin:14px 0 22px;font-size:13.5px}
.br .sx-moods{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,22cqi,200px),1fr));gap:10px}
.br .sx-mood{--img:var(--ls);position:relative;isolation:isolate;overflow:hidden;height:112px;border:none;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;color:#fff!important;cursor:pointer;background-size:cover!important;background-position:center!important}
.br .sx-mood::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,10,10,.86),rgba(8,10,10,.3) 62%,rgba(8,10,10,.08));transition:opacity .3s}
.br .sx-mood:hover::after{opacity:.8}
.br .sx-mood b{font-size:16px;letter-spacing:-.01em}
.br .sx-mood span{font-size:12px;opacity:.8;margin-top:2px}
.br .sx-ov .li[aria-selected=true]{background:var(--b-tile)}
.br .sx-ov .li>div{min-width:0}
.br .art.sx-ic,.br .sx .art.sx-ic{display:grid;place-items:center;background:var(--b-tile)!important;color:var(--b-fg)}
.br .art.sx-ic svg{width:18px;height:18px}
.br .sx-pv-i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--b-tile)}
.br .sx-pv-i svg{width:24px;height:24px}
.br .sx-ov .ov-ft .sx-n{margin-left:auto}
.br .sx-ov .ov-r .mut{margin:0;font-size:14px;line-height:1.45}
.br .sx-fc-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.br .sx-fc-top .sb{flex:1 1 300px}
.br .sx-fc-tog{display:none;height:44px}
.br .sx-sort{display:flex;align-items:center;gap:8px;font-size:13.5px}
.br .sx-sort select{height:44px;padding:0 30px 0 12px;border-radius:12px;border:1px solid var(--b-line);background:var(--b-bg);color:var(--b-fg);font:inherit;font-size:14px}
.br .sx-fc-b{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}
.br .sx-side{display:flex;flex-direction:column;gap:20px}
.br .sx-fct h5{margin:0 0 6px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--b-mut)}
.br .sx-fct label{display:flex;align-items:center;gap:10px;min-height:32px;font-size:14px;cursor:pointer;border-radius:8px;padding:0 6px;margin:0 -6px}
.br .sx-fct label:hover{background:var(--b-tile)}
.br .sx-fct label.off{color:var(--b-mut);opacity:.6;cursor:default}
.br .sx-fct label.off:hover{background:0 0}
.br .sx-fct input{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1.5px solid var(--b-mut);border-radius:5px;display:grid;place-items:center;flex-shrink:0;background:var(--b-bg);cursor:inherit}
.br .sx-fct input[type=radio]{border-radius:50%}
.br .sx-fct input:checked{background:var(--b-fg);border-color:var(--b-fg)}
.br .sx-fct input:checked::after{content:'';width:8px;height:5px;border:2px solid var(--b-bg);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.br .sx-fct input[type=radio]:checked::after{width:6px;height:6px;border:none;border-radius:50%;background:var(--b-bg);transform:none}
.br .sx-fct .c{margin-left:auto;font-size:12.5px;color:var(--b-mut);font-variant-numeric:tabular-nums}
.br .sx-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;min-height:30px}
.br .sx-act .sx-n{font-size:14px;font-weight:650;margin-right:6px}
.br .sx-dym{font-size:14px;color:var(--b-mut);margin:0 0 12px}
.br .sx-dym b{color:var(--b-fg)}
.br .sx-dym button{border:none;background:0 0;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@container (max-width:760px){
.br .sx-fc-b{grid-template-columns:1fr;gap:14px}
.br .sx-fc-tog{display:inline-flex}
.br .sx-side{display:none;padding:14px;border:1px solid var(--b-line);border-radius:14px}
.br .sx-fc.sx-open .sx-side,.br .sx-open .sx-side{display:flex}
}
.br .sx-seeds{display:grid;grid-auto-flow:column;grid-auto-columns:88px;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;margin-inline:calc(var(--b-gut,0px) * -1);padding-inline:var(--b-gut,0px);scroll-padding-inline:var(--b-gut,0px);padding-top:4px;padding-bottom:6px}
.br .sx-seeds::-webkit-scrollbar{display:none}
.br .sx-sd{--img:var(--sq);display:flex;flex-direction:column;gap:6px;border:none;background:0 0;padding:0;text-align:left;font-size:12px;color:var(--b-mut);min-width:0;cursor:pointer;scroll-snap-align:start}
.br .sx-sd .art{aspect-ratio:1;border-radius:12px;transition:box-shadow .15s}
.br .sx-sd[aria-pressed=true]{color:var(--b-fg);font-weight:600}
.br .sx-sd[aria-pressed=true] .art{box-shadow:0 0 0 2px var(--b-bg),0 0 0 4px var(--b-fg)}
.br .sx-sd span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br .sx-ml{display:grid;grid-template-columns:clamp(220px,26cqi,300px) minmax(0,1fr);gap:30px;margin-top:22px}
.br .sx-seed{--img:var(--po);display:flex;flex-direction:column;gap:12px;align-self:start}
.br .sx-seed>.art{aspect-ratio:4/5;border-radius:18px}
.br .sx-seed-t{display:flex;flex-direction:column;gap:10px}
.br .sx-seed h4{font-size:22px;letter-spacing:-.025em}
.br .sx-seed .mut{font-size:13.5px}
.br .sx-traits{display:flex;flex-wrap:wrap;gap:6px}
.br .sx-traits i{font-style:normal;font-size:12px;padding:4px 9px;border-radius:100px;border:1px solid var(--b-line)}
.br .sx-ml .sx-rh{margin-top:0;flex-wrap:wrap}
.br .sx-ml .sx-small{margin:14px 0 0}
@container (max-width:760px){
.br .sx-ml{grid-template-columns:1fr}
.br .sx-seed{display:grid;grid-template-columns:110px 1fr;align-items:start}
}
.br .sx-gbar{display:flex;align-items:stretch;max-width:860px;margin:4px auto 0;padding:6px;border:1px solid var(--b-line);border-radius:100px;background:var(--b-bg);box-shadow:0 2px 4px rgba(0,0,0,.04),0 12px 28px -16px rgba(0,0,0,.25)}
.br .sx-gbar.lit{background:var(--b-tile);box-shadow:none}
.br .sx-gseg{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:left;border:none;background:0 0;border-radius:100px;padding:10px 22px;cursor:pointer}
.br .sx-gseg+.sx-gseg::before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--b-line)}
.br .sx-gseg:hover{background:color-mix(in srgb,var(--b-bg) 60%,transparent)}
.br .sx-gseg[aria-expanded=true]{background:var(--b-bg);box-shadow:0 6px 20px -8px rgba(0,0,0,.3)}
.br .sx-gseg[aria-expanded=true]+.sx-gseg::before,.br .sx-gseg[aria-expanded=true]::before{opacity:0}
.br .sx-gseg b{font-size:12.5px}
.br .sx-gseg span{font-size:14.5px;color:var(--b-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br .sx-gseg.set span{color:var(--b-fg)}
.br .sx-ggo{align-self:center;flex-shrink:0;height:50px;min-width:50px;margin-left:4px;padding:0 16px;border:none;border-radius:100px;background:var(--b-acc);color:var(--b-on-acc);display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;cursor:pointer}
.br .sx-ggo:hover{background:var(--b-acc-d)}
.br .sx-ggo svg{width:18px;height:18px}
.br .sx-gpanel{max-width:860px;margin:12px auto 0;padding:18px;border:1px solid var(--b-line);border-radius:24px;background:var(--b-card,var(--b-bg));box-shadow:0 30px 60px -28px rgba(0,0,0,.35)}
.br .sx-gq{display:block;margin:2px 4px 12px;font-size:15px}
.br .sx-gpanel .sx-small{margin:-6px 4px 12px}
.br .sx-gopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}
.br .sx-gopt{display:flex;flex-direction:column;gap:3px;text-align:left;min-height:96px;padding:14px;border-radius:16px;border:1px solid var(--b-line);background:var(--b-bg);font:inherit;cursor:pointer}
.br .sx-gopt:hover{border-color:var(--b-fg)}
.br .sx-gopt[aria-pressed=true]{border-color:var(--b-fg);box-shadow:inset 0 0 0 1px var(--b-fg);background:var(--b-tile)}
.br .sx-gopt[disabled]{opacity:.45;cursor:default}
.br .sx-gopt[disabled]:hover{border-color:var(--b-line)}
.br .sx-gopt svg{width:20px;height:20px;margin-bottom:6px}
.br .sx-gopt b{font-size:14.5px}
.br .sx-gopt span{font-size:12.5px;color:var(--b-mut);line-height:1.4}
.br .sx-gopt em{font-style:normal;font-size:12px;color:var(--b-mut);margin-top:auto;padding-top:6px;font-variant-numeric:tabular-nums}
.br .sx-gres{margin-top:8px}
@container (max-width:700px){
.br .sx-gbar{flex-direction:column;border-radius:22px}
.br .sx-gseg{border-radius:16px;padding:12px 16px}
.br .sx-gseg+.sx-gseg::before{left:16px;right:16px;top:0;bottom:auto;width:auto;height:1px}
.br .sx-ggo{align-self:stretch;margin:6px 0 0}
}
.br .sx-ta-f{position:relative;max-width:680px;z-index:30}
.br .sx-ta-f .ic{width:28px;height:28px}
.br .sx-ta-f .ic svg{width:14px;height:14px}
.br .sx-dd{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;min-width:min(640px,92cqi);max-width:92cqi;padding:16px;border-radius:18px;background:var(--b-card,var(--b-bg));box-shadow:0 30px 60px -24px rgba(0,0,0,.4),0 0 0 1px var(--b-line);max-height:70vh;overflow-y:auto}
.br .sx-sec+.sx-sec{margin-top:14px}
.br .sx-rec{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px;border-radius:10px;font-size:14.5px;cursor:pointer}
.br .sx-rec>svg{width:16px;height:16px;color:var(--b-mut)}
.br .sx-rec>span:not(.sx-rank){flex:1}
.br .sx-rec:hover,.br .sx-rec[aria-selected=true]{background:var(--b-tile)}
.br .sx-rank{width:16px;text-align:center;font-size:13px;font-weight:700;color:var(--b-mut);font-variant-numeric:tabular-nums}
.br .sx-chips{display:flex;flex-wrap:wrap;gap:8px}
.br .sx-chip{height:32px;padding:0 13px;border-radius:100px;border:1px solid var(--b-line);background:var(--b-bg);font:inherit;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.br .sx-chip:hover,.br .sx-chip[aria-selected=true]{border-color:var(--b-fg)}
.br .sx-chip .mut{font-size:12px}
.br .sx-cols{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}
.br .sx-top{--img:var(--ls);position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--b-tile);cursor:pointer}
.br .sx-top:hover,.br .sx-top[aria-selected=true]{background:color-mix(in srgb,var(--b-fg) 8%,var(--b-tile))}
.br .sx-top>.art{aspect-ratio:16/10;border-radius:12px;box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
.br .sx-top>.art.sx-ic{width:64px;aspect-ratio:1;box-shadow:none;background:var(--b-bg)!important}
.br .sx-top b{font-size:19px;letter-spacing:-.02em;line-height:1.15}
.br .sx-top .mut{font-size:12.5px}
.br .sx-play{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;background:var(--b-acc);color:var(--b-on-acc);display:grid;place-items:center;opacity:0;transform:translateY(6px);transition:.2s}
.br .sx-top:hover .sx-play,.br .sx-top[aria-selected=true] .sx-play{opacity:1;transform:none}
.br .sx-play svg{width:18px;height:18px}
.br .sx-dd .li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:6px 8px;margin:0 -8px;border:none;border-radius:10px;cursor:pointer}
.br .sx-dd .li .art{width:40px;height:40px;border-radius:9px}
.br .sx-dd .li:hover,.br .sx-dd .li[aria-selected=true]{background:var(--b-tile)}
.br .sx-all{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 8px;border-top:1px solid var(--b-line);font-size:14px;cursor:pointer;border-radius:0 0 8px 8px}
.br .sx-all svg{width:16px;height:16px}
.br .sx-all:hover,.br .sx-all[aria-selected=true]{background:var(--b-tile)}
.br .sx-ta-page{margin-top:8px}
@container (max-width:760px){
.br .sx-cols{grid-template-columns:1fr}
.br .sx-top>.art{aspect-ratio:21/9}
.br .sx-play{display:none}
.br .sx-dd{min-width:0;max-width:none}
}
.br .sx .art{display:block}
.br .sx-ov input::-webkit-search-cancel-button{display:none}
.cz-lock,.cz-lock body{overflow:hidden}
.cz-ov{--cz-ink:#14171A;--cz-mute:#5E656C;--cz-line:#E4E6E8;--cz-soft:#F4F5F6;--cz-acc:var(--gold, #39D609);--cz-on:var(--on-gold, #14171A);position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(12,14,16,.48);font-family:var(--font, 'Funnel Sans', system-ui, sans-serif);color:var(--cz-ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;animation:.18s ease-out czFade}
.cz-ov *,.cz-ov ::after,.cz-ov ::before{box-sizing:border-box}
@keyframes czFade{
from{opacity:0}
}
@keyframes czUp{
from{opacity:0;transform:translateY(12px)}
}
@keyframes czIn{
from{transform:translateX(100%)}
}
.cz-ov button{font:inherit;color:inherit;cursor:pointer}
.cz-ov :focus-visible{outline:2px solid var(--cz-ink);outline-offset:2px}
.cz-dlg{width:100%;max-width:440px;max-height:calc(100% - 8px);overflow:auto;background:#fff;border-radius:var(--r-lg,16px);box-shadow:0 30px 80px -30px rgba(0,0,0,.45);animation:.22s cubic-bezier(.2,.8,.2,1) czUp}
.cz-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 0}
.cz-h h2{margin:0;font-family:var(--font-head, var(--font, inherit));font-size:22px;font-weight:var(--head-weight,700);letter-spacing:-.01em;line-height:1.2;text-wrap:balance}
.cz-h p{margin:4px 0 0;color:var(--cz-mute);font-size:14px}
.cz-h p b{color:var(--cz-ink);font-variant-numeric:tabular-nums}
.cz-x{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-6px -8px 0 0;border:0;border-radius:50%;background:0 0}
.cz-x:hover{background:var(--cz-soft)}
.cz-b{display:flex;flex-direction:column;gap:14px;padding:18px 22px 22px}
.cz-b h3{margin:8px 0 -4px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cz-mute)}
.cz-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.cz-f>span{font-size:13px;font-weight:600}
.cz-f input,.cz-f select{width:100%;height:46px;padding:0 14px;border:1px solid var(--cz-line);border-radius:var(--r-sm,8px);background:#fff;font:inherit;color:inherit;transition:border-color .15s}
.cz-f input:hover,.cz-f select:hover{border-color:#c9cdd1}
.cz-f input:focus,.cz-f select:focus{outline:0;border-color:var(--cz-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--cz-ink) 10%,transparent)}
.cz-amt{position:relative}
.cz-amt input{padding-right:40px;font-variant-numeric:tabular-nums}
.cz-amt em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--cz-mute);pointer-events:none}
.cz-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cz-chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;cursor:pointer}
.cz-chk input{flex-shrink:0;width:18px;height:18px;margin:1px 0 0;accent-color:var(--cz-ink)}
.cz-pri,.cz-sec{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--r-btn,100px);font-weight:600;font-size:15px;white-space:nowrap;text-decoration:none;transition:transform .12s,background .15s,box-shadow .15s}
.cz-pri{border:0;background:var(--cz-acc);color:var(--cz-on)}
.cz-pri:hover{filter:brightness(.96)}
.cz-pri:active,.cz-sec:active{transform:scale(.98)}
.cz-sec{border:0;background:0 0;box-shadow:inset 0 0 0 1.5px var(--cz-line);color:var(--cz-ink)}
.cz-sec:hover{box-shadow:inset 0 0 0 1.5px var(--cz-ink)}
.cz-danger,.cz-sec.cz-danger{background:#b42318;color:#fff;box-shadow:none}
.cz-wide{width:100%}
.cz-lnk{align-self:center;padding:0;border:0;background:0 0;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cz-alt{margin:0;text-align:center;color:var(--cz-mute);font-size:14px}
.cz-alt .cz-lnk{color:var(--cz-ink)}
.cz-err{margin:0;padding:10px 12px;border-radius:var(--r-sm,8px);background:#fef3f2;color:#912018;font-size:14px}
.cz-ok{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px;border-radius:var(--r-sm,8px);background:var(--cz-soft);font-size:14px}
.cz-ok svg{flex-shrink:0;color:#1f7a0a;margin-top:1px}
.cz-hint{margin:0;color:var(--cz-mute);font-size:13.5px}
.cz-hint .cz-lnk,.cz-hint a{color:var(--cz-ink);font-size:inherit}
.cz-lead{margin:0;font-size:16px}
.cz-demo{display:flex;gap:8px;align-items:flex-start;margin:2px 0 0;padding-top:14px;border-top:1px solid var(--cz-line);color:var(--cz-mute);font-size:12.5px}
.cz-demo svg{flex-shrink:0;margin-top:1px}
.cz-tabs{display:flex;gap:4px;padding:4px;border-radius:100px;background:var(--cz-soft)}
.cz-tabs button{flex:1;height:36px;border:0;border-radius:100px;background:0 0;font-weight:600;font-size:14px;color:var(--cz-mute)}
.cz-tabs button[aria-selected=true]{background:#fff;color:var(--cz-ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.cz-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cz-chips button{height:44px;border:1px solid var(--cz-line);border-radius:var(--r-sm,8px);background:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.cz-chips button[aria-pressed=true]{border-color:var(--cz-ink);box-shadow:inset 0 0 0 1px var(--cz-ink)}
.cz-methods{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0}
.cz-methods legend{margin-bottom:6px;padding:0;font-size:13px;font-weight:600}
.cz-methods label{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--cz-line);border-radius:var(--r-sm,8px);cursor:pointer}
.cz-methods label:has(input:checked){border-color:var(--cz-ink);box-shadow:inset 0 0 0 1px var(--cz-ink)}
.cz-methods input{accent-color:var(--cz-ink);margin:0}
.cz-done{align-items:center;text-align:center}
.cz-tick{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--cz-acc);color:var(--cz-on)}
.cz-tick svg{width:26px;height:26px}
.cz-drawer{justify-content:flex-end;padding:0}
.cz-panel{display:flex;flex-direction:column;width:100%;max-width:420px;height:100%;overflow:auto;background:#fff;box-shadow:-30px 0 80px -30px rgba(0,0,0,.35);animation:.26s cubic-bezier(.2,.8,.2,1) czIn}
.cz-panel .cz-tabs{margin:18px 22px 0}
.cz-panel .cz-b{flex:1}
.cz-f-out{display:flex;flex-direction:column;gap:12px;padding:0 22px 22px}
.cz-f-out .cz-lnk{align-self:flex-start}
.cz-bal{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:var(--r-lg,16px);background:var(--cz-ink);color:#fff}
.cz-bal span{font-size:13px;opacity:.7}
.cz-bal b{font-size:32px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cz-bal div{display:flex;gap:8px;margin-top:10px}
.cz-bal .cz-pri,.cz-bal .cz-sec{flex:1;height:42px}
.cz-bal .cz-sec{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.cz-bal .cz-sec:hover{box-shadow:inset 0 0 0 1.5px #fff}
.cz-vip{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--cz-line);border-radius:var(--r-sm,8px);font-size:14px}
.cz-vip b{font-variant-numeric:tabular-nums}
.cz-recent{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.cz-recent button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:0;border:0;border-bottom:1px solid var(--cz-line);background:0 0;text-align:left;font-weight:600}
.cz-recent small{color:var(--cz-mute);font-weight:400;font-size:13px}
.cz-recent button:hover span{text-decoration:underline;text-underline-offset:3px}
.cz-hist{overflow-x:auto}
.cz-hist table{width:100%;border-collapse:collapse;font-size:14px}
.cz-hist th{padding:0 8px 8px 0;text-align:left;font-size:12px;font-weight:600;color:var(--cz-mute);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--cz-line)}
.cz-hist td{padding:11px 8px 11px 0;border-bottom:1px solid var(--cz-line);vertical-align:top}
.cz-hist td:first-child{color:var(--cz-mute);white-space:nowrap}
.cz-hist td:last-child,.cz-hist th:last-child{padding-right:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.cz-hist .pos{color:#1f7a0a}
.cz-brk{display:flex;flex-wrap:wrap;gap:8px}
.cz-brk .cz-sec{height:40px;padding:0 16px;font-size:14px}
.cz-game{padding:0;background:#0b0d0e}
.cz-gw{position:relative;display:flex;flex-direction:column;width:100%;height:100%;color:#fff;overflow:hidden;isolation:isolate}
.cz-gw::before{content:"";position:absolute;inset:-40px;z-index:-1;background:var(--art) center/cover no-repeat,#15191b;filter:blur(28px) brightness(.35) saturate(1.2)}
.cz-gbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35)}
.cz-gt{display:flex;flex-direction:column;min-width:0}
.cz-gt b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-gt span{font-size:13px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-gt em{font-style:normal;color:var(--cz-acc);opacity:1}
.cz-gb{display:flex;align-items:center;gap:12px;flex-shrink:0}
.cz-gbal{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.cz-gbal small{font-size:11px;opacity:.6}
.cz-gbal b{font-variant-numeric:tabular-nums}
.cz-sm-btn{height:36px;padding:0 14px;font-size:14px}
.cz-time{font-size:13px;opacity:.6;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
.cz-game .cz-x{margin:0;color:#fff}
.cz-game .cz-x:hover{background:rgba(255,255,255,.12)}
.cz-game :focus-visible{outline-color:#fff}
.cz-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:0;padding:20px 16px}
.cz-stage iframe{width:100%;height:100%;border:0;border-radius:var(--r-sm,8px);background:#000}
.cz-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(460px,100%)}
.cz-reel{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;max-width:100%;border-radius:var(--r-lg,16px);background:linear-gradient(#fff,#e9ecee);color:#14171a;box-shadow:inset 0 -6px 0 rgba(0,0,0,.08),0 20px 40px -20px rgba(0,0,0,.6);overflow:hidden}
.cz-reel i{font-style:normal;font-size:clamp(40px, 11vw, 78px);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cz-reel.spin i{filter:blur(1.5px);opacity:.75;transform:translateY(-2px)}
.cz-res{margin:0;min-height:24px;font-size:17px;text-align:center}
.cz-res b{color:var(--cz-acc);font-size:20px}
.cz-res .cz-lnk{color:#fff}
.cz-table{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(460px,100%)}
.cz-hands{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.cz-hands>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 12px;border-radius:var(--r-lg,16px);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cz-hands small{font-size:13px;opacity:.7;text-transform:uppercase;letter-spacing:.06em}
.cz-hands b{font-size:56px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.cz-ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35)}
.cz-stake{display:flex;align-items:center;gap:4px;padding:4px;border-radius:100px;background:rgba(255,255,255,.1)}
.cz-stake button{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1}
.cz-stake button:hover{background:rgba(255,255,255,.22)}
.cz-stake span{display:flex;flex-direction:column;align-items:center;min-width:84px;line-height:1.15}
.cz-stake small{font-size:11px;opacity:.6}
.cz-stake b{font-variant-numeric:tabular-nums}
.cz-spin{height:52px;min-width:160px;padding:0 30px;border:0;border-radius:var(--r-btn,100px);background:var(--cz-acc);color:var(--cz-on);font-size:17px;font-weight:700;transition:transform .12s}
.cz-spin:active{transform:scale(.97)}
.cz-spin:disabled{opacity:.6;cursor:default}
.cz-gnote{flex-basis:100%;margin:0;text-align:center;font-size:12px;opacity:.55}
.cz-rc{position:absolute;left:50%;top:50%;z-index:3;width:min(380px,calc(100% - 32px));transform:translate(-50%,-50%);padding:22px;border-radius:var(--r-lg,16px);background:#fff;color:var(--cz-ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.7);animation:.2s ease-out czUp}
.cz-rc>b{font-size:19px}
.cz-rc p{margin:6px 0 16px;color:var(--cz-mute)}
.cz-rc p b{color:var(--cz-ink)}
.cz-rc div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cz-rc .cz-pri,.cz-rc .cz-sec{height:42px}
.cz-rc .cz-lnk{margin-left:auto}
.cz-rc :focus-visible{outline-color:var(--cz-ink)}
.cz-toast{position:fixed;left:50%;bottom:24px;z-index:2147483001;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:12px;background:#14171a;color:#fff;font-family:var(--font, 'Funnel Sans', system-ui, sans-serif);font-size:14px;box-shadow:0 16px 40px -16px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.cz-toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:560px){
.cz-ov:not(.cz-game):not(.cz-drawer){align-items:flex-end;padding:0}
.cz-ov:not(.cz-game):not(.cz-drawer) .cz-dlg{max-width:none;max-height:92%;border-radius:var(--r-lg,16px) var(--r-lg,16px) 0 0;padding-bottom:env(safe-area-inset-bottom,0)}
.cz-row3{grid-template-columns:1fr}
.cz-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
.cz-gbar{padding:10px 12px}
.cz-gt span,.cz-time{display:none}
.cz-panel{max-width:none}
}
.cz-narrow.cz-ov:not(.cz-game):not(.cz-drawer){align-items:flex-end;padding:0}
.cz-narrow.cz-ov:not(.cz-game):not(.cz-drawer) .cz-dlg{max-width:none;max-height:92%;border-radius:var(--r-lg,16px) var(--r-lg,16px) 0 0;padding-bottom:env(safe-area-inset-bottom,0)}
.cz-narrow .cz-row3{grid-template-columns:1fr}
.cz-narrow .cz-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
.cz-narrow .cz-gbar{padding:10px 12px}
.cz-narrow .cz-gt span,.cz-narrow .cz-time{display:none}
.cz-narrow .cz-panel{max-width:none}
@media (prefers-reduced-motion:reduce){
.br .sx-gg .it,.cz-dlg,.cz-ov,.cz-panel,.cz-rc{animation:none}
.cz-toast{transition:none}
}
.ck-lock,.ck-lock body{overflow:hidden}
.ck{--ck-ink:var(--ink, #14171A);--ck-mute:var(--ink-soft, #5E656C);--ck-line:var(--border, #E4E6E8);--ck-paper:var(--block, #fff);--ck-soft:color-mix(in srgb, var(--ck-ink) 5%, var(--ck-paper));--ck-acc:var(--gold, #39D609);--ck-on:var(--on-gold, #14171A);position:fixed;z-index:2147482000;inset:auto 0 0 0;display:flex;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));font-family:var(--font, 'Funnel Sans', system-ui, sans-serif);color:var(--ck-ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;pointer-events:none}
.ck *,.ck ::after,.ck ::before{box-sizing:border-box}
.ck button{font:inherit;color:inherit;cursor:pointer}
.ck :focus-visible{outline:2px solid var(--ck-ink);outline-offset:2px}
.ck-card{pointer-events:auto;width:100%;max-width:1080px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px 20px;padding:18px 20px;background:var(--ck-paper);color:var(--ck-ink);border:1px solid var(--ck-line);border-radius:var(--r-lg,16px);box-shadow:0 24px 60px -24px rgba(0,0,0,.35);animation:.26s cubic-bezier(.2,.8,.2,1) ckUp}
@keyframes ckUp{
from{opacity:0;transform:translateY(14px)}
}
@keyframes ckFade{
from{opacity:0}
}
@media (prefers-reduced-motion:reduce){
.ck-card{animation:none}
}
.ck-main{display:flex;gap:14px;align-items:flex-start;min-width:0}
.ck-ic{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--ck-soft);color:var(--ck-ink)}
.ck-copy{min-width:0}
.ck-t{margin:0 0 3px;font-family:var(--font-head, var(--font, inherit));font-size:17px;font-weight:var(--head-weight,700);letter-spacing:-.01em;line-height:1.25}
.ck-main p{margin:0;color:var(--ck-mute);font-size:14px;max-width:68ch;text-wrap:pretty}
.ck-pol,.ck-sub a{color:var(--ck-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ck-sub{margin:2px 0 0;font-size:14px}
.ck-acts{display:flex;gap:10px;align-items:center}
.ck-b{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:46px;padding:0 20px;border:0;border-radius:var(--r-btn,100px);font-weight:600;font-size:15px;white-space:nowrap;transition:transform .12s,background .15s,box-shadow .15s,filter .15s}
.ck-pri{background:var(--ck-acc);color:var(--ck-on)}
.ck-pri:hover{filter:brightness(.96)}
.ck-sec{background:0 0;box-shadow:inset 0 0 0 1.5px var(--ck-line);color:var(--ck-ink)}
.ck-sec:hover{box-shadow:inset 0 0 0 1.5px var(--ck-ink)}
.ck-b:active{transform:scale(.98)}
.ck-lnk{padding:0;border:0;background:0 0;color:var(--ck-mute);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ck-lnk:hover{color:var(--ck-ink)}
.ck-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 10px -6px;padding:4px 6px;border:0;border-radius:var(--r-sm,8px);background:0 0;color:var(--ck-mute);font-size:13.5px;font-weight:600}
.ck-back:hover{background:var(--ck-soft);color:var(--ck-ink)}
.ck-main-d{display:block;grid-column:1/-1}
.ck-cats{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--ck-line)}
.ck-cat{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--ck-line);cursor:pointer}
.ck-cat-lock{cursor:default}
.ck-cat-t{min-width:0}
.ck-cat-t b{display:block;font-size:14.5px;font-weight:600}
.ck-cat-t small{display:block;margin-top:2px;color:var(--ck-mute);font-size:13px;line-height:1.4;max-width:64ch}
.ck-always{flex-shrink:0;align-self:center;padding:4px 10px;border-radius:100px;background:var(--ck-soft);color:var(--ck-mute);font-size:12.5px;font-weight:600}
.ck-cb{position:absolute;opacity:0;width:0;height:0}
.ck-sw{flex-shrink:0;align-self:center;position:relative;width:44px;height:26px;border-radius:100px;background:var(--ck-line);transition:background .18s}
.ck-sw::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .18s}
.ck-cb:checked+.ck-sw{background:var(--ck-acc)}
.ck-cb:checked+.ck-sw::after{transform:translateX(18px)}
.ck-cb:focus-visible+.ck-sw{outline:2px solid var(--ck-ink);outline-offset:2px}
.ck-acts-d{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-end}
.ck-acts-d .ck-b{flex:0 1 auto}
.ck[data-look=box]{inset:auto auto 0 0;justify-content:flex-start;max-width:min(100%,460px)}
.ck[data-look=box] .ck-card{grid-template-columns:1fr;gap:14px}
.ck[data-look=box] .ck-acts:not(.ck-acts-d){display:grid;grid-template-columns:1fr 1fr}
.ck[data-look=box] .ck-acts:not(.ck-acts-d) .ck-b{min-width:0;width:100%}
.ck[data-look=box] .ck-lnk{justify-self:center}
.ck[data-look=centre]{inset:0;align-items:center;background:rgba(12,14,16,.5);pointer-events:auto;animation:.2s ease-out ckFade}
.ck[data-look=centre] .ck-card{max-width:520px;grid-template-columns:1fr;gap:16px;max-height:calc(100vh - 32px);overflow:auto}
.ck[data-look=centre] .ck-acts:not(.ck-acts-d){display:grid;grid-template-columns:1fr 1fr}
.ck[data-look=centre] .ck-acts:not(.ck-acts-d) .ck-b{min-width:0;width:100%}
.ck[data-look=centre] .ck-lnk{justify-self:center}
@media (max-width:860px){
.ck{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.ck-card{grid-template-columns:1fr;gap:14px;padding:16px}
.ck-acts:not(.ck-acts-d){display:grid;grid-template-columns:1fr 1fr}
.ck-acts:not(.ck-acts-d) .ck-b{min-width:0;width:100%}
.ck-acts-d{display:grid;grid-template-columns:1fr 1fr;grid-column:auto}
.ck-acts-d .ck-b{min-width:0;width:100%}
.ck-acts-d [data-ck=save]{grid-column:1/-1;order:1}
.ck-lnk{justify-self:center}
.ck-ic{display:none}
}
.ck-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147482001;padding:12px 18px;border-radius:100px;background:var(--ink,#14171a);color:#fff;font-family:var(--font, 'Funnel Sans', system-ui, sans-serif);font-size:14px;font-weight:600;box-shadow:0 16px 40px -16px rgba(0,0,0,.5);animation:.2s ease-out ckUp}
.ck-toast.out{opacity:0;transition:opacity .35s}
.bs-cklink{padding:0;border:0;background:0 0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.bs-cklink:hover{opacity:.75}
.ck-demo{position:absolute;z-index:2;pointer-events:auto}
.ck-demo .ck-card{animation:none;box-shadow:0 12px 32px -14px rgba(0,0,0,.3)}
.ck-demo[data-look=centre]{background:rgba(12,14,16,.42)}
.br.br{--b-acc-t:color-mix(in srgb, var(--gold-deep, #2CA607) 74%, #000)}
.br.br .fc-cap .k,.br.br .mv.up{color:var(--b-acc-t)}
.br.dk.dk .fc-cap .k,.br.dk.dk .mv.up{color:var(--b-acc)}
.vip.vip .how{background:var(--block,#f1f2ef);border-color:var(--block,#f1f2ef)}