:root{--ivory:#F7F5EE;--ivory-deep:#EFEBDF;--paper:#FFFDF8;--forest:#103E32;--felt:#17634C;--felt-deep:#0F4A38;--gold:#D8B872;--gold-deep:#C9A55A;--gold-ink:#7A5A17;--heart:#B83F48;--ink:#182C25;--muted:#4A5D55;--line:#E4DFD0;--white:#FFFFFF;--radius:14px;--radius-sm:8px;--shadow:0 1px 2px rgba(16,62,50,.06),0 8px 24px rgba(16,62,50,.07);--gutter:16px;--max:1280px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--serif:Georgia,"Times New Roman",Times,serif}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--forest);text-underline-offset:3px}a:hover{color:var(--felt)}:focus-visible{outline:3px solid var(--gold-ink);outline-offset:2px;border-radius:4px}h1,h2,h3{color:var(--forest);line-height:1.12;letter-spacing:-.02em;font-weight:800;text-wrap:balance}h1{font-size:32px}h2{font-size:26px}h3{font-size:18px;letter-spacing:-.01em;line-height:1.25}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.wrap-narrow{max-width:1000px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{border:0;font-weight:700;position:absolute;left:8px;top:-60px;z-index:50;padding:10px 16px;background:var(--forest);color:var(--white);border-radius:var(--radius-sm)}.skip:focus{top:8px;color:var(--white)}.icon,.pip{display:inline-block;flex:none;background-color:currentColor;-webkit-mask-image:var(--glyph);mask-image:var(--glyph);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon{width:1.15em;height:1.15em;vertical-align:-.2em}.pip{--glyph:url("../img/suit-spades.svg");width:1em;height:1em}.s-hearts .pip,.pip.s-hearts{--glyph:url("../img/suit-hearts.svg")}.s-diamonds .pip,.pip.s-diamonds{--glyph:url("../img/suit-diamonds.svg")}.s-clubs .pip,.pip.s-clubs{--glyph:url("../img/suit-clubs.svg")}.i-new{--glyph:url("../img/icon-new.svg")}.i-undo{--glyph:url("../img/icon-undo.svg")}.i-hint{--glyph:url("../img/icon-hint.svg")}.i-full{--glyph:url("../img/icon-fullscreen.svg")}.i-link{--glyph:url("../img/icon-link.svg")}.i-out{--glyph:url("../img/icon-out.svg")}.i-arrow{--glyph:url("../img/icon-arrow.svg")}.i-chev{--glyph:url("../img/icon-chevron.svg")}.i-clock{--glyph:url("../img/icon-clock.svg")}.i-info{--glyph:url("../img/icon-info.svg")}.i-home{--glyph:url("../img/icon-home.svg")}.i-gear{--glyph:url("../img/icon-gear.svg")}.i-mark{--glyph:url("../img/icon-bookmark.svg")}.i-wifi{--glyph:url("../img/icon-wifi.svg")}.i-zoom{--glyph:url("../img/icon-zoom.svg")}.i-calm{--glyph:url("../img/icon-calm.svg")}.i-cards{--glyph:url("../img/icon-cards.svg")}.site-head{background:var(--ivory);border-bottom:1px solid transparent}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;max-width:1000px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--forest);font-size:19px;font-weight:800;letter-spacing:-.02em;text-decoration:none}.brand .pip{width:24px;height:24px;color:var(--gold-deep)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:0;border-radius:var(--radius-sm);color:var(--forest)}.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:26px;height:3px;background:currentColor;border-radius:2px}.nav-toggle span{position:relative}.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}.nav-toggle span::before{top:-8px}.nav-toggle span::after{top:8px}.site-nav{display:none;width:100%}.site-nav.is-open{display:block}.no-js .site-nav{display:block}.no-js .nav-toggle{display:none}.site-nav ul{display:flex;flex-direction:column;padding-bottom:8px}.site-nav a{display:flex;align-items:center;min-height:44px;padding:0 4px;color:var(--forest);font-weight:500;text-decoration:none;border-top:1px solid var(--line)}.site-nav a[aria-current="page"]{font-weight:800}.site-nav a:hover{text-decoration:underline}.site-head .wrap{flex-wrap:wrap}.crumbs{padding-top:6px;font-size:13px;color:var(--muted)}.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px}.crumbs li + li::before{content:"›";margin-right:8px;color:var(--gold-ink)}.crumbs a{color:var(--muted)}.crumbs-center ol{justify-content:center}.hero-copy .crumbs,.hero-browser .crumbs{margin-bottom:18px;padding-top:0}.eyebrow{color:var(--gold-ink);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.intro{padding:14px 0 18px;text-align:center}.intro h1{margin-top:6px}.lede{margin-top:8px;font-size:17px;color:var(--ink)}.section{padding-block:36px}.section-tight{padding-block:24px}.section-head{text-align:center;margin-bottom:22px}.section-head p{margin-top:6px;color:var(--muted)}.prose p + p{margin-top:12px}.prose{max-width:68ch}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 26px;border:1px solid var(--gold-deep);border-radius:10px;background:linear-gradient(180deg,#E3C789 0%,var(--gold-deep) 100%);color:#1B2A22;font-weight:700;text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 2px 6px rgba(122,90,23,.18)}.btn:hover{color:#1B2A22;background:linear-gradient(180deg,#EACF95 0%,#D1AE63 100%)}.btn-lg{min-height:54px;padding-inline:34px;font-size:18px;border-radius:999px}.btn-block{width:100%}.btn-ghost{background:transparent;border-color:var(--forest);color:var(--forest);box-shadow:none}.btn-ghost:hover{background:var(--ivory-deep);color:var(--forest)}.strip{background:var(--ivory-deep);margin-top:18px}.strip ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;padding:12px 0;font-weight:500}.strip li{display:flex;align-items:center}.strip li + li::before{content:"";width:7px;height:7px;margin:0 16px;border-radius:50%;background:var(--gold-deep)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.grid{display:grid;gap:16px}.grid>*{min-width:0}.fan{max-width:100%}.variant{display:flex;flex-direction:column;text-align:center;align-items:center}.variant h3{font-size:20px}.variant p{margin-top:6px;color:var(--muted)}.variant .fan{margin:16px 0 0;--u:1px}.variant .btn{margin-top:-6px;position:relative;width:min(100%,320px)}.steps{display:grid;gap:18px;margin-top:18px}.step{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}.num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E6CD93,var(--gold-deep));color:#2A2410;font-weight:800;font-size:18px}.step h3{margin-top:2px}.step p{margin-top:4px;color:var(--muted)}.split{display:grid;gap:24px;align-items:center}.art{position:relative;display:grid;place-items:center;padding:26px 0 8px;background:url("../img/leaf.svg") center / min(100%,460px) no-repeat}.art-caption{margin-top:14px;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--muted);text-align:center}.note{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 16px;background:var(--ivory-deep);border-radius:var(--radius-sm);margin-top:18px}.note .icon{width:26px;height:26px;color:var(--gold-ink)}.note strong{display:block;color:var(--forest)}.note-gold{background:#F3E9CF;border:1px solid #E5D3A4}.faq{display:grid;gap:8px;margin-top:16px}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px 16px;cursor:pointer;list-style:none;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary h3{font-size:16px;font-weight:500;color:var(--ink);letter-spacing:0}.faq summary .icon{color:var(--forest);transition:transform .15s ease}.faq details[open] summary .icon{transform:rotate(180deg)}.faq .answer{padding:0 16px 16px;color:var(--muted);max-width:75ch}.fan{display:flex;justify-content:center;--u:.74px;padding:0 20px}.fan .card{position:relative;width:calc(var(--u) * 100);flex:none;margin-left:calc(var(--u) * -62)}.fan .card:first-child{margin-left:0}.fan .card:nth-child(1){transform:rotate(-12deg) translateY(8px)}.fan .card:nth-child(2){transform:rotate(-6deg) translateY(2px)}.fan .card:nth-child(3){transform:rotate(0deg)}.fan .card:nth-child(4){transform:rotate(6deg) translateY(2px)}.fan .card:nth-child(5){transform:rotate(12deg) translateY(8px)}.fan-lg{--u:1.25px}.fan-crop{height:calc(var(--u) * 96);overflow:hidden;padding-top:12px}.row-cards{display:flex;gap:10px;justify-content:center;align-items:center;--u:.62px}.row-cards .card{width:calc(var(--u) * 100);flex:none}.row-cards .icon{color:var(--gold);width:28px;height:28px}.felt{background:radial-gradient(120% 140% at 50% 0%,rgba(255,255,255,.07),transparent 60%),linear-gradient(180deg,var(--felt) 0%,var(--felt-deep) 100%);color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.felt h2,.felt h3{color:var(--white)}.felt .eyebrow{color:var(--gold)}.banner{display:grid;gap:20px;padding:28px 22px;align-items:center;overflow:hidden}.banner p{margin-top:8px;color:#E3EEE9;max-width:46ch}.banner .btn{margin-top:18px}.cta-leaf{text-align:center;padding:34px 0 40px;background:url("../img/leaf-corner.svg") left bottom / 170px no-repeat,url("../img/leaf-corner-r.svg") right bottom / 170px no-repeat,var(--ivory-deep)}.cta-leaf h2{margin-top:6px;font-size:24px}.cta-leaf p{margin-top:8px;color:var(--muted)}.cta-leaf .btn{margin-top:16px}.rules-layout{display:grid;gap:22px}.toc{padding:18px;align-self:start}.toc h2{font-size:19px}.toc ol{margin-top:10px;counter-reset:toc}.toc ol li{counter-increment:toc;padding:9px 12px;border-radius:var(--radius-sm);font-size:14px}.toc ol li::before{content:counter(toc) ". "}.toc ol li:first-child{background:#F6EFD9;border-left:3px solid var(--gold-deep)}.toc ul{margin-top:10px;border-top:1px solid var(--line)}.toc ul a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-bottom:1px solid var(--line);font-size:14px;text-decoration:none}.toc ul a:hover{text-decoration:underline}.rule-hero{display:grid;gap:18px;padding:26px 22px;align-items:center}.rule-hero p{margin-top:8px;color:#E3EEE9}.rule-hero .row-cards{--u:.95px}.rule{display:grid;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.rule-text{display:grid;grid-template-columns:44px 1fr;gap:16px}.rule-text h2{font-size:20px;margin-top:8px}.rule-text p{margin-top:6px;color:var(--muted);grid-column:2}.rule-text .note{grid-column:2;margin-top:10px}.rule-fig{display:grid;place-items:center;min-height:104px;padding:12px;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--felt),var(--felt-deep));overflow:hidden}.rule-fig .row-cards{--u:.46px;gap:7px}.rule-fig .fan{--u:.6px}.rule-text .num{grid-row:1 / span 3}.rule-fig figcaption{margin-top:8px;font-size:13px;color:#DDEAE4;text-align:center}.levels h3{margin-top:10px}.levels .panel{text-align:center}.levels p{margin-top:6px;color:var(--muted)}.suit-row{display:flex;justify-content:center;gap:10px;font-size:34px;color:var(--ink)}.suit-row .s-hearts,.suit-row .s-diamonds{color:var(--heart)}.promo{display:grid;grid-template-columns:1fr;gap:14px}.promo-item{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}.promo-item .btn{margin-top:12px}.promo-item p{margin-top:4px;color:var(--muted)}.promo-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ivory-deep);color:var(--gold-ink);font-size:34px}.hero-split{display:grid;background:var(--paper)}.hero-split .hero-copy{padding:26px var(--gutter) 28px}.hero-split h1{margin-top:8px;font-size:36px}.hero-split .lede{font-size:18px}.hero-split .btn{margin-top:20px}.hero-photo{position:relative;min-height:220px}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}.tip{display:flex;flex-direction:column;padding:18px}.tip h3{margin-top:12px}.tip p{margin-top:6px;color:var(--muted);font-size:15px}.tip-fig{margin-top:auto;padding-top:16px;display:grid;place-items:center;min-height:120px}.tip-fig .empty-slot{display:grid;place-items:center;width:64px;height:90px;border:2px dashed #C9C4B4;border-radius:var(--radius-sm);color:#C9C4B4;font-size:28px}.tip-fig .undo-tile{display:grid;place-items:center;width:92px;height:78px;border-radius:var(--radius-sm);background:var(--ivory-deep);border:1px solid var(--line);color:var(--gold-ink);font-size:40px}.mistake{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px}.mistake p{margin-top:4px;color:var(--muted);font-size:15px}.hero-browser{display:grid;gap:26px;align-items:center;padding:18px 0 30px}.hero-browser h1{margin-top:8px;font-size:36px}.hero-browser .btn{margin-top:20px}.mini-steps{display:grid;gap:14px;margin-top:26px}.mini-steps li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}.mini-steps .num{width:40px;height:40px;font-size:16px}.mini-steps strong{display:block;color:var(--forest)}.mini-steps span{color:var(--muted);font-size:15px}.devices{position:relative;padding:0 8% 6% 0}.monitor{border:10px solid #15201C;border-bottom-width:14px;border-radius:14px;background:#15201C;box-shadow:0 18px 40px rgba(16,62,50,.22)}.monitor img,.phone img{border-radius:4px;width:100%}.phone{position:absolute;right:0;bottom:0;width:24%;border:5px solid #15201C;border-radius:16px;background:#15201C;box-shadow:0 12px 28px rgba(16,62,50,.3)}.phone img{border-radius:11px}.device-card{display:grid;gap:18px;align-items:center}.device-card .sub{color:var(--muted);font-size:17px}.device-card p + p{margin-top:10px}.device-card .btn{margin-top:16px}.device-card figure{max-width:300px;margin-inline:auto}.device-card .phone{position:static;width:120px;margin-inline:auto}.info-card{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}.info-card .promo-icon{width:64px;height:64px;font-size:30px;color:var(--forest)}.info-card h2{font-size:20px}.info-card p{margin-top:6px;color:var(--muted)}.ctl-demo{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.ctl-demo>span{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:74px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--forest);color:var(--white);font-size:13px}.ctl-demo .icon{width:20px;height:20px}.backs{display:flex;justify-content:center;--u:.8px;padding-top:14px;height:96px;overflow:hidden}.backs .card{width:calc(var(--u) * 100);flex:none;margin-left:calc(var(--u) * -40);transform:rotate(6deg)}.backs .card:first-child{margin-left:0}.site-foot{margin-top:40px;background:var(--forest);color:#DCE8E3}.site-foot .wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding-block:24px;max-width:1000px;text-align:center}.site-foot .brand{color:var(--white);font-size:16px;font-weight:600}.site-foot ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px}.site-foot a{display:inline-flex;align-items:center;min-height:44px;color:#DCE8E3;font-size:14px;text-decoration:none}.site-foot a:hover{color:var(--white);text-decoration:underline}.site-foot small{font-size:13px;color:#B9CEC6;flex-basis:100%}.page-focus .site-foot{margin-top:0}.error-page{text-align:center;padding:56px 0}.error-page .fan{margin:26px 0}.error-page ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}@media (min-width:640px){:root{--gutter:24px}h1{font-size:40px}h2{font-size:28px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(2,1fr)}.promo{grid-template-columns:repeat(2,1fr)}.rule{grid-template-columns:1fr 280px;align-items:center}.rule-hero,.banner{grid-template-columns:1.1fr 1fr;padding:34px 40px}.variant{text-align:left;align-items:stretch}.variant .fan{margin-top:18px;--u:.66px}.variant .btn{align-self:center}.mini-steps{grid-template-columns:repeat(3,1fr)}.mini-steps li{grid-template-columns:1fr;align-items:start}.device-card{grid-template-columns:1fr 1.2fr}}@media (min-width:960px){h1{font-size:48px}h2{font-size:30px}.section{padding-block:44px}.site-head .wrap{flex-wrap:nowrap;min-height:56px}.nav-toggle{display:none}.site-nav,.site-nav.is-open{display:block;width:auto}.site-nav ul{flex-direction:row;gap:28px;padding:0}.site-nav a{border:0;font-size:15px}.site-foot .wrap{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left}.site-foot small{order:3;text-align:center}.grid-5{grid-template-columns:repeat(5,1fr)}.split{grid-template-columns:1fr 1fr}.rules-layout{grid-template-columns:230px 1fr;align-items:start}.toc{position:sticky;top:16px}.hero-split{grid-template-columns:1fr 1.25fr;align-items:stretch}.hero-split .hero-copy{padding:56px 24px 56px max(24px,calc((100vw - var(--max)) / 2 + 24px));align-self:center}.hero-split h1{font-size:54px}.hero-photo{min-height:340px}.hero-photo::before{content:"";position:absolute;inset:0 auto 0 0;width:22%;z-index:1;background:linear-gradient(90deg,var(--paper),rgba(255,253,248,0))}.hero-browser{grid-template-columns:1fr 1fr;padding:40px 0 46px}.hero-browser h1{font-size:56px}.fan-lg{--u:1.5px}.variant .fan{--u:1px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.card{position:relative;display:block;width:100%;height:calc(var(--u,1px) * 140);padding:0;border:1px solid #CFC9B8;border-radius:calc(var(--u,1px) * 7);background:linear-gradient(180deg,#FFFFFF 0%,#F7F4EC 100%);box-shadow:0 calc(var(--u,1px) * 1.5) calc(var(--u,1px) * 5) rgba(0,0,0,.28);color:#15201C;font-family:var(--serif);line-height:1;overflow:hidden;text-align:left;forced-color-adjust:none}.card.red{color:var(--heart)}.card .idx{position:absolute;left:calc(var(--u,1px) * 6);top:calc(var(--u,1px) * 5);display:flex;flex-direction:column;align-items:center;min-width:calc(var(--u,1px) * 20);font-size:calc(var(--u,1px) * 27);letter-spacing:-.06em}.card .idx b{font-weight:700}.card.r10 .idx{font-size:calc(var(--u,1px) * 23);letter-spacing:-.12em;left:calc(var(--u,1px) * 3)}.card .idx .pip{margin-top:calc(var(--u,1px) * 2);font-size:calc(var(--u,1px) * 17)}.card .corner-pip{display:none;position:absolute;right:calc(var(--u,1px) * 8);top:calc(var(--u,1px) * 7);font-size:calc(var(--u,1px) * 24)}.card .pips{position:absolute;inset:calc(var(--u,1px) * 20) calc(var(--u,1px) * 22) calc(var(--u,1px) * 20) calc(var(--u,1px) * 38);font-size:calc(var(--u,1px) * 19)}.card .pips .pip{position:absolute;transform:translate(-50%,-50%)}.card .pips .x0{left:0}.card .pips .x1{left:50%}.card .pips .x2{left:100%}.card .pips .y0{top:0}.card .pips .y2{top:16.67%}.card .pips .y3{top:25%}.card .pips .y4{top:33.33%}.card .pips .y6{top:50%}.card .pips .y8{top:66.67%}.card .pips .y9{top:75%}.card .pips .y10{top:83.33%}.card .pips .y12{top:100%}.card .pips .y8,.card .pips .y9,.card .pips .y10,.card .pips .y12{transform:translate(-50%,-50%) rotate(180deg)}.card .ace,.card .mini{position:absolute;inset:0;display:grid;place-items:center;padding-top:calc(var(--u,1px) * 14);font-size:calc(var(--u,1px) * 50)}.card .mini{display:none;font-size:calc(var(--u,1px) * 44);padding-top:calc(var(--u,1px) * 40)}.card .court{position:absolute;inset:calc(var(--u,1px) * 14) calc(var(--u,1px) * 12) calc(var(--u,1px) * 14) calc(var(--u,1px) * 30);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u,1px) * 4);border:1px solid var(--gold-deep);border-radius:calc(var(--u,1px) * 4);background:repeating-linear-gradient(45deg,rgba(216,184,114,.22) 0 calc(var(--u,1px) * 3),transparent calc(var(--u,1px) * 3) calc(var(--u,1px) * 7)),#FBF6E6;font-size:calc(var(--u,1px) * 44)}.card .court b{font-weight:700}.card .court .pip{font-size:calc(var(--u,1px) * 30)}.card.down{border-color:#0C3B2D;background:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 1px,transparent 1px calc(var(--u,1px) * 8)),repeating-linear-gradient(-45deg,rgba(255,255,255,.16) 0 1px,transparent 1px calc(var(--u,1px) * 8)),#1E7657;box-shadow:inset 0 0 0 calc(var(--u,1px) * 3.5) #EAF1EC,inset 0 0 0 calc(var(--u,1px) * 5) #0F5A41,0 calc(var(--u,1px) * 1) calc(var(--u,1px) * 3) rgba(0,0,0,.3)}main:focus{outline:none}