:root{--blue:#244cd9;--ink:#18224c;--cream:#fffaf0;--yellow:#ffda57;--pink:#ffd4db;--mint:#b5eedb;--line:#dedfe8;font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:4px solid #e77d00;outline-offset:4px}button:disabled{opacity:.45;cursor:default}button{min-height:48px}header{max-width:1200px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:850;font-size:24px;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:1px}.brand-icon{background:var(--blue);color:white;border-radius:14px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:29px;position:relative}.brand-icon span{font-size:20px;position:absolute;right:-5px;top:-11px;color:#ed9a00}.road{background:white;border:1.5px solid var(--ink);border-radius:30px;padding:10px 20px;font-weight:750;font-size:14px;box-shadow:0 3px 0 var(--ink)}.road.ready{background:var(--mint)}main{max-width:1128px;margin:auto;padding:28px 0 36px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:2px;text-transform:uppercase;color:var(--blue)}h1{font-size:clamp(36px,5.1vw,62px);line-height:1.03;letter-spacing:-2px;margin:15px 0}h1 em{font-style:normal;color:var(--blue)}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:35px}.intro p{max-width:350px;font-size:17px;line-height:1.6;margin:0 0 5px}.intro p strong{color:var(--blue)}.games{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.game-card{grid-column:span 2;position:relative;text-align:left;min-height:264px;padding:23px;border-radius:24px;border:1.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);overflow:hidden;transition:transform .16s,box-shadow .16s}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--ink)}.game-card:first-child,.game-card:nth-child(2){grid-column:span 3;min-height:285px}.game-card .number{font-size:12px;font-weight:850;letter-spacing:1px}.card-art{font-size:80px;line-height:1;margin:18px 0;display:block;width:100%;text-align:center;filter:drop-shadow(0 5px 0 #18224c12)}.game-card h2{margin:0;font-size:25px;letter-spacing:-.8px;line-height:1.15}.game-card p{margin:8px 35px 0 0;font-size:14px;line-height:1.5}.arrow{position:absolute;right:22px;bottom:24px;font-size:24px;background:white;border:1.5px solid var(--ink);border-radius:50%;height:39px;width:39px;display:grid;place-items:center}.pizza-card{background:var(--yellow)}.maze-card{background:#c5dcff}.ttt-card{background:var(--pink)}.words-card{background:var(--mint)}.draw-card{background:#e5d9ff}.tiny-board{display:grid;grid-template-columns:repeat(3,28px);justify-content:center;gap:4px;margin:16px 0;height:87px}.tiny-board span{display:grid;place-items:center;border-bottom:2px solid #bc657b;border-right:2px solid #bc657b;font-size:24px;font-weight:800}.tiny-words{font-size:30px;font-weight:900;letter-spacing:8px;text-align:center;margin:22px 0 16px;height:78px;line-height:1.25}.home-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;color:#556078;font-size:13px}.home-bottom img{width:110px;max-height:62px;object-fit:contain}.game-head{display:flex;align-items:flex-start;gap:20px;margin-bottom:22px}.back{background:white;border:1.5px solid var(--ink);border-radius:50%;width:48px;flex-shrink:0;font-size:24px}.game-head h1{font-size:clamp(28px,4vw,42px);margin:4px 0 8px;letter-spacing:-1px}.game-head p{margin:0;line-height:1.5;max-width:720px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.board{border:1.5px solid var(--ink);background:white;border-radius:23px;padding:18px;box-shadow:0 4px 0 var(--ink);overflow:hidden}.tools{background:#f1eee6;padding:22px;border-radius:23px}.tools h2{font-size:18px;margin:0 0 15px}.tools p{font-size:14px;line-height:1.6}.tools button,.toolbar button{background:white;border:1.5px solid #b7bac8;border-radius:12px;font-weight:700;padding:10px 12px}.tools .primary,.primary{background:var(--blue);color:white;border:0;border-radius:12px;padding:12px 22px;font-weight:750}.full{width:100%;margin-top:12px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px;align-items:center}.toolbar button.selected,.ingredients button.selected{border:3px solid var(--blue);background:#e8efff}.palette{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.swatch{width:44px;height:44px;min-height:44px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #bbb}.swatch.selected{box-shadow:0 0 0 3px var(--ink)}canvas{display:block;width:100%;height:auto;touch-action:none;border-radius:14px;background:#fffdf5}.draw-canvas{aspect-ratio:1}.status{padding:12px 16px;background:#eaf1ff;border-radius:13px;margin-top:17px;font-size:16px;font-weight:650;line-height:1.4}.status.win{background:var(--mint)}.ingredients{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ingredients button{display:flex;align-items:center;gap:8px;font-size:13px;touch-action:none}.ingredients span{font-size:25px}.ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:510px;margin:auto}.ttt button{aspect-ratio:1;min-height:80px;background:#f5f0ff;border:2px solid #c2b3db;border-radius:20px;font-weight:800;font-size:clamp(46px,8vw,92px);color:var(--blue)}.ttt button.o{color:#d7435f;background:#fff1f4}.ttt button.winner{background:var(--yellow);border-color:#b78900}.turn{font-size:22px;font-weight:800;margin:0 0 20px;text-align:center}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;touch-action:none;user-select:none}.letter{padding:0;min-width:0;min-height:0;aspect-ratio:1;font-size:clamp(16px,3vw,26px);border-radius:7px;background:#f1f4f6;font-weight:750;touch-action:none}.letter.found{background:var(--mint);color:#123c32}.letter.picked{background:var(--yellow)}.word-list{display:flex;flex-wrap:wrap;gap:9px}.word-list span{padding:8px 11px;border-radius:10px;background:white;font-size:16px;font-weight:700}.word-list .found{background:var(--mint);text-decoration:line-through}.arrows{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:215px;margin:20px auto}.arrows button{font-size:25px}.arrows button:first-child{grid-column:2}.arrows button:nth-child(2){grid-column:1}.notice{max-width:1128px;margin:8px auto;padding:14px 18px;border-radius:12px;background:#fff0b0;font-size:15px;line-height:1.5}.save-label{font-size:12px;color:#617086;display:block;margin-top:12px}.reset{margin-top:12px}footer{max-width:1128px;margin:auto;padding:22px 0 28px;border-top:1px solid #d9d5cc;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#596277}footer button{background:transparent;text-decoration:underline;font-size:14px}dialog{border:1.5px solid var(--ink);border-radius:24px;padding:32px;max-width:530px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 8px 0 var(--ink)}dialog::backdrop{background:#17234580}dialog p,dialog li{line-height:1.6;font-size:15px}dialog li{margin-bottom:10px}.close:not(.primary){float:right;background:#eee;border-radius:50%;width:42px;min-height:42px;font-size:24px}body.dragging{cursor:grabbing}.drag-chip{position:fixed;pointer-events:none;font-size:40px;z-index:10;transform:translate(-50%,-50%)}
@media(max-width:1199px){main,footer{margin-left:30px;margin-right:30px}.notice{margin-left:30px;margin-right:30px}}@media(max-width:750px){header{padding:19px 20px}.brand{font-size:21px}.brand-icon{width:42px;height:42px}.brand small{font-size:8px}.road{font-size:12px;padding:8px 12px}main{margin:0;padding:18px 20px 30px}.intro{display:block;margin-bottom:25px}.intro p{max-width:100%;font-size:15px;margin-top:20px}h1{font-size:42px}.games{grid-template-columns:repeat(2,1fr);gap:15px}.game-card,.game-card:first-child,.game-card:nth-child(2){grid-column:span 1;min-height:235px;padding:17px}.game-card:last-child{grid-column:span 2;min-height:165px}.game-card:last-child .card-art{float:right;width:110px;margin:22px 15px 0 0}.game-card h2{font-size:21px}.game-card p{font-size:12px;margin-right:0}.card-art{font-size:61px;margin:18px 0}.arrow{display:none}.tiny-board{margin-top:12px;margin-bottom:12px}.tiny-words{font-size:25px;letter-spacing:4px}.workspace{grid-template-columns:1fr}.tools{padding:18px}.ingredients{grid-template-columns:repeat(3,1fr)}.ingredients button{font-size:12px;flex-direction:column;padding:9px 5px}.workspace.pizza .tools,.workspace.drawing .tools{grid-row:1}.board{padding:12px}.game-head{gap:12px}.game-head p{font-size:14px}.game-head h1{font-size:30px}.back{width:42px;min-height:42px}.game-head .eyebrow{font-size:10px}.home-bottom{font-size:11px}.home-bottom img{width:85px}.notice{margin:5px 20px}footer{margin:0 20px}.toolbar{margin-bottom:10px}.swatch{width:39px;height:39px;min-height:39px}.tools p{margin:8px 0}.ttt{gap:9px}.ttt button{border-radius:14px}.letter{font-size:19px}.grid{gap:3px}.tools .arrows{margin-top:10px;margin-bottom:0}.tools button.full{display:inline-block;width:auto;margin:8px 5px 0 0}.drawing .tools h2{display:none}.drawing .palette{margin:0 0 12px}.drawing .toolbar{margin:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Full workbook: tools stay separate from page gestures. */
.whole-book{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:27px}.whole-book a{display:block;text-decoration:none;background:var(--blue);color:white;border-radius:20px;padding:23px}.whole-book a:nth-child(2){background:var(--mint);color:var(--ink)}.whole-book strong{font-size:23px;display:block}.whole-book span{font-size:14px;display:block;margin-top:10px}.quick-label{font-weight:800;letter-spacing:2px;font-size:12px}.back-link{display:grid;place-items:center;text-decoration:none;color:var(--ink)}.book-nav{display:flex;align-items:center;gap:10px;margin-bottom:18px}.book-nav button,.book-bottom button{background:white;border:1px solid #aab5c8;border-radius:10px;padding:10px 16px}.book-nav select{flex:1;min-width:0;max-width:740px;padding:12px;font:inherit;border:1px solid #acb7c8;border-radius:10px;background:white}.book-toolbar{position:sticky;top:0;z-index:5;background:#fffaf0f8;border:1px solid #c7cfdb;border-radius:14px;padding:12px;box-shadow:0 4px 14px #18264d12;margin-bottom:16px}.book-tools{display:flex;flex-wrap:wrap;gap:7px}.book-tools button{background:white;border:1px solid #b3bfd0;border-radius:9px;padding:9px 14px;font-weight:700}.book-tools button.selected{background:var(--blue);color:white;border-color:var(--blue)}.book-settings{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:10px}.book-settings label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.book-settings select{font:inherit;background:white;border:1px solid #b5bed0;border-radius:7px;padding:8px}.book-settings input{width:40px;height:34px;border:0;padding:0;background:none}.book-hint{font-size:13px;margin-top:9px;line-height:1.4;color:#495a77}.page-viewport{overflow:auto;background:#dfe5eb;max-height:85vh;border-radius:15px;border:1px solid #bac4d1;overscroll-behavior:contain;touch-action:pan-x pan-y}.page-sheet{position:relative;width:100%;min-width:100%;line-height:0}.page-sheet img{display:block;width:100%;height:auto}.page-sheet canvas{position:absolute;inset:0;width:100%;height:100%;background:transparent;border-radius:0;touch-action:none}.book-bottom{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px 0}.book-bottom span{margin-right:auto;font-size:13px}.special-links{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}.special-links a{padding:14px 18px;background:var(--yellow);color:var(--ink);border-radius:12px;font-weight:800;text-decoration:none}#text-dialog textarea{display:block;width:100%;font:inherit;font-size:20px;margin:16px 0;border:1px solid #aab5c8;border-radius:10px;padding:12px}#cancel-text{padding:12px;margin-left:8px;border-radius:10px}.dots-board{display:grid;grid-template-columns:20px 1fr 20px 1fr 20px 1fr 20px;grid-template-rows:20px 1fr 20px 1fr 20px 1fr 20px;aspect-ratio:1;max-width:550px;margin:auto}.dot{width:16px;height:16px;align-self:center;justify-self:center;background:var(--ink);border-radius:50%}.dot-edge{position:relative;background:transparent;min-height:20px;padding:0}.dot-edge::after{content:'';position:absolute;background:#b9c8df;border-radius:6px}.dot-edge.horizontal::after{height:9px;left:0;right:0;top:calc(50% - 4px)}.dot-edge.vertical::after{width:9px;top:0;bottom:0;left:calc(50% - 4px)}.dot-edge:not(.played)::after{opacity:.45}.dot-edge.played::after{background:var(--blue)}.dot-edge.played.player2::after{background:#e84460}.dot-box{display:grid;place-items:center;font-size:36px;font-weight:850;border-radius:8px;color:var(--blue)}.dot-box.owned{background:#dce7ff}.dot-box.player2{color:#d53754;background:#ffe2e8}@media(max-width:750px){.whole-book{grid-template-columns:1fr}.whole-book strong{font-size:21px}.book-tools button{font-size:12px;padding:7px 10px;min-height:42px}.book-toolbar{padding:9px}.book-settings{gap:8px}.book-settings label{font-size:11px;gap:4px}.book-settings select{padding:6px}.book-hint{font-size:11px}.book-nav label{display:none}.book-nav{gap:6px}.book-nav select{font-size:13px;padding:10px}.book-nav button{padding:8px 13px}.page-viewport{max-height:70vh}.dots-board{grid-template-columns:22px 1fr 22px 1fr 22px 1fr 22px;grid-template-rows:22px 1fr 22px 1fr 22px 1fr 22px}}