/* Teen Patti FIELD GUIDE — original lightweight editorial design */
:root{--ink:#132a32;--text:#263e43;--muted:#566d70;--paper:#fbf9f4;--white:#fff;--line:#d9e0d9;--teal:#164c4c;--mint:#e7f1ea;--gold:#b98b45;--sand:#f3eadb;--red:#a1343b;--radius:16px;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--text);font:17px/1.7 var(--sans);padding-bottom:98px}a{color:var(--teal);text-underline-offset:4px}a:hover{color:#0e3636}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;height:auto}button{cursor:pointer}p{margin:0 0 1.1em}h1,h2,h3{color:var(--ink);line-height:1.16;margin:0 0 .7em}h1,h2{font-family:var(--serif);font-weight:500}h1{font-size:clamp(2.55rem,5.2vw,4.7rem);letter-spacing:-.045em}h2{font-size:clamp(1.85rem,3vw,2.5rem);letter-spacing:-.025em}h3{font-size:1.13rem;font-weight:700;line-height:1.35}ul,ol{padding-left:1.4em}li{margin-bottom:.65em}small,.small{font-size:.83rem}.skip-link{position:absolute;z-index:30;left:12px;top:-100px;background:var(--white);padding:12px}.skip-link:focus{top:12px}.age-strip{background:var(--ink);color:#fff;padding:10px 24px;text-align:center;font-size:.72rem;letter-spacing:.07em;font-weight:700}.age-strip span{font-weight:400;letter-spacing:.015em;margin-left:15px;color:#dce9e3}.site-header{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 30px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:1.4rem;line-height:1.05;flex-shrink:0}.brand small{font:700 .65rem var(--sans);letter-spacing:.22em}.primary-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.primary-nav a{font-size:.82rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.primary-nav .nav-cta{border:1px solid var(--ink);padding:9px 16px;border-radius:7px;font-weight:650}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:7px;padding:9px 15px;min-height:44px;color:var(--ink)}main{max-width:1240px;padding:0 30px;margin:auto}.breadcrumbs{font-size:.72rem;color:var(--muted);margin:23px 0}.notice{padding:13px 18px;background:var(--mint);border-left:3px solid var(--teal);font-size:.83rem;border-radius:0 8px 8px 0}.page-head{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center;padding:52px 0 44px}.eyebrow{font-size:.69rem;text-transform:uppercase;font-weight:750;letter-spacing:.17em;color:var(--teal);margin:0 0 20px}.lede{font-size:1.05rem;line-height:1.75;max-width:60ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:12px;border-radius:7px;padding:12px 21px;font-size:.86rem;font-weight:700;text-decoration:none;border:1px solid var(--teal)}.button-primary{background:var(--teal);color:white}.button-primary:hover{background:#103c3c;color:white}.button-quiet{background:transparent;color:var(--teal)}.review-note{font-size:.74rem;color:var(--muted);margin-bottom:0}.hero-art{background:var(--ink);border-radius:22px;overflow:hidden;margin:0;border:1px solid #23494b}.hero-art img{width:100%}.hero-art figcaption{color:#e0e9e3;font-size:.74rem;padding:13px 24px;border-top:1px solid #36524f}.guide-links{font-size:.78rem;margin-top:17px;line-height:2}.guide-links a{margin-right:12px}.quick-answer{border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px;background:white;display:flex;gap:25px;align-items:flex-start;margin:0 0 44px}.quick-answer .answer-label{flex-shrink:0;background:var(--sand);font-size:.65rem;padding:6px 11px;letter-spacing:.09em;font-weight:750;border-radius:4px;color:#604c2c}.quick-answer p{font-size:.92rem;margin:0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:62px;align-items:start}.article-content{min-width:0}.content-section,.faq-section{padding:0 0 39px;margin:0 0 39px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.section-top{display:flex;gap:13px;align-items:center;margin-bottom:14px}.section-number{font:italic 1rem var(--serif);color:var(--gold);min-width:27px}.section-top .eyebrow{margin:0}.intro-copy{color:var(--muted);font-size:.92rem}.callout{background:var(--mint);border-radius:12px;padding:22px 24px;margin:24px 0;font-size:.92rem}.callout h3{margin-bottom:9px}.callout p:last-child{margin-bottom:0}.callout-warm{background:var(--sand)}.callout-warning{background:#f9eded;border-left:3px solid var(--red)}.source-ref{font-size:.7rem;vertical-align:super;white-space:nowrap}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:24px 0}.fact-box{border:1px solid var(--line);border-radius:10px;padding:19px 21px;background:white}.fact-box strong{display:block;color:var(--ink);font-size:.97rem}.fact-box p{font-size:.86rem;margin:7px 0 0}.status-badge{display:inline-block;padding:4px 9px;border-radius:5px;font-size:.69rem;font-weight:700;background:var(--sand);color:#664c24}.app-details{margin:23px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.app-details div{display:grid;grid-template-columns:175px 1fr;border-top:1px solid var(--line);padding:13px 20px;gap:16px;font-size:.87rem}.app-details div:first-child{border-top:0}.app-details dt{font-weight:650;color:var(--ink)}.app-details dd{margin:0}.steps{list-style:none;padding:0;counter-reset:step;margin:26px 0}.steps li{counter-increment:step;position:relative;padding:0 0 21px 52px;margin:0}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font:italic 1.15rem var(--serif);color:var(--teal);border-bottom:1px solid var(--gold);padding-bottom:7px}.steps li strong{display:block;margin-bottom:5px}.steps p{font-size:.93rem;margin:0}.hand-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:25px 0}.hand-rankings li{margin:0;background:white;border:1px solid var(--line);border-radius:12px;padding:19px}.rank-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.rank-head h3{margin-bottom:16px}.rank-head span{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mini-hand{display:flex;gap:7px;margin-bottom:14px}.playing-card{width:45px;height:61px;border:1px solid #ccd5cd;border-radius:6px;box-shadow:0 2px 3px #132a3206;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;font-family:var(--serif);font-weight:700;color:var(--ink);background:var(--paper)}.playing-card.red{color:var(--red)}.playing-card b{font-size:1.15rem}.playing-card i{font-style:normal;font-size:1rem}.hand-rankings p{font-size:.84rem;line-height:1.6;margin:0}.quiz{padding:25px;background:var(--ink);color:#ecf2ec;border-radius:14px;margin-top:25px}.quiz h3{color:white}.quiz p{font-size:.9rem}.quiz-controls{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.quiz button{background:#24464a;border:1px solid #76908b;color:white;min-height:46px;border-radius:7px;padding:9px 16px;font-size:.86rem}.quiz button:hover{background:#315759}.quiz button[aria-pressed=true]{background:#e3b87b;color:var(--ink);border-color:#e3b87b}.quiz-feedback{min-height:3.5em;margin:0;font-size:.85rem}.checklist{background:white;border:1px solid var(--line);padding:25px;border-radius:14px;margin-top:26px}.checklist fieldset{padding:0;border:0;margin:0}.checklist legend{font-weight:750;color:var(--ink);margin-bottom:9px}.checklist label{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);font-size:.87rem;cursor:pointer;min-height:48px}.checklist input{accent-color:var(--teal);width:20px;height:20px;flex-shrink:0;margin-top:4px}.checklist output{display:block;font-size:.85rem;border-radius:7px;padding:13px 16px;background:var(--mint);margin-top:15px;color:var(--ink)}.checklist progress{width:100%;height:7px;margin:13px 0;accent-color:var(--teal)}.checklist .small{color:var(--muted);margin:12px 0 0}.version-list{margin:22px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.version-item{padding:20px;border-top:1px solid var(--line)}.version-item:first-child{border:0}.version-item h3{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:9px}.version-item p{font-size:.88rem;margin:0}.inline-visual{background:var(--mint);border-radius:12px;overflow:hidden;margin:25px 0;display:flex;align-items:center;gap:25px;padding:22px}.inline-visual img{width:160px;flex-shrink:0}.inline-visual figcaption{font-size:.86rem}.compare-list{border-left:2px solid var(--gold);padding-left:24px;margin:25px 0}.compare-list h3{margin-bottom:9px}.compare-list p{font-size:.91rem}.editorial-meta{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:.76rem;margin:20px 0;color:var(--muted)}.faq-section details{border-top:1px solid var(--line);padding:0}.faq-section details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;min-height:60px;padding:17px 35px 17px 0;font-size:.94rem;font-weight:650;position:relative;color:var(--ink)}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:6px;font-size:1.3rem;font-weight:400;top:13px}details[open] summary:after{content:'−'}details[open] summary{padding-bottom:10px}.faq-section details p{font-size:.9rem;margin:0 24px 20px 0}.source-list{font-size:.85rem;line-height:1.65}.source-list li{padding-left:6px}.closing-note{font-size:.91rem}.side-rail{position:sticky;top:25px}.rail-card{border:1px solid var(--line);background:var(--white);padding:25px;border-radius:12px;margin-bottom:19px}.rail-mark{font:italic 1.1rem var(--serif);color:var(--gold)}.rail-card h2{font-size:1.4rem;margin:13px 0}.rail-card p,.rail-card a{font-size:.8rem;line-height:1.7}.rail-warm{background:var(--sand);border-color:#e1d5c1}.rail-nav{list-style:none;margin:13px 0 0;padding:0}.rail-nav a{display:block;min-height:44px;padding:10px 0;border-top:1px solid var(--line);text-decoration:none}.rail-note{font-size:.74rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin:32px auto 0;padding:42px 30px 28px;max-width:1240px}.footer-top{display:flex;justify-content:space-between;gap:45px;align-items:flex-start;margin-bottom:25px}.footer-top p{font-size:.82rem;max-width:40ch;margin:17px 0 0}.footer-top nav{display:flex;flex-wrap:wrap;gap:4px 24px;max-width:430px}.footer-top nav a{min-height:44px;display:flex;align-items:center;font-size:.82rem}.footer-legal,.footer-close{font-size:.8rem;color:var(--muted)}.site-footer>small{color:var(--muted);font-size:.7rem}.floating-download{position:fixed;right:22px;bottom:max(20px,env(safe-area-inset-bottom));z-index:10;border-radius:12px;background:var(--ink);color:white;display:flex;align-items:center;gap:13px;text-decoration:none;min-height:55px;padding:11px 17px;border:1px solid #789184;box-shadow:0 5px 20px #132a321c;font-size:.8rem}.floating-download:hover{color:white;background:var(--teal)}.floating-download .float-arrow{font-size:1.4rem;border-right:1px solid #6a827e;padding-right:13px}.floating-download small{display:block;font-size:.64rem;color:#d5e3db}.download-page{max-width:820px;padding-top:34px}.download-page .page-head{display:block;padding:30px 0}.download-page h1{font-size:clamp(2.3rem,5vw,3.5rem)}.download-page .app-details div{grid-template-columns:180px 1fr}.no-script{font-size:.82rem;background:var(--sand);padding:13px;border-radius:7px}.mobile-toc{display:none}
@media(min-width:1450px){.page-head{gap:65px}.content-layout{gap:78px}}
@media(max-width:1050px){.site-header{flex-wrap:wrap;gap:20px}.primary-nav{gap:18px}.content-layout{grid-template-columns:minmax(0,1fr) 235px;gap:35px}.page-head{gap:32px}h1{font-size:3.15rem}}
@media(max-width:780px){body{font-size:16px}.site-header{padding:19px 22px;gap:15px;position:relative}.brand{font-size:1.3rem}.menu-toggle{display:block}.primary-nav{width:100%;display:flex;gap:6px 17px}.primary-nav a{font-size:.82rem}.js .primary-nav{display:none}.js .primary-nav.is-open{display:flex}.age-strip{padding:10px 15px;font-size:.65rem}.age-strip span{display:block;margin:4px 0 0;font-size:.65rem}main{padding:0 22px}.page-head{grid-template-columns:1fr;gap:30px;padding:36px 0 30px}h1{font-size:clamp(2.55rem,8.5vw,3.7rem)}.hero-art{max-width:600px;width:100%;margin:auto}.lede{font-size:1rem}.content-layout{display:block}.side-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.rail-card{margin:0}.side-rail>.rail-card:first-child{display:none}.quick-answer{padding:21px;display:block;margin-bottom:30px}.answer-label{display:inline-block;margin-bottom:12px}.mobile-toc{display:block;border:1px solid var(--line);background:white;padding:0 18px;border-radius:9px;margin-bottom:32px}.mobile-toc summary{min-height:54px;font-size:.85rem}.mobile-toc nav{display:flex;flex-direction:column;padding-bottom:15px}.mobile-toc a{font-size:.85rem;min-height:44px;padding:9px 0}.content-section,.faq-section{padding-bottom:29px;margin-bottom:29px}.site-footer{padding:30px 22px}.footer-top{display:block}.footer-top nav{margin-top:22px}.floating-download{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:9px 14px;min-height:53px}.download-page .app-details div,.app-details div{grid-template-columns:135px 1fr;padding:13px 15px;gap:12px}.inline-visual{gap:18px;padding:18px}.inline-visual img{width:120px}.eyebrow{font-size:.64rem}.hero-actions .button{flex:1;min-width:150px}}
@media(max-width:430px){main{padding:0 18px}.site-header{padding:17px 18px}.notice{font-size:.78rem}.hero-actions{gap:9px}.button{font-size:.79rem;padding:12px 14px}.hand-rankings{grid-template-columns:1fr}.hand-rankings li{display:grid;grid-template-columns:1fr auto;gap:0 14px;align-items:start}.hand-rankings .mini-hand{grid-column:2;grid-row:1 / 3;margin:0}.hand-rankings .rank-head{display:block}.rank-head h3{margin-bottom:3px}.rank-head span{display:block;margin-bottom:10px}.hand-rankings p{grid-column:1;font-size:.81rem}.playing-card{width:33px;height:51px}.mini-hand{gap:4px}.fact-grid{grid-template-columns:1fr}.app-details div,.download-page .app-details div{display:block}.app-details dd{margin-top:5px}.side-rail{grid-template-columns:1fr}.inline-visual{display:block}.inline-visual img{width:145px;margin:0 auto 16px}.editorial-meta{display:block}.editorial-meta span{display:block}.quiz{padding:20px}.quiz-controls button{flex:1}.quick-answer{padding:18px}.section-number{min-width:22px}.floating-download small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{body{padding:0;background:white;font-size:11pt}.age-strip,.primary-nav,.menu-toggle,.hero-actions,.floating-download,.side-rail,.quiz,.checklist,.mobile-toc{display:none}.page-head,.content-layout{display:block}.hero-art{max-width:350px}.content-section,.faq-section{break-inside:avoid}details>p{display:block!important}main,.site-footer{max-width:none;padding:0}a{color:inherit}.source-list a{overflow-wrap:anywhere}}
