@font-face{font-family:Guide;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#f7f8f3;color:#351e10;font:17px/1.55 Guide,Arial,sans-serif}button,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #bb187f;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:#fff;border-bottom:1px solid #dedfd5;gap:24px}header nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px;font-weight:700}header nav a{text-decoration:none}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:2px;line-height:1.3}.brand img{width:41px;height:39px;object-fit:contain}.brand-sub{display:block;font-size:10px;letter-spacing:1px}main{max-width:1440px;margin:auto;padding:0 5vw}.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:0 30px;padding:42px 0 30px;align-items:end}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;margin:0 0 12px}.intro .eyebrow{grid-column:1/-1}h1,h2,h3{line-height:1.06;letter-spacing:-1px;margin:0}h1{font-size:clamp(40px,4.8vw,66px);font-weight:900}h2{font-size:clamp(30px,3.3vw,43px)}h3{font-size:25px;line-height:1.2}em{font-style:normal;color:#b41679}.intro p:last-child{margin-bottom:5px;font-size:18px}.lesson{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #c4cbbb;border-radius:24px;overflow:hidden;background:white;min-height:570px;scroll-margin-top:20px}.scene-panel{background:#c4dbb5;position:relative;min-height:560px}.scene-heading{position:absolute;left:22px;right:22px;top:17px;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:1px}.quiet{border:0;background:transparent;text-decoration:underline;font-size:13px;letter-spacing:0;padding:5px}.scene-panel canvas{display:block;width:100%;height:450px;touch-action:none;margin-top:42px;cursor:grab}.scene-panel canvas:active{cursor:grabbing}#scene-status{position:absolute;top:48%;width:100%;text-align:center;font-size:15px;pointer-events:none}.scene-help{font-size:12px;text-align:center;margin:-4px 0 10px;opacity:.8}.zone-picker{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:10px 18px 18px}.zone-picker button{border:1px solid #59684a;background:#ffffffb5;border-radius:20px;padding:6px 10px;font-size:12px}.zone-picker button[aria-pressed=true]{background:#351e10;color:white}.lesson-panel{padding:30px;display:flex;flex-direction:column;min-width:0}.lesson-panel h2{font-size:36px}.lesson-panel p{margin:14px 0}.lesson-panel .eyebrow{color:#a61971;margin:0 0 14px}#lesson-copy{font-size:17px}#lesson-extra{flex:1;min-height:95px}.lesson-controls{display:flex;gap:10px;margin:22px 0 15px}.primary,.secondary{border-radius:10px;padding:12px 20px;border:1px solid #351e10;font-weight:700;font-size:15px}.primary{background:#351e10;color:white;flex:1}.primary:hover{background:#562d18}.secondary{background:white}.secondary:disabled{opacity:.4;cursor:default}.steps{display:flex;gap:5px}.steps button{border:0;width:100%;height:7px;border-radius:8px;background:#dce5d4;padding:0}.steps button[aria-current=step]{background:#b41679}.mini-cards{display:flex;gap:14px;align-items:center;margin:10px 0}.mini-cards img{width:82px;box-shadow:0 3px 8px #0002;border-radius:5px}.mini-cards p{font-size:15px}.example-card{display:flex;align-items:center;gap:18px;margin-top:10px}.example-card img{width:102px;border-radius:5px}.example-card span{font-weight:700;font-size:15px}.callout{background:#f5e9f0;border-left:3px solid #b41679;padding:12px 15px;font-size:15px;border-radius:0 7px 7px 0}.turn-strip{display:flex;gap:17px;justify-content:space-between;align-items:center;padding:28px 6px;border-bottom:1px solid #d7dace;font-size:13px;font-weight:800}.turn-strip b{color:#b41679;margin-right:7px}.turn-strip i{font-size:18px;font-style:normal}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading p:last-child{font-size:16px;margin:0;max-width:380px}.cup-section,#cards,.faq{padding:65px 0 25px}.cup-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cup-card{padding:17px 10px;background:#fff;border:1px solid #d8dccf;border-radius:14px;color:#351e10}.cup-card:hover,.cup-card[aria-pressed=true]{border-color:#b41679;box-shadow:0 0 0 1px #b41679}.cup-card img{width:100%;max-width:98px;height:90px;object-fit:contain}.cup-card b{font-size:14px;display:block;line-height:1.3;margin:9px 0}.cup-card span{font-size:12px;display:block;line-height:1.4}.small-note{font-size:14px;color:#625c53;line-height:1.6}.fall-rule{background:#351e10;color:#fff;display:grid;grid-template-columns:1fr 1.3fr;gap:48px;padding:42px;border-radius:20px;margin-top:45px}.fall-rule h2{font-size:49px}.fall-rule em{color:#ef8cc7}.fall-rule p{margin-top:0}.fall-rule strong{color:#c7e8b8}.card-browser{display:grid;grid-template-columns:1fr 280px;gap:50px;max-width:900px;margin:auto;background:#fff;border:1px solid #d8dccf;border-radius:20px;padding:28px}.card-browser>img{width:100%;border-radius:8px;align-self:start}.card-choices label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.card-choices select{display:block;width:100%;margin-bottom:15px;padding:10px;border:1px solid #a6b69a;border-radius:8px;background:white;color:#351e10;font-size:16px}.card-choices h3{margin-top:24px}details{border-bottom:1px solid #cfd5c6;padding:19px 0}summary{font-weight:700;cursor:pointer}details p{max-width:850px}.faq h2{margin-bottom:20px}footer{border-top:1px solid #d7dace;display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:30px 0;margin-top:55px;font-size:13px}footer img{width:37px}footer span{width:100%;font-size:12px;color:#625c53}.pile{position:absolute;bottom:105px;left:20px;right:20px;background:#fff;color:#351e10;border:2px solid #b41679;padding:12px 16px;border-radius:14px;box-shadow:0 5px 20px #0002}.pile strong,.pile span{display:block}.pile strong{color:#b41679;font-size:20px}.pile span{font-size:13px}.die-area{display:flex;align-items:center;gap:30px;padding:15px 15px 5px}.die-stage{width:88px;height:100px;perspective:550px;margin:12px}.die{width:76px;height:76px;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(24deg);transition:transform .75s ease}.die-face{position:absolute;width:76px;height:76px;background:#fff;border:2px solid #ddd;border-radius:9px;display:grid;place-items:center;backface-visibility:hidden}.die-face img{width:58px;height:58px}.die-face:nth-child(1){transform:translateZ(38px)}.die-face:nth-child(2){transform:rotateY(180deg) translateZ(38px)}.die-face:nth-child(3){transform:rotateY(90deg) translateZ(38px)}.die-face:nth-child(4){transform:rotateY(-90deg) translateZ(38px)}.die-face:nth-child(5){transform:rotateX(90deg) translateZ(38px)}.die-face:nth-child(6){transform:rotateX(-90deg) translateZ(38px)}.die-result{font-size:16px;font-weight:700}.die-result button{display:block;margin-top:10px}.score-example{display:flex;gap:8px}.score-example span{flex:1;padding:13px 8px;background:#ecf1e6;border-radius:10px;text-align:center;font-size:14px}.score-example b{display:block;font-size:26px}.score-example .loser{background:#f5dcec;color:#9b0c66}
@media(max-width:850px){main{padding:0 20px}.intro{grid-template-columns:1fr;gap:15px;padding-top:25px}.intro h1 br{display:none}.intro p:last-child{font-size:16px}.lesson{grid-template-columns:1fr}.scene-panel{min-height:400px}.scene-panel canvas{height:330px;margin-top:35px}.lesson-panel{padding:25px}.scene-help{margin-top:0}.cup-grid{grid-template-columns:repeat(3,1fr)}.section-heading{align-items:start;flex-direction:column;gap:18px}.fall-rule{grid-template-columns:1fr;padding:26px;gap:24px}.turn-strip{flex-wrap:wrap;justify-content:center;font-size:11px;gap:10px}.turn-strip i:last-of-type{display:none}.card-browser{grid-template-columns:1fr 210px;gap:22px;padding:20px}header{padding:14px 20px;align-items:start}header nav{gap:10px 18px;justify-content:end;font-size:12px}.brand{font-size:11px}.brand-sub{font-size:9px}.intro .eyebrow{font-size:10px}.pile{bottom:85px}}
@media(max-width:540px){header nav a:nth-child(2),header nav a:nth-child(4){display:none}.intro h1{font-size:38px}.card-browser{grid-template-columns:1fr}.card-browser>img{max-width:280px;justify-self:center}.cup-card{padding:12px 5px}.cup-card b{font-size:12px}.cup-card span{font-size:11px}.cup-card img{height:68px}.fall-rule h2{font-size:40px}.primary,.secondary{padding:12px 15px}.die-area{gap:15px}.cup-section,#cards,.faq{padding-top:42px}.scene-panel canvas{height:310px}.zone-picker button{font-size:11px}.scene-heading{left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.die{transition:none}}

.phone-entry{display:flex;align-items:center;gap:28px;justify-content:space-between;background:#f9eaf3;border:1px solid #e4bed5;border-radius:20px;padding:28px;margin:15px 0 35px}.phone-entry p{max-width:680px}.phone-entry a{white-space:nowrap;text-decoration:none;border-radius:10px;padding:16px 20px}.phone-entry h2{font-size:30px}@media(max-width:700px){.phone-entry{display:block}.phone-entry a{display:inline-block}.phone-entry h2{font-size:26px}}