.game-setup[data-v-27f99a4f]{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);align-items:center;gap:48px;max-width:1000px;margin:0 auto;padding:36px 44px;min-height:430px}.setup-art[data-v-27f99a4f]{position:relative;border-radius:45% 55% 52% 48%;background:var(--soft);transform:rotate(-6deg)}.setup-art[data-v-27f99a4f] svg{display:block;width:100%;transform:rotate(4deg);filter:drop-shadow(0 10px 8px #302d601a)}.art-spark[data-v-27f99a4f]{position:absolute;right:3%;top:-12%;font-size:64px;color:var(--gold)}.setup-content h2[data-v-27f99a4f]{font-family:Fraunces,Georgia,serif;font-size:clamp(30px,3vw,40px);letter-spacing:-.04em;margin:8px 0 22px}.setup-content .eyebrow[data-v-27f99a4f]{color:var(--muted);font-size:10px}.mode-options[data-v-27f99a4f]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card[data-v-27f99a4f],.level-options button[data-v-27f99a4f],.choice-row button[data-v-27f99a4f]{border:2px solid var(--line);background:var(--paper);border-radius:14px;transition:transform .18s,border-color .18s,background .18s}.mode-card[data-v-27f99a4f]{display:flex;flex-direction:column;align-items:center;padding:20px 10px;gap:8px}.mode-card svg[data-v-27f99a4f]{width:64px;height:64px;fill:var(--soft);stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:5px}.mode-card:nth-child(2) svg[data-v-27f99a4f]{fill:#f7e3b2}.mode-card strong[data-v-27f99a4f]{font-size:18px}.mode-card span[data-v-27f99a4f]{font-size:11px;color:var(--muted)}.chosen[data-v-27f99a4f]{border-color:var(--accent)!important;background:var(--soft)!important;box-shadow:0 3px #6350a733}.mode-card[data-v-27f99a4f]:hover,.level-options button[data-v-27f99a4f]:hover{transform:translateY(-3px)}.setup-field[data-v-27f99a4f]{border:0;padding:0;margin:0 0 18px;min-width:0}.setup-field legend[data-v-27f99a4f]{font-size:12px;font-weight:800;margin-bottom:8px}.level-options[data-v-27f99a4f]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level-options button[data-v-27f99a4f]{display:grid;justify-items:center;padding:15px 8px;gap:9px}.level-options strong[data-v-27f99a4f]{text-transform:capitalize}.level-options small[data-v-27f99a4f]{font-size:11px}.level-mark[data-v-27f99a4f]{display:flex;align-items:end;gap:4px;height:25px}.level-mark i[data-v-27f99a4f]{width:8px;height:11px;border-radius:3px;background:#d7cede}.level-mark i[data-v-27f99a4f]:nth-child(2){height:18px}.level-mark i[data-v-27f99a4f]:nth-child(3){height:25px}.level-mark .lit[data-v-27f99a4f]{background:var(--accent)}.choice-row[data-v-27f99a4f]{display:flex;gap:10px}.choice-row button[data-v-27f99a4f]{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;font-size:13px;font-weight:750;flex:1}.color-chip[data-v-27f99a4f]{width:20px;height:20px;border:2px solid var(--ink);border-radius:50%}.color-chip.white[data-v-27f99a4f]{background:#fffdf7}.color-chip.black[data-v-27f99a4f]{background:var(--ink)}.human-count[data-v-27f99a4f]{margin-top:12px}.setup-sound[data-v-27f99a4f]{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:12px}.setup-actions[data-v-27f99a4f]{display:flex;align-items:center;gap:18px;margin-top:23px}.setup-play[data-v-27f99a4f]{min-width:180px}.setup-actions .text-button[data-v-27f99a4f]{font-size:12px}@media(max-height:780px)and (min-width:761px){.game-setup[data-v-27f99a4f]{min-height:350px;padding:24px 36px;gap:35px}.setup-content h2[data-v-27f99a4f]{margin-bottom:15px}.mode-card[data-v-27f99a4f]{padding:14px 8px}.setup-field[data-v-27f99a4f]{margin-bottom:12px}.setup-actions[data-v-27f99a4f]{margin-top:15px}}@media(max-width:760px){.game-setup[data-v-27f99a4f]{grid-template-columns:1fr;min-height:0;padding:24px;gap:20px}.setup-art[data-v-27f99a4f]{display:none}.mode-card span[data-v-27f99a4f]{font-size:10px}.setup-content h2[data-v-27f99a4f]{font-size:30px}}@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{color-scheme:light;--paper: #fcf9f1;--ink: #302d60;--accent: #6350a7;--muted: #625a73;--soft: #eae3f5;--gold: #edb74a;--line: #d7cede;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{line-height:1.4}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline:3px solid #39266e;outline-offset:4px}main:focus{outline:none}input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px;vertical-align:middle}h1,h2,h3,p{margin:0 0 14px}h1,h2,h3{line-height:1.2}h1,.hero h1,.section-heading h2,.section-heading h1,.game-card h2,.game-card h3{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.045em}img,svg{max-width:100%}.page-width{max-width:1280px;padding-left:46px;padding-right:46px;margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:108px;border-bottom:1px solid var(--line)}.brand-link{display:flex;flex-shrink:0}.brand-link img{display:block;width:252px;height:auto}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:700}.site-header nav a{text-decoration:none}.site-header.compact{min-height:70px}.site-header.compact .brand-link img{width:210px}.header-note{color:var(--muted);font-size:12px;white-space:nowrap}.header-note span{color:var(--accent);font-size:22px;vertical-align:middle;margin-right:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 20px;background:var(--ink);color:#fff}.skip-link:focus{top:10px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;line-height:1.7}.with-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:8px;padding:12px 21px;min-height:46px;background:var(--ink);color:#fffdf7;font-size:14px;font-weight:750;text-decoration:none}.button:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.button.secondary{background:#fffdf7;color:var(--ink);border-color:#b6a7ce}.button.secondary:hover:not(:disabled){background:var(--soft);border-color:var(--accent);color:var(--ink)}.text-button{border:0;padding:8px 0;background:none;text-decoration:underline;text-underline-offset:4px}.quiet-link{font-size:13px;font-weight:750;text-decoration:none}.quiet-link span{margin-left:8px}.hero{display:grid;grid-template-columns:1.07fr 1fr;min-height:515px;align-items:center;gap:30px;padding:42px 0}.hero .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(44px,4.7vw,65px);line-height:1.06}.hero em,.section-heading em{color:var(--accent);font-style:normal}.hero-description{max-width:420px;color:var(--muted);line-height:1.9;margin-top:24px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-note{margin-top:18px;font-size:12px;color:var(--muted)}.hero-note span{color:var(--accent);padding-right:5px}.hero-illustration{position:relative;min-height:385px}.hero-orbit{position:absolute;width:355px;height:340px;border-radius:49% 51% 45% 55%;background:#eee8f5;top:10px;left:10px;transform:rotate(12deg)}.hero-board{position:absolute;width:310px;top:85px;left:3px;transform:rotate(-12deg);filter:drop-shadow(0 13px 15px #302d6019)}.hero-bubble{position:absolute;right:12px;top:0;width:160px;height:133px;background:#fffdf7;border:2px solid #ab98cf;border-radius:45px 45px 45px 8px;transform:rotate(8deg);display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-bubble span{font-family:Fraunces,Georgia,serif;font-size:21px}.hero-bubble svg{width:72px}.idea-label{position:absolute;right:6px;top:247px;border-radius:9px;background:#f5dfac;padding:17px 19px;font-size:13px;font-weight:750;transform:rotate(7deg)}.idea-label span{float:left;font-size:32px;margin-right:14px}.hero-doodle{position:absolute;bottom:1px;left:25px;font-family:Fraunces,Georgia,serif;font-size:17px;line-height:1.4;transform:rotate(-7deg);color:var(--muted)}.hero-plus{position:absolute;top:26px;left:0;font-size:37px;color:var(--accent)}.game-collection{padding-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading h2,.section-heading h1{font-size:34px;margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0;min-width:180px}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game-card{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:300px;background:#fffdf7}.game-card-copy{padding:25px 0 25px 25px;position:relative;z-index:1}.activity-index{font-size:10px;color:var(--muted);letter-spacing:1px;line-height:1.7;font-weight:700;margin-bottom:14px}.game-card h2,.game-card h3{font-size:30px;margin-bottom:12px}.game-card-copy>p:not(.activity-index){font-size:13px;line-height:1.8;color:var(--muted)}.skill-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:17px}.skill-tags span{border:1px solid var(--line);padding:3px 7px;border-radius:4px;font-size:10px;font-weight:600}.play-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-size:13px;font-weight:800;margin-top:22px;padding:5px 0}.play-link span{font-size:21px}.card-art{background:var(--soft);margin:12px;border-radius:10px;display:flex;align-items:center;overflow:hidden}.card-art .game-art{width:235px;max-width:none;flex-shrink:0;transform:rotate(-9deg) translate(-8px)}.art-mancala,.art-connect-four,.art-traffic-jam{background:#f7e3b2}.art-mancala .game-art{transform:rotate(-13deg) translate(-10px)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding:35px 0 0;margin-top:42px}.values>div{position:relative;padding-left:47px}.value-icon{position:absolute;top:0;left:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--soft);font-size:21px}.values h2{font-size:14px;font-weight:800;margin-bottom:7px}.values p{font-size:12px;line-height:1.8;color:var(--muted)}.site-footer{margin-top:65px;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.footer-brand{font-size:20px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.7px}.site-footer p{margin:5px 0}.site-footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:12px 18px;max-width:330px;padding-top:7px}.device-controls{display:flex;flex-direction:column;align-items:start;gap:3px}.game-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:12px 0}.back-link{display:inline-flex;gap:10px;font-size:13px;text-decoration:none;font-weight:700}.game-heading h1{font-size:34px;margin:0}.game-heading h1 span{color:var(--accent)}.game-stage>.game-panel:not(.game-setup){padding:18px}.rules-panel{border:1px solid var(--line);border-radius:10px;margin:25px 0;background:#fffdf7}.rules-panel summary{padding:15px 20px;font-size:14px;font-weight:750}.rules-content{padding:5px 25px 20px;max-width:950px}.rules-content h2{font-size:22px}.rules-content h3{font-size:16px;margin-top:22px}.rules-content li{padding:4px 0}.game-panel{padding:26px;border:1px solid var(--line);border-radius:17px;background:#fffdf7}.game-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.control{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:750}.control select,.control input,select{border:1px solid #a798be;border-radius:7px;padding:10px 32px 10px 12px;background-color:#fffdf7;min-height:46px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.status{padding:12px 15px;border-radius:8px;background:var(--soft);margin:15px 0}.hint{background:#f7e3b2;padding:12px 15px;border-radius:8px}.error{padding:12px 15px;border:2px solid #9b2948;border-radius:8px;color:#7a1732}.turn-heading{font-family:Fraunces,Georgia,serif;font-size:27px}.small-note,.saved-play-note{font-size:13px;color:var(--muted)}.saved-play-note{max-width:800px;margin-top:20px}.play-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.8fr);gap:32px}.play-sidebar{padding:12px 0}.board-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));aspect-ratio:var(--columns) / var(--rows);width:100%;border:2px solid var(--ink);border-radius:5px;overflow:visible;isolation:isolate}.board-row,.board-cell{display:contents}.grid-button{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#fffdf7}.grid-button:focus-visible{z-index:2;outline-offset:-4px;outline:3px solid #302d60;box-shadow:inset 0 0 0 6px #fffdf7}.grid-button[aria-disabled=true]{cursor:default}.prose{max-width:800px;padding:55px 0 0}.prose h1{font-size:clamp(36px,5vw,54px);max-width:750px;margin-bottom:28px}.prose .intro{font-size:21px;color:var(--accent)}.prose h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:28px;margin-top:32px}.prose p,.prose li{line-height:1.9}.launch-warning,.storage-notice{padding:15px 18px;border:1px solid #bc984d;border-radius:8px;background:#f9edcf}.storage-notice{margin-top:28px}dialog{max-width:min(620px,calc(100vw - 32px));padding:30px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--paper);box-shadow:0 15px 70px #302d6040}dialog::backdrop{background:#201b3e80}dialog h2{font-family:Fraunces,Georgia,serif;font-size:29px}.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}.button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.play-link.button{padding:10px 18px;gap:12px;min-height:46px}.skill-tags{gap:8px}.skill-tags span{border:0;border-radius:0;padding:0;font-size:11px;color:var(--muted)}.skill-tags span+span:before{content:"·";margin-right:8px}.game-card{transition:transform .22s ease,box-shadow .22s ease}.game-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #302d6012}.game-panel{animation:game-appear .26s ease-out}dialog[open]{animation:dialog-appear .22s ease-out}@keyframes game-appear{0%{opacity:0}to{opacity:1}}@keyframes dialog-appear{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1000px){.page-width{padding-left:28px;padding-right:28px}.header-note{display:none}.hero{gap:10px}.hero h1{font-size:49px}.hero-illustration{transform:scale(.85);transform-origin:center}.game-card{grid-template-columns:1.3fr .8fr}.card-art .game-art{width:190px}.activity-index{font-size:9px}.game-card-copy{padding-left:20px}.play-layout{grid-template-columns:minmax(0,1.35fr) minmax(190px,.8fr);gap:20px}}@media(max-width:760px){.site-header{min-height:95px;gap:16px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.brand-link img{width:210px}.site-header nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 0 20px}.hero h1{font-size:52px}.hero-illustration{min-height:330px;max-width:450px;width:100%;justify-self:center;transform:scale(.9)}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p br{display:none}.game-cards{grid-template-columns:1fr}.game-card{grid-template-columns:1.2fr 1fr}.card-art .game-art{width:245px}.values{grid-template-columns:1fr;gap:20px}.play-layout{grid-template-columns:1fr}.game-panel{padding:18px}.game-heading h1{font-size:45px}.game-toolbar{gap:12px}}@media(max-width:420px){.page-width{padding-left:18px;padding-right:18px}.hero h1{font-size:42px}.game-card{grid-template-columns:1.5fr .8fr}.card-art .game-art{width:180px}.hero-actions{gap:17px}.control,.control select{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
