.prep-demo{margin:0;background:#e5e9df;color:#173d35;font-family:system-ui,sans-serif}.prep-demo *{box-sizing:border-box}.atelier{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid #bfc9b9;background:#fffaf0}.atelier>a{font-size:22px;font-weight:950;text-decoration:none;line-height:.85;letter-spacing:-1px}.atelier>a span{display:block;color:#cf5e35}.atelier>span{font-size:10px;letter-spacing:1.5px;margin-right:auto}.atelier label{font-size:11px;gap:3px}.atelier select,.atelier button{min-height:40px;font-size:12px;padding:7px 10px}.preview{max-width:none;min-height:0;padding:24px;display:flex;justify-content:center;margin:0}.phone{--phone-w:360px;--phone-h:640px;width:var(--phone-w);height:var(--phone-h);flex:none;background:#fffaf0;border:1px solid #c9cfbd;border-radius:24px;box-shadow:0 20px 65px #173d3520;display:flex;flex-direction:column;padding:14px 14px 12px;overflow:hidden}.phone-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;height:34px}.phone-top>b{font-size:14px;line-height:.9;letter-spacing:-.7px}.phone-top>b span{display:block;color:#cc5e35}.phone-top>span{font-size:11px;color:#647467}.phone-top>button{min-height:32px;width:32px;padding:0;border-radius:50%}#screen{min-height:0;flex:1;display:flex;padding-top:14px}.phone h1{font-size:27px;letter-spacing:-1px;line-height:1.08;margin:7px 0 12px}.kicker{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#8a5835}.cup-intro,.rule-screen,.draw-screen,.hand-preview{display:flex;flex-direction:column;width:100%;min-height:0}.cup-reveal{flex:1;min-height:70px;display:flex;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse,#f2d78870,transparent 70%);padding:0 0 12px}.cup-reveal>img{height:100%;max-height:150px;max-width:45%;object-fit:contain;filter:drop-shadow(0 6px 4px #173d3522);transform:rotate(-5deg)}.cup-reveal>span{max-width:95px;font-size:15px;font-weight:800;line-height:1.5}.course-brief{display:grid;gap:5px;flex:none}.brief-row{display:flex;gap:10px;align-items:center;background:var(--soft);color:var(--tone);padding:8px 10px;border-radius:10px}.blue{--tone:#17608c;--soft:#e0edf5}.orange{--tone:#a54c21;--soft:#fae4cf}.green{--tone:#386a2d;--soft:#e3efd7}.brief-rank{font-size:23px;font-weight:850;width:24px}.brief-row>div{flex:1}.brief-row small{display:block;font-size:9px;letter-spacing:1px;font-weight:750}.brief-row strong{font-size:18px}.brief-row>span:last-child{font-size:17px;font-weight:850}.brief-row:last-child>span:last-child{font-size:11px}.short-note{font-size:12px;line-height:1.45;color:#526457;margin:10px 0 0}.text-button{background:transparent;border:0;box-shadow:none;min-height:34px;font-size:11px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.phone-bottom{flex:none;padding-top:10px}.phone-bottom>span{font-size:10px;display:block;text-align:center;color:#687b6a;margin-top:9px}.navigation{display:flex;gap:8px}.navigation>button{min-height:50px;padding:8px 14px}.navigation>#next{flex:1;font-size:14px}.navigation>#next:disabled{opacity:1;background:#e2e9d9;color:#526457;border:0;box-shadow:none;font-size:12px}#dots{display:flex;justify-content:center;gap:5px;margin-bottom:9px}#dots span{width:5px;height:5px;border-radius:9px;background:#ccd4c5}#dots .current{width:22px;background:#bd6038}.rule-cards{flex:1;min-height:90px;display:flex;align-items:center;justify-content:center;gap:14px;padding:5px 8px 12px}.rule-cards>.pilot-card{height:100%;max-height:220px;max-width:58%;width:auto;aspect-ratio:1632/2220;flex:none}.rule-cards>img{height:auto;max-height:155px;width:34%;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 6px 3px #173d3520)}.formula{display:flex;justify-content:center;align-items:center;gap:8px;flex:none;min-height:66px;padding:6px;border-radius:12px;background:#efeee1}.formula>b{font-size:13px;text-align:center;max-width:110px}.number{padding:5px 10px;border-radius:8px;background:var(--soft);color:var(--tone);text-align:center;min-width:67px}.number small{font-size:9px;display:block}.number strong{font-size:26px;line-height:1.1}.rule-copy{font-size:15px;font-weight:650;line-height:1.4;margin:12px 0 0}.rule-screen>.short-note{padding:9px 10px;background:#f0ead9;border-radius:9px}.weather-match{font-size:16px;font-weight:800;color:#8b5c17}.subtitle{font-size:13px;color:#526457;margin:0}.new-cards{display:flex;align-items:center;justify-content:center;gap:8px;min-height:0;flex:1}.new-card{position:relative;width:48%;padding:0;border:0;background:none;min-height:0;aspect-ratio:1632/2220;animation:arrival .55s both;animation-delay:var(--delay)}.new-card>.pilot-card,.new-card>img{display:block;width:100%;height:100%;object-fit:contain}.new-card>span:first-child,.new-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;background:#e8b54b;color:#3e351d;border-radius:20px;padding:4px 7px;z-index:2;font-weight:850}.hand-count{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:16px;background:#e3ecd9;font-size:18px}.draw-screen>.short-note{text-align:center}.mini-brief{display:flex;gap:4px;flex:none;margin-bottom:12px}.mini-brief>span{background:var(--soft);color:var(--tone);padding:7px 4px;border-radius:7px;flex:1;text-align:center}.mini-brief small{display:block;font-size:10px}.mini-brief b{font-size:11px}.hand-tabs{display:flex;gap:6px;flex:none}.hand-tabs button{min-height:44px;flex:1;font-size:13px;padding:6px;background:transparent}.hand-tabs button[aria-selected=true]{background:#173d35;color:#fffaf0}.preview-hand{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:13px 3px 0;justify-items:center}.preview-hand>button{min-height:0;padding:0;border:0;background:transparent;position:relative;width:auto;height:100%;aspect-ratio:1632/2220;max-width:100%;box-shadow:none}.preview-hand>button>.pilot-card,.preview-hand>button>img{height:100%;width:100%;object-fit:contain;display:block}.hand-preview>.short-note{text-align:center;font-size:11px;margin-top:5px}#inspect-body>.pilot-card{height:min(65dvh,520px);width:auto;aspect-ratio:1632/2220}#inspect-body>img{max-height:65dvh}.prep-demo dialog{padding:16px}#inspect .close{position:relative;z-index:2}@keyframes arrival{from{opacity:0;transform:translateY(25px) rotate(-6deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.new-card{animation:none}}@media(max-width:580px){.atelier{padding:8px 10px;gap:7px}.atelier>span{display:none}.atelier>a{font-size:17px}.atelier label{margin-left:auto}.atelier button{font-size:11px;min-height:34px;padding:5px 8px}.preview{padding:12px 0}.phone{max-width:100vw;border-radius:14px}}.phone:has(~*){isolation:isolate}@media(max-height:720px){.preview{padding-top:12px}}.phone[style*="568px"]{padding:10px}.phone[style*="568px"] h1{font-size:23px;margin:6px 0 8px}.phone[style*="568px"] #screen{padding-top:9px}.phone[style*="568px"] .brief-row{padding:5px 8px}.phone[style*="568px"] .brief-row strong{font-size:16px}.phone[style*="568px"] .rule-copy{font-size:13px;margin-top:8px}.phone[style*="568px"] .short-note{font-size:11px;margin-top:7px}.phone[style*="568px"] .rule-screen>.short-note{padding:6px 8px}.phone[style*="568px"] .formula{min-height:55px}.phone[style*="568px"] .mini-brief{margin-bottom:7px}.phone[style*="568px"] .phone-bottom>span{font-size:9px}.phone[style*="568px"] .navigation>button{min-height:46px}.phone[style*="568px"] .cup-reveal>img{max-height:110px}
.new-cards.initial-deal{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:12px;padding:14px 8px;touch-action:pan-x}.initial-deal .new-card{flex:0 0 65%;width:65%;max-height:90%;height:auto;scroll-snap-align:center}.phone .phone-bottom{border:0;background:transparent;max-width:none;margin:0}.phone .new-card>span.pilot-card{position:relative;top:auto;left:auto;transform:none;padding:0;background:none;border-radius:0;letter-spacing:normal;font-size:inherit}.phone .new-card>.pilot-card{height:100%;width:100%}