@font-face{font-family:Assistant;src:url('assets/Assistant.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#073e50;--paper:#f8f4eb;--muted:#52656a;--line:#dcded5;--category:#064b6c;--blue:#007faa;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:19px/1.65 Assistant,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #008cb6;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:800}h1{font-size:clamp(48px,6.8vw,94px);letter-spacing:-2px}h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.8px}h3{font-size:27px}em{font-style:normal;color:var(--blue)}img{display:block;max-width:100%;object-fit:cover}button{border:0}main:focus{outline:none}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.5px;line-height:1.4;margin-bottom:22px;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 26px;background:var(--ink);color:white;border-radius:4px;font-size:18px;font-weight:700;line-height:1.3;min-height:52px;transition:background .15s,transform .15s}.primary:hover{background:#076377;transform:translateY(-2px)}.text-link{font-size:18px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.skip{position:fixed;top:-100px;right:20px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid #e2e2d7;z-index:20}.header-inner{max-width:1440px;margin:auto;display:flex;align-items:center;gap:24px;padding:13px 48px;min-height:89px}.logo{flex-shrink:0}.logo img{width:126px;height:auto;mix-blend-mode:multiply}.brand-title{border-inline-start:1px solid #cccfc8;padding-inline-start:24px;font-weight:800;line-height:1.15;font-size:22px}.brand-title span{display:block;font-size:12px;font-weight:500;margin-top:6px;color:var(--muted)}header nav{display:flex;gap:27px;margin-inline-start:auto;align-items:center;font-size:15px;font-weight:700}header nav a{padding-block:8px}header nav a:hover{color:var(--blue)}.external{border:1px solid #b9c4c1;border-radius:4px;padding:8px 14px!important}.external span{margin-inline-start:9px}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;min-height:690px;align-items:center;padding-block:66px 78px}.hero-copy{position:relative;z-index:2}.hero h1{margin-bottom:28px}.hero-lead{font-size:22px;max-width:460px;line-height:1.65}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:32px}.hero-note{font-size:14px;color:var(--muted);margin-top:26px}.tiny-line{display:inline-block;height:9px;width:9px;background:#00b0f0;border-radius:50%;margin-inline-end:6px}.hero-art{position:relative;height:540px;min-width:0}.paper-orbit{position:absolute;width:100%;height:90%;top:4%;border:1px solid #d0d9d3;border-radius:50%;transform:rotate(-24deg)}.paper-orbit:after{content:'';position:absolute;inset:30px;border:1px solid #e0e3d9;border-radius:50%}.fan{position:absolute;width:215px;height:323px;box-shadow:0 18px 35px #073e5026;border-radius:12px;top:52px;transition:transform .4s}.fan-one{left:2%;transform:rotate(-14deg)}.fan-two{right:1%;transform:rotate(16deg);top:39px}.fan-three{left:calc(50% - 107px);top:98px;transform:rotate(-2deg)}.hero-art:hover .fan-three{transform:rotate(1deg) translateY(-9px)}.art-note{position:absolute;bottom:2px;right:8%;border-right:2px solid #72989b;padding-right:15px}.art-note b{font-size:25px;line-height:1.15;display:block}.art-note span{font-size:14px;display:block;margin-top:6px;color:var(--muted)}
.approach-section{padding-block:100px;background:#eeeae0;position:relative}.approach-section:before,.closing-section:before{content:'';position:absolute;inset:0 0 auto;height:15px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 45%,96% 88%,89% 47%,82% 85%,76% 38%,71% 75%,64% 42%,57% 94%,49% 55%,42% 83%,35% 39%,28% 72%,21% 32%,14% 81%,7% 40%,0 91%)}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.section-heading h2{font-size:61px}.brand-statement{margin-top:40px;max-width:330px;border-top:1px solid #bcc8c1;padding-top:25px}.brand-statement p{font-size:19px;line-height:1.7;margin-bottom:22px}.prose{font-size:19px;line-height:1.85}.prose p+p{margin-top:21px}.prose h3{margin:32px 0 16px}.prose ul{padding-inline-start:23px}.prose li{margin-bottom:20px}.prose strong{font-weight:750}.reading-more{margin-top:30px;border-top:1px solid #bdc7c0;border-bottom:1px solid #bdc7c0}.reading-more summary{padding:18px 0;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}.reading-more summary:after{content:'+';font-size:26px;font-weight:400;flex-shrink:0}.reading-more[open] summary:after{content:'−'}.reading-more>p{padding-bottom:20px}.reading-more p+p{margin-top:0}.table-scroll{overflow-x:auto;padding-bottom:15px}table{border-collapse:collapse;width:100%;text-align:start;font-size:17px}td,th{padding:12px 20px;border-bottom:1px solid #d7dcd4;text-align:start}
.category-section{padding-block:95px}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:44px}.section-top p:not(.eyebrow){color:var(--muted);font-size:19px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 32px}.category-choice{min-width:0;display:block}.back-image{position:relative;overflow:hidden;border-radius:9px;max-width:100%;aspect-ratio:2/2.65;box-shadow:0 4px 12px #073e500d;transition:transform .25s,box-shadow .25s}.back-image img{width:100%;height:100%;object-position:center}.category-choice:hover .back-image{transform:translateY(-7px) rotate(-1deg);box-shadow:0 16px 28px #073e501f}.open-card{position:absolute;bottom:20px;inset-inline:20px;background:#fffaf0;color:var(--category);padding:11px 18px;display:flex;justify-content:space-between;font-size:16px;font-weight:750;border-radius:3px}.choice-caption{padding:20px 3px 0}.choice-caption h3{font-size:24px;color:var(--category);margin-bottom:8px}.choice-caption p{font-size:17px;line-height:1.6;max-width:340px}.category-guide{max-width:760px;margin:48px auto 0}.closing-section{background:#083e50;color:#fff9ed;padding-block:80px;position:relative}.closing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.closing-section h2{line-height:1.25;font-size:50px}.closing-section em{color:#8ed2d8}.closing-section .prose{font-size:18px}footer{background:#efece3;padding:35px 48px 20px}.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:17px}.footer-inner>a:first-child{font-weight:800}.footer-inner span{display:block;font-weight:400;font-size:14px}footer>small{display:block;text-align:center;font-size:12px;margin-top:26px;color:var(--muted)}
.category-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding-block:40px 80px}.category-sidebar{position:sticky;top:125px;align-self:start}.back-home{display:block;color:var(--muted);font-size:16px;margin-bottom:38px}.category-sidebar nav{display:grid;gap:4px}.category-sidebar nav a{font-size:17px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:4px}.dot{height:8px;width:8px;border-radius:50%;background:var(--category);flex-shrink:0}.arrow{margin-inline-start:auto;opacity:0}.category-sidebar nav a:hover,.category-sidebar nav a[aria-current]{background:#e8e9df;color:var(--category)}.category-sidebar nav a[aria-current]{font-weight:800}.category-sidebar nav a[aria-current] .arrow{opacity:1}.sidebar-note{margin-top:35px;padding:22px 13px;border-top:1px solid #cfd6cb}.sidebar-note p{font-weight:800;font-size:24px;line-height:1.2;margin-bottom:18px}.draw-button{font-size:16px;background:transparent;padding:8px 0;font-weight:700;border-bottom:1px solid currentColor}.breadcrumb{display:flex;gap:12px;color:var(--muted);font-size:14px;margin-bottom:28px}.category-hero{display:grid;grid-template-columns:1fr 155px;gap:35px;align-items:center;padding-bottom:38px}.category-hero h1{font-size:clamp(37px,4.6vw,64px);letter-spacing:-1px;color:var(--category);outline:none}.category-hero p:not(.eyebrow){font-size:21px;line-height:1.6;margin-top:18px;max-width:540px}.category-hero img{width:150px;height:225px;border-radius:7px;transform:rotate(-5deg);box-shadow:0 12px 20px #073e501a}.section-tabs{display:flex;gap:24px;border-block:1px solid #ccd5ca;padding-top:4px;position:sticky;top:89px;background:var(--paper);z-index:10;scroll-margin-top:89px}.section-tabs a{font-weight:700;font-size:17px;padding:14px 0 16px;position:relative;white-space:nowrap}.section-tabs a[aria-current]{color:var(--category)}.section-tabs a[aria-current]:after{content:'';position:absolute;bottom:-1px;inset-inline:0;height:3px;background:var(--category)}.section-tabs small{font-size:10px;font-weight:600;background:#e8e9df;padding:2px 5px;border-radius:3px;margin-inline-start:5px;color:#52656a}.tab-panel{padding-block:43px;min-height:400px;outline:none}.panel-heading{margin-bottom:25px}.panel-heading h2{font-size:36px;color:var(--category)}.panel-heading .eyebrow{margin-bottom:12px}.rationale{max-width:690px}.practice-note{border-right:3px solid var(--category);padding:0 25px;margin-top:36px}.practice-note h3{margin-top:0;font-size:24px}.continue-links{display:flex;gap:30px;margin-top:32px;flex-wrap:wrap}.continue-links a{font-weight:700;font-size:17px;border-bottom:1px solid currentColor}.next-category{border-top:1px solid #cbd5ca;padding-top:25px;display:flex;justify-content:space-between;gap:20px}.next-category span{color:var(--muted);font-size:16px}.next-category a{font-size:22px;font-weight:800}.video-placeholder{padding:52px 30px;text-align:center;border:1px solid #ccd5ca;background:linear-gradient(145deg,#efece2,#f8f4eb);border-radius:7px}.video-mark{border:1px solid var(--category);color:var(--category);width:64px;height:64px;border-radius:50%;margin:0 auto 25px;font-size:37px;line-height:60px;padding-left:5px;direction:ltr}.video-placeholder h2{font-size:33px}.video-placeholder p:not(.eyebrow){margin-block:18px 28px;font-size:19px}.examples ul{list-style:none;padding:0;display:grid;gap:22px}.examples li{border-bottom:1px solid #d4dacd;padding-bottom:22px;margin:0}.examples li strong{color:var(--category);display:block;margin-bottom:7px;font-size:23px}.origin-story{padding:28px;background:#ecece0;border-radius:5px;margin-top:35px}.origin-story h3{margin-bottom:16px;color:var(--category)}.origin-story p:last-child{line-height:1.8}.origin-story .eyebrow{font-size:12px;margin-bottom:13px}.guidance{margin-top:38px}.cards-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.cards-heading .primary{font-size:16px;padding:12px 18px;background:var(--category)}.search-label{display:block;font-size:15px;font-weight:700;margin-bottom:8px}.card-search{background:#fffaf3;border:1px solid #b6c6bd;border-radius:4px;width:100%;padding:12px 16px;font-size:17px;color:var(--ink)}.result-status{font-size:14px;color:var(--muted);margin:14px 0 24px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.action-item{padding:26px;background:#fffcf6;border:1px solid #dfdfd3;border-top:3px solid var(--category);display:flex;flex-direction:column;border-radius:4px;position:relative}.action-verb{color:var(--category);font-size:12px;font-weight:700;margin-bottom:12px}.action-item h3{font-size:27px;margin-bottom:15px;color:var(--category)}.action-item p{font-size:17px;line-height:1.7;margin-bottom:24px}.action-item button{padding:14px 0 0;margin-top:auto;border-top:1px solid #dedfd4;background:transparent;display:flex;justify-content:space-between;font-size:15px;font-weight:700}.empty-state{grid-column:1/-1;text-align:center;padding:40px}.empty-state p{margin:15px 0}.empty-state button{background:var(--ink);color:white;padding:10px 20px;border-radius:3px}.missing{padding-block:100px}.missing h1{font-size:50px;margin-bottom:30px}
dialog{border:0;background:#f4eee3;color:var(--ink);padding:30px 35px 20px;border-radius:12px;width:min(460px,calc(100% - 28px));max-height:95dvh;overflow:auto;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#052e3bc9;backdrop-filter:blur(5px)}.close-dialog{position:absolute;left:8px;top:2px;width:40px;height:40px;font-size:30px;background:transparent;z-index:1}.physical-card{width:100%;aspect-ratio:2/3;background-size:cover;border-radius:12px;box-shadow:0 5px 15px #1232;position:relative;container-type:inline-size}.physical-copy{position:absolute;top:43%;inset-inline:9%;text-align:center}.physical-copy h2{font-size:8.5cqw;line-height:1.1;color:var(--category);letter-spacing:0}.physical-copy p{font-size:5.1cqw;line-height:1.55;margin-top:6cqw;color:var(--category)}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:21px}.dialog-actions button{font-size:16px;padding:8px;background:transparent}.dialog-actions button:first-child{font-weight:800}.no-script{padding:60px}
@media(min-width:1500px){.hero{min-height:720px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner{padding-inline:32px;gap:15px}header nav{gap:18px}header .brand-title{display:none}.hero{min-height:600px}.hero-art{height:460px}.fan{width:175px;height:263px}.fan-three{left:calc(50% - 87px)}.art-note{bottom:0}.approach-grid{gap:55px}.section-heading h2{font-size:50px}.category-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.section-tabs{gap:15px}.section-tabs a{font-size:15px}.category-hero{grid-template-columns:1fr 115px;gap:22px}.category-hero img{width:110px;height:165px}.category-sidebar nav a{font-size:15px;padding:10px 8px}.closing-grid{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:120px}.wrap{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;gap:10px;padding:9px 20px}.logo img{width:95px}.brand-title{display:block!important;font-size:18px;margin-inline-start:auto;border:0;padding:0}.brand-title span{display:none}header nav{width:100%;justify-content:space-between;margin:0;gap:10px;font-size:12px;border-top:1px solid #e0e0d5;padding-top:4px}.external{border:0;padding:6px 0!important}.external span{margin:0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding-block:40px 32px;min-height:0}.hero h1{font-size:59px;line-height:1.04;letter-spacing:-1.5px}.hero .eyebrow{font-size:12px;margin-bottom:22px}.hero-lead{font-size:20px;max-width:100%}.hero-actions{gap:21px;margin-top:26px}.primary{font-size:17px;padding:13px 20px;gap:18px}.text-link{font-size:16px}.hero-note{font-size:13px;margin-top:20px}.hero-art{height:340px;width:min(100%,380px);margin:12px auto 0}.fan{width:140px;height:210px;top:20px}.fan-one{left:6%}.fan-two{right:7%;top:8px}.fan-three{left:calc(50% - 70px);top:58px}.paper-orbit{height:85%}.art-note{right:0;bottom:0}.art-note b{font-size:19px}.art-note span{font-size:12px}.approach-section{padding-block:57px}.approach-grid{grid-template-columns:1fr;gap:34px}.section-heading h2{font-size:46px}.brand-statement{max-width:none;margin-top:25px;padding-top:20px}.prose{font-size:18px;line-height:1.85}.brand-statement p{font-size:18px}.category-section{padding-block:55px}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:36px}.section-top>p{font-size:17px!important;margin-top:18px}.section-top .eyebrow{font-size:12px}.category-grid{grid-template-columns:1fr 1fr;gap:27px 16px}.back-image{aspect-ratio:2/3;border-radius:6px}.open-card{inset-inline:7px;bottom:10px;font-size:12px;padding:8px;gap:6px}.choice-caption{padding-top:14px}.choice-caption h3{font-size:20px}.choice-caption p{font-size:15px;line-height:1.6}.closing-grid{grid-template-columns:1fr;gap:28px}.closing-section{padding-block:50px}.closing-section h2{font-size:39px}.closing-section .prose{font-size:17px}.footer-inner{flex-direction:column;align-items:start;gap:18px}footer{padding:30px 20px}.category-layout{display:block;padding-top:20px}.category-sidebar{position:static;display:flex;flex-direction:column;gap:0;margin-bottom:24px}.back-home{margin-bottom:16px;font-size:14px}.category-sidebar>.eyebrow,.sidebar-note{display:none}.category-sidebar nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;scrollbar-width:thin}.category-sidebar nav a{white-space:nowrap;border:1px solid #d1d7cd;font-size:14px;flex-shrink:0}.category-sidebar nav .arrow{display:none}.category-sidebar nav a[aria-current]{border-color:var(--category)}.breadcrumb{font-size:12px;margin-bottom:20px}.category-hero{grid-template-columns:1fr 83px;gap:15px;padding-bottom:25px}.category-hero h1{font-size:36px;letter-spacing:-.5px}.category-hero .eyebrow{font-size:12px;margin-bottom:14px}.category-hero p:not(.eyebrow){font-size:17px;line-height:1.5;margin-top:14px}.category-hero img{width:80px;height:120px}.section-tabs{overflow-x:auto;gap:21px;top:106px;scroll-margin-top:106px;scrollbar-width:thin}.section-tabs a{font-size:14px;flex-shrink:0;padding:12px 0}.section-tabs small{display:none}.tab-panel{padding-top:30px}.panel-heading h2{font-size:30px}.panel-heading .eyebrow{font-size:12px}.next-category a{font-size:20px}.video-placeholder{padding:38px 20px}.video-placeholder h2{font-size:27px}.video-placeholder p:not(.eyebrow){font-size:17px}.origin-story{padding:22px}.origin-story h3{font-size:25px}.cards-heading{display:block}.cards-heading button{margin-top:20px}.action-grid{grid-template-columns:1fr}.action-item{padding:23px}.action-item h3{font-size:28px}.physical-copy p{font-size:5.1cqw}.dialog-actions{gap:4px}.dialog-actions button{font-size:14px}.reading-more summary{font-size:17px}td,th{padding:10px;font-size:15px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.header-inner{padding-inline:15px}header nav{font-size:11px;gap:6px}.hero h1{font-size:51px}.hero-actions{gap:16px}.hero-actions .primary{padding-inline:16px;font-size:16px}.hero-actions .text-link{font-size:14px}.category-grid{gap:25px 11px}.open-card{font-size:11px;padding:6px}.category-hero{grid-template-columns:1fr 65px}.category-hero img{width:63px;height:95px}.category-hero h1{font-size:31px}.next-category{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.category-video{width:100%;aspect-ratio:16/9;background:#073e50;border-radius:6px}.name-origin{font-size:15px!important;color:var(--muted);margin-top:25px!important}.physical-copy p{font-size:5.65cqw}

.hero-art{overflow:clip}.section-tabs{isolation:isolate}

/* Reviewed card copy stays within the cream center. */
.physical-copy{inset:0;position:absolute}.physical-copy h2{position:absolute;top:40%;inset-inline:12%;height:17%;font-size:9cqw;line-height:1.12;white-space:pre-line;display:block}.physical-copy p{position:absolute;top:58%;inset-inline:15%;height:24%;margin:0;font-size:5.65cqw;line-height:1.2;white-space:pre-line}.action-item p{white-space:pre-line}

/* Rules follow the approved leaflet, with a continuous numbered sequence. */
.games-page{padding-block:64px 90px;text-align:right}.games-page h1{font-size:clamp(40px,7vw,72px);margin:0}.games-lead{font-size:22px;max-width:680px}.game-jump{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.game-jump a{border:1px solid #073e5040;border-radius:30px;padding:10px 28px;background:#fff9}.game-mode{margin-block:46px;scroll-margin-top:150px}.game-mode>h2{color:var(--mode-color);font-size:38px;border-inline-start:5px solid var(--mode-color);padding-inline-start:18px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-panel{background:#fff9;border:1px solid #073e5018;border-top:4px solid var(--mode-color);border-radius:6px 24px 6px 6px;padding:28px}.game-panel h3{font-size:28px;margin:0}.game-setup{color:var(--mode-color);font-weight:700}.game-panel ol{padding-inline-start:24px}.game-panel li{padding-inline-start:7px;margin-block:20px}.game-panel li::marker{font-weight:800;color:var(--mode-color)}.game-panel h4{font-size:20px;margin:0}.game-panel li p{margin:4px 0;line-height:1.65}.game-notes{background:#e7eeea;padding:32px;margin-block:48px}.game-notes h3{margin-bottom:0}.game-notes p{margin-top:6px}.header-inner nav{flex-wrap:wrap}
@media(max-width:760px){.games-page{padding-block:35px 55px}.game-grid{grid-template-columns:1fr}.game-panel{padding:22px}.game-notes{padding:24px}.game-mode{scroll-margin-top:170px}.site-header nav{gap:10px 18px}.site-header nav a{white-space:normal}.game-jump a{padding:8px 22px}}
