/* Default hand-painted notebook theme. */
.theme-switch{position:fixed;right:10px;bottom:12px;z-index:1000;display:flex;align-items:center;gap:6px;min-height:38px;padding:7px 11px;border:2px solid #fff;border-radius:999px;background:#073f79e8;color:#fff;font:700 .75rem/1 Fredoka,system-ui,sans-serif;box-shadow:0 3px 0 #062c57,0 6px 14px #001b3b44;cursor:pointer;opacity:.88;transition:transform .15s ease,opacity .15s ease}.theme-switch:hover,.theme-switch:focus-visible{opacity:1;transform:translateY(-2px)}.theme-switch span:first-child{font-size:1rem}

html[data-theme="sketch"]{--paper:#f6f0df;--paper-warm:#eee2c7;--pencil:#26384c;--pencil-soft:#5d6a76;--ink-blue:#315f8a;--crayon-yellow:#e1aa32;--crayon-green:#588d5b;--crayon-red:#b84f57;--crayon-purple:#705d91;background:#d8d2c4}
html[data-theme="sketch"] body{overflow-x:hidden;color:var(--pencil)!important;font-family:Fredoka,system-ui,sans-serif!important;background-color:#f8ecc9!important;background-image:linear-gradient(90deg,transparent 0 42px,#d56f7548 43px,#d56f752d 45px,transparent 47px),repeating-linear-gradient(1.1deg,transparent 0 22px,#397bac42 23px,#397bac20 24px,transparent 26px),repeating-linear-gradient(91.4deg,transparent 0 118px,#397bac24 119px,#397bac10 120px,transparent 122px),repeating-linear-gradient(8deg,transparent 0 16px,#26384c12 17px,transparent 19px),repeating-linear-gradient(-6deg,transparent 0 27px,#b5585910 28px,transparent 30px),radial-gradient(ellipse at 12% 9%,#7fc6e852 0 8%,transparent 26%),radial-gradient(ellipse at 89% 18%,#f4c75c52 0 9%,transparent 28%),radial-gradient(ellipse at 18% 87%,#e58d9850 0 10%,transparent 29%),radial-gradient(ellipse at 83% 82%,#8fc4a34a 0 9%,transparent 30%),linear-gradient(145deg,#fff8df,#ead6ae)!important;background-size:100% 100%,100% 25px,120px 100%,71px 71px,103px 103px,100% 100%,100% 100%,100% 100%,100% 100%,cover!important;background-repeat:no-repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;background-attachment:fixed!important}
html[data-theme="sketch"] body:before,html[data-theme="sketch"] body:after{background:none!important}
html[data-theme="sketch"] .app,html[data-theme="sketch"] main{position:relative}
html[data-theme="sketch"] .hero-logo,html[data-theme="sketch"] .mini-logo{filter:drop-shadow(4px 5px 0 #26384c55)!important}
html[data-theme="sketch"] .game-card,html[data-theme="sketch"] .panel{border:3px solid var(--pencil)!important;border-radius:8px 14px 7px 12px!important;background-color:#fbf7e9!important;background-image:linear-gradient(#617e9425 1px,transparent 1px),linear-gradient(90deg,#617e9425 1px,transparent 1px),repeating-linear-gradient(7deg,transparent 0 12px,#3147580c 13px,transparent 14px),repeating-linear-gradient(-11deg,transparent 0 18px,#9d6b3e0b 19px,transparent 20px),linear-gradient(165deg,#fffaf0,#eadfc7)!important;background-size:20px 20px,20px 20px,51px 51px,67px 67px,cover!important;box-shadow:5px 6px 0 #26384c,9px 11px 0 #c6b99e!important;transform:rotate(-.2deg);overflow:visible}
html[data-theme="sketch"] .game-card:nth-child(even){transform:rotate(.25deg)}
html[data-theme="sketch"] .game-card:before{height:5px;background:repeating-linear-gradient(90deg,var(--ink-blue) 0 28px,var(--crayon-yellow) 28px 56px,var(--crayon-green) 56px 84px,var(--crayon-red) 84px 112px)!important;opacity:.85}
html[data-theme="sketch"] .game-card h2,html[data-theme="sketch"] .panel h1,html[data-theme="sketch"] .panel h2,html[data-theme="sketch"] .panel .clue{color:#274e76!important;text-shadow:2px 2px 0 #fff,-1px 0 #274e7630!important;letter-spacing:.025em}
html[data-theme="sketch"] .game-card p,html[data-theme="sketch"] .panel p,html[data-theme="sketch"] .panel small,html[data-theme="sketch"] .rules,html[data-theme="sketch"] .hand-help,html[data-theme="sketch"] .hand-title small{color:var(--pencil-soft)!important}
html[data-theme="sketch"] .tile,html[data-theme="sketch"] .tiles .tile,html[data-theme="sketch"] .warm-tile,html[data-theme="sketch"] .hand-tile,html[data-theme="sketch"] .word-letter{border:2px solid var(--pencil)!important;border-radius:3px 7px 4px 6px!important;background:#faf5e8!important;color:var(--pencil)!important;text-shadow:none!important;box-shadow:3px 4px 0 #43515e!important;transform:rotate(-1deg)}
html[data-theme="sketch"] .tile:nth-child(2n),html[data-theme="sketch"] .word-letter:nth-child(2n){transform:rotate(1.2deg)}
html[data-theme="sketch"] .tile:nth-child(5n+1),html[data-theme="sketch"] .tiles .tile:nth-child(5n+1){background:#e8c45f!important}html[data-theme="sketch"] .tile:nth-child(5n+2),html[data-theme="sketch"] .tiles .tile:nth-child(5n+2){background:#8fb08d!important}html[data-theme="sketch"] .tile:nth-child(5n+3),html[data-theme="sketch"] .tiles .tile:nth-child(5n+3){background:#d98285!important}html[data-theme="sketch"] .tile:nth-child(5n+4),html[data-theme="sketch"] .tiles .tile:nth-child(5n+4){background:#8fb4cf!important}html[data-theme="sketch"] .tile:nth-child(5n),html[data-theme="sketch"] .tiles .tile:nth-child(5n){background:#a596bc!important}
html[data-theme="sketch"] .tile,html[data-theme="sketch"] .tiles .tile,html[data-theme="sketch"] .warm-tile,html[data-theme="sketch"] .hand-tile,html[data-theme="sketch"] .word-letter{background-image:repeating-linear-gradient(164deg,transparent 0 5px,#ffffff2b 6px 7px,#23384a12 8px 9px)!important;background-blend-mode:soft-light}
html[data-theme="sketch"] .tile.dim{background:#d9d5ca!important;color:#50606e!important}
html[data-theme="sketch"] .play-button,html[data-theme="sketch"] .primary,html[data-theme="sketch"] .secondary,html[data-theme="sketch"] .daily-button,html[data-theme="sketch"] .android-button{border:3px solid var(--pencil)!important;border-radius:5px 9px 4px 8px!important;background:#d8b24e!important;color:#243445!important;box-shadow:4px 5px 0 #26384c!important;text-shadow:none!important;text-transform:uppercase;transform:rotate(.15deg)}
html[data-theme="sketch"] .card-actions,html[data-theme="sketch"] .card-actions>*{min-width:0}
html[data-theme="sketch"] .daily-button,html[data-theme="sketch"] .secondary{background:#91b3c8!important}
html[data-theme="sketch"] .primary:active,html[data-theme="sketch"] .secondary:active,html[data-theme="sketch"] .play-button:active,html[data-theme="sketch"] .daily-button:active{transform:translate(3px,3px);box-shadow:1px 2px 0 #26384c!important}
html[data-theme="sketch"] .fact,html[data-theme="sketch"] .pill,html[data-theme="sketch"] .hud,html[data-theme="sketch"] .help-toggle{border:2px solid var(--pencil)!important;border-radius:4px 8px 5px 7px!important;background:#f4ecd9!important;color:var(--pencil)!important;box-shadow:2px 3px 0 #44525f!important;text-shadow:none!important}
html[data-theme="sketch"] .hud #clock{padding:4px 9px;border:2px solid #274e76;border-radius:5px;background:#fffdf5;color:#173f68!important;box-shadow:2px 2px 0 #8ca0ae;text-shadow:none!important}
html[data-theme="sketch"] .hud #clock.urgent{border-color:#7e2631;background:#c94f59;color:#fff!important;box-shadow:2px 2px 0 #7e2631}
html[data-theme="sketch"] .word-row,html[data-theme="sketch"] .checks-panel,html[data-theme="sketch"] .help-panel{border:2px solid var(--pencil)!important;border-radius:4px 8px 5px 7px!important;background:#efe5cf!important;box-shadow:3px 4px 0 #4a5661!important}
html[data-theme="sketch"] .word-row.linked{background:#efe5cf!important;border-color:var(--pencil)!important}
html[data-theme="sketch"] .hand-tile.used,html[data-theme="sketch"] .word-row.linked .word-letter.changed{border-color:var(--pencil)!important;border-radius:3px!important;background:var(--link)!important;color:#fff!important;box-shadow:3px 4px 0 #394754!important}
html[data-theme="sketch"] .key{border:2px solid var(--pencil)!important;border-radius:3px!important;background:#6f8799!important;color:#fff!important;box-shadow:2px 3px 0 #26384c!important}
html[data-theme="sketch"] .homepage-guides,html[data-theme="sketch"] .android-cta,html[data-theme="sketch"] .coming-soon,html[data-theme="sketch"] .win-demo{border:3px solid var(--pencil)!important;border-radius:6px 11px 5px 9px!important;background:#f3ead6!important;color:var(--pencil)!important;box-shadow:4px 5px 0 #26384c!important;text-shadow:none!important}
html[data-theme="sketch"] .android-cta h2,html[data-theme="sketch"] .coming-soon b{color:#7e5c18!important}html[data-theme="sketch"] .android-cta p,html[data-theme="sketch"] .coming-soon span{color:var(--pencil-soft)!important}
html[data-theme="sketch"] .site-footer,html[data-theme="sketch"] .site-footer a,html[data-theme="sketch"] .site-footer button,html[data-theme="sketch"] header>a{color:#26384c!important;text-shadow:1px 1px #fff!important}
html[data-theme="sketch"] .theme-switch{border:2px solid var(--pencil);border-radius:4px 8px 5px 7px;background:#f4ecd9;color:var(--pencil);box-shadow:3px 4px 0 #26384c;font-family:Fredoka,system-ui,sans-serif}
html[data-theme="sketch"] .completed-word{border-color:#586875!important;background:#f3ead6!important}
@media(max-width:530px){.theme-switch{right:8px;bottom:9px;min-height:34px;padding:6px 9px;font-size:.72rem}html[data-theme="sketch"] .game-card,html[data-theme="sketch"] .panel{width:calc(100% - 4px);margin-inline:auto;transform:none;box-shadow:4px 5px 0 #26384c,7px 8px 0 #c6b99e!important}html[data-theme="sketch"] .card-actions a{padding-inline:5px;font-family:Fredoka,system-ui,sans-serif;font-size:.7rem;line-height:1.15;overflow-wrap:anywhere}}

/* Complete the hub treatment: every menu surface is drawn or painted on paper. */
html[data-theme="sketch"] .game-card:after{content:"";position:absolute;z-index:3;top:-9px;left:50%;width:62px;height:17px;border:1px solid #796c573d;background:repeating-linear-gradient(97deg,#e5d3a7cc 0 7px,#f2dfb5cc 8px 13px);box-shadow:0 1px 2px #2737462c;transform:translateX(-50%) rotate(-2deg);pointer-events:none}
html[data-theme="sketch"] .game-card:nth-child(even):after{transform:translateX(-50%) rotate(2.5deg)}
html[data-theme="sketch"] .game-card h2:after{display:none}
html[data-theme="sketch"] .play-button,html[data-theme="sketch"] .primary,html[data-theme="sketch"] .android-button{background-color:#65bd4c!important;background-image:repeating-linear-gradient(168deg,transparent 0 7px,#fff3 8px 9px,#244e2117 10px 11px)!important;color:#fff!important;text-shadow:0 2px #34762f!important}
html[data-theme="sketch"] .daily-button,html[data-theme="sketch"] .secondary{background-color:#91b3c8!important;background-image:repeating-linear-gradient(170deg,transparent 0 7px,#fff3 8px 9px,#243f5212 10px 11px)!important}
html[data-theme="sketch"] .card-leaderboard,html[data-theme="sketch"] .homepage-guides a,html[data-theme="sketch"] .site-footer a,html[data-theme="sketch"] .site-footer button{text-decoration:none!important}
html[data-theme="sketch"] .fact{background-color:#f4ecd9!important;background-image:repeating-linear-gradient(8deg,transparent 0 8px,#42586a12 9px 10px)!important}
html[data-theme="sketch"] .homepage-guides,html[data-theme="sketch"] .android-cta,html[data-theme="sketch"] .coming-soon{background-color:#f3ead6!important;background-image:linear-gradient(#617e941c 1px,transparent 1px),linear-gradient(90deg,#617e941c 1px,transparent 1px),repeating-linear-gradient(-8deg,transparent 0 15px,#754f3109 16px 17px)!important;background-size:18px 18px,18px 18px,61px 61px!important}
html[data-theme="sketch"] .homepage-guides{transform:rotate(.2deg)}
html[data-theme="sketch"] .android-cta{transform:rotate(-.25deg)}
html[data-theme="sketch"] .coming-soon{transform:rotate(.18deg)}
html[data-theme="sketch"] .android-kicker{color:#6b604b!important;letter-spacing:.14em}
html[data-theme="sketch"] .site-footer{margin-top:25px!important;padding:18px 12px!important;border-top:3px double #405365;background:repeating-linear-gradient(0deg,transparent 0 17px,#526f8818 18px 19px);color:#26384c!important}
html[data-theme="sketch"] .tile-art{filter:drop-shadow(2px 3px 0 #26384c2b)}
html[data-theme="sketch"] .tile-art .tile:nth-child(2n){transform:rotate(2deg)}html[data-theme="sketch"] .tile-art .tile:nth-child(3n){transform:rotate(-2.5deg)}
@media(max-width:530px){html[data-theme="sketch"] .game-card:after{width:54px;height:15px;top:-8px}html[data-theme="sketch"] .homepage-guides,html[data-theme="sketch"] .android-cta,html[data-theme="sketch"] .coming-soon{transform:none}}

/* Carry the menu-card pastels into the games. */
html[data-theme="sketch"] .link-1{--link:#d98285;--link-soft:#f4d7d9}
html[data-theme="sketch"] .link-2{--link:#a596bc;--link-soft:#e2dceb}
html[data-theme="sketch"] .link-3{--link:#e8c45f;--link-soft:#f3e5b8}
html[data-theme="sketch"] .link-4{--link:#8fb4cf;--link-soft:#d8e7f0}
html[data-theme="sketch"] .link-5{--link:#8fb08d;--link-soft:#d8e4d5}
html[data-theme="sketch"] .key:nth-child(5n + 1){background-color:#efd0d2!important}
html[data-theme="sketch"] .key:nth-child(5n + 2){background-color:#ddd5e7!important}
html[data-theme="sketch"] .key:nth-child(5n + 3){background-color:#f2dfad!important}
html[data-theme="sketch"] .key:nth-child(5n + 4){background-color:#d2e2ed!important}
html[data-theme="sketch"] .key:nth-child(5n){background-color:#d2e0d0!important}
html[data-theme="sketch"] .key{color:#26384c!important;text-shadow:none!important}
html[data-theme="sketch"] .word-letter:nth-child(5n + 1){background-color:#f2dfad}
html[data-theme="sketch"] .word-letter:nth-child(5n + 2){background-color:#d2e0d0}
html[data-theme="sketch"] .word-letter:nth-child(5n + 3){background-color:#efd0d2}
html[data-theme="sketch"] .word-letter:nth-child(5n + 4){background-color:#d2e2ed}
html[data-theme="sketch"] .word-letter:nth-child(5n){background-color:#ddd5e7}
html[data-theme="sketch"] .tiles .tile.selected{outline:4px solid #26384c!important;filter:saturate(1.08);transform:translateY(-4px) rotate(-1deg)}
html[data-theme="sketch"] .hand-tile.link-1,html[data-theme="sketch"] .hand-tile.link-2,html[data-theme="sketch"] .hand-tile.link-3,html[data-theme="sketch"] .hand-tile.link-4,html[data-theme="sketch"] .hand-tile.link-5{border-color:var(--link)!important;background-color:#faf5e8!important;color:var(--link)!important}
html[data-theme="sketch"] .hand-tile.selected{border-color:#fff!important;background-color:var(--link)!important;color:#fff!important}
html[data-theme="sketch"] .hand-tile.used,html[data-theme="sketch"] .word-row.linked .word-letter.changed{background-color:var(--link)!important;color:#172f49!important;text-shadow:0 1px #ffffff80!important}
