@font-face{font-family:"Bree Serif";src:url(/fonts/bree-serif-400.woff2) format("woff2");font-weight:400 700;font-display:swap}body[data-game=handful]{--paper: #dcb27a;--card: #fff7e6;--ink: #2a1a0b;--ink-2: #4d3217;--ink-3: #5e4021;--line: #ecd9b6;--line-2: #c9a46c;--accent: #9c4016;--accent-ink: #ffffff;--link: #6e2a08;--felt: #2c6a47;--felt-2: #245a3c;--wood: #f0d7a6;--wood-edge: #c08a45;--wood-ink: #3a2410;--wood-grain: rgba(150, 95, 30, .13);--good: #1d4f2e;--warn: #6b3005;--bad: #7a1f19;--display: "Bree Serif", "Rockwell", Georgia, serif;--r: 12px;--r-sm: 8px;--btn-r: 10px;--bg-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='120'%3E%3Cg fill='none' stroke='rgba(120,70,20,.16)' stroke-width='1.2'%3E%3Cpath d='M0 57 C60 54.3 120 59.7 180 57 S300 54.3 360 57'/%3E%3Cpath d='M0 109 C60 106.2 120 111.8 180 109 S300 106.2 360 109'/%3E%3Cpath d='M0 59 C60 57.1 120 60.9 180 59 S300 57.1 360 59'/%3E%3Cpath d='M0 109 C60 106.8 120 111.2 180 109 S300 106.8 360 109'/%3E%3Cpath d='M0 23 C60 20.4 120 25.6 180 23 S300 20.4 360 23'/%3E%3Cpath d='M0 60 C60 57.7 120 62.3 180 60 S300 57.7 360 60'/%3E%3Cpath d='M0 101 C60 99.6 120 102.4 180 101 S300 99.6 360 101'/%3E%3Cpath d='M0 57 C60 55.4 120 58.6 180 57 S300 55.4 360 57'/%3E%3Cpath d='M0 11 C60 8.9 120 13.1 180 11 S300 8.9 360 11'/%3E%3Cpath d='M0 113 C60 110.6 120 115.4 180 113 S300 110.6 360 113'/%3E%3Cpath d='M0 5 C60 2.8 120 7.2 180 5 S300 2.8 360 5'/%3E%3Cpath d='M0 50 C60 47.1 120 52.9 180 50 S300 47.1 360 50'/%3E%3Cpath d='M0 83 C60 80.5 120 85.5 180 83 S300 80.5 360 83'/%3E%3Cpath d='M0 83 C60 81.7 120 84.3 180 83 S300 81.7 360 83'/%3E%3C/g%3E%3C/svg%3E"), repeating-linear-gradient(90deg, transparent 0 239px, rgba(90, 50, 10, .18) 239px 241px);--bg-size: 360px 120px, auto;--shadow: 0 1px 0 rgba(80, 45, 10, .12), 0 12px 24px -14px rgba(60, 30, 5, .55)}@media (prefers-color-scheme: dark){body[data-game=handful]{--paper: #271a10;--card: #33251a;--ink: #f6e9d4;--ink-2: #d9c3a1;--ink-3: #b59d7c;--line: #4a3626;--line-2: #6a4f38;--accent: #f39a5e;--accent-ink: #2a1205;--link: #f6b080;--felt: #1f4d33;--felt-2: #183d29;--wood: #e8c78e;--wood-edge: #9c6a2c;--wood-ink: #2a1a08;--wood-grain: rgba(110, 65, 15, .16);--good: #74c890;--warn: #f0a860;--bad: #f08070;--bg-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='120'%3E%3Cg fill='none' stroke='rgba(255,210,150,.05)' stroke-width='1.2'%3E%3Cpath d='M0 57 C60 54.3 120 59.7 180 57 S300 54.3 360 57'/%3E%3Cpath d='M0 109 C60 106.2 120 111.8 180 109 S300 106.2 360 109'/%3E%3Cpath d='M0 59 C60 57.1 120 60.9 180 59 S300 57.1 360 59'/%3E%3Cpath d='M0 109 C60 106.8 120 111.2 180 109 S300 106.8 360 109'/%3E%3Cpath d='M0 23 C60 20.4 120 25.6 180 23 S300 20.4 360 23'/%3E%3Cpath d='M0 60 C60 57.7 120 62.3 180 60 S300 57.7 360 60'/%3E%3Cpath d='M0 101 C60 99.6 120 102.4 180 101 S300 99.6 360 101'/%3E%3Cpath d='M0 57 C60 55.4 120 58.6 180 57 S300 55.4 360 57'/%3E%3Cpath d='M0 11 C60 8.9 120 13.1 180 11 S300 8.9 360 11'/%3E%3Cpath d='M0 113 C60 110.6 120 115.4 180 113 S300 110.6 360 113'/%3E%3Cpath d='M0 5 C60 2.8 120 7.2 180 5 S300 2.8 360 5'/%3E%3Cpath d='M0 50 C60 47.1 120 52.9 180 50 S300 47.1 360 50'/%3E%3Cpath d='M0 83 C60 80.5 120 85.5 180 83 S300 80.5 360 83'/%3E%3Cpath d='M0 83 C60 81.7 120 84.3 180 83 S300 81.7 360 83'/%3E%3C/g%3E%3C/svg%3E"), repeating-linear-gradient(90deg, transparent 0 239px, rgba(0, 0, 0, .35) 239px 241px);--shadow: 0 1px 0 rgba(0, 0, 0, .35), 0 12px 26px -12px rgba(0, 0, 0, .8)}}body[data-game=handful] .cj-top{background:color-mix(in srgb,var(--paper) 88%,#000);border-bottom:3px solid color-mix(in srgb,var(--paper) 70%,#000)}body[data-game=handful] .cj-brand,body[data-game=handful] .cj-icon,body[data-game=handful] .cj-sub{color:var(--ink)}@media (prefers-color-scheme: dark){body[data-game=handful] .cj-top{background:#1e140c;border-bottom-color:#3a2717}body[data-game=handful] .cj-sub{color:var(--ink-2)}}body[data-game=handful] .cj-wm{gap:3px}body[data-game=handful] .cj-wm-l{width:25px;height:28px;display:grid;place-items:center;font-size:19px;line-height:1;padding-top:1px;color:var(--wood-ink);border-radius:5px;text-transform:uppercase;background:repeating-linear-gradient(100deg,transparent 0 5px,var(--wood-grain) 5px 6px),var(--wood);box-shadow:0 2.5px 0 var(--wood-edge),inset 0 1px #ffffff80}body[data-game=handful] .cj-wm-l:nth-child(2n){transform:translateY(-2px) rotate(-3deg)}body[data-game=handful] .cj-wm-l:nth-child(3n){transform:rotate(4deg)}body[data-game=handful] .cj-mark{border-radius:3px;background:var(--wood);box-shadow:0 2px 0 var(--wood-edge)}body[data-game=handful] .cj-card{border-color:color-mix(in srgb,var(--wood-edge) 40%,var(--line))}body[data-game=handful] .cj-btn{box-shadow:0 3px color-mix(in srgb,var(--accent) 55%,black)}body[data-game=handful] .cj-btn-quiet{background:var(--card);box-shadow:0 2px 0 var(--line-2)}body[data-game=handful] .cj-about,body[data-game=handful] .cj-foot,body[data-game=handful] .cj-foot a{color:var(--ink)}body[data-game=handful] .cj-foot{border-top-color:color-mix(in srgb,var(--paper) 70%,#000)}body[data-game=handful] .cj-about{background:color-mix(in srgb,var(--card) 88%,transparent);border-radius:var(--r);padding:6px 18px 12px;margin-top:8px;margin-bottom:18px}@media (max-width: 652px){body[data-game=handful] .cj-about{margin-left:12px;margin-right:12px}}.hf{display:flex;flex-direction:column;gap:14px}.hf-intro{margin:0;text-align:center;color:var(--ink-2);font-size:16px}.hf-slots{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hf-slot{display:flex;align-items:center;min-height:52px;border-radius:var(--r-sm);border:1.5px solid var(--line-2);background:var(--card)}.hf-slot.empty{border-style:dashed;color:var(--ink-3);padding:0 14px;gap:12px}.hf-slot-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 14px;cursor:pointer;border-radius:var(--r-sm)}.hf-slot-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent)}.hf-slot-btn:hover .hf-slot-w{text-decoration:line-through;text-decoration-color:var(--ink-3)}.hf-slot-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--line);color:var(--ink-2);flex:none}.hf-slot-w{flex:1;font:400 22px var(--display);letter-spacing:.08em}.hf-slot.empty .hf-slot-w{font:400 16px var(--body);letter-spacing:0}.hf-slot-s{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.hf-slot.full{border-color:var(--good);background:color-mix(in srgb,var(--good) 8%,var(--card))}.hf-badge{font-size:12px;font-weight:700;color:var(--good);text-transform:uppercase;letter-spacing:.06em}.hf-builder{text-align:center}.hf-current{min-height:52px;display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.hf-ch{font:400 26px/1 var(--display);width:34px;height:38px;display:grid;place-items:center;border-radius:6px;color:var(--wood-ink);background:repeating-linear-gradient(100deg,transparent 0 6px,var(--wood-grain) 6px 7px),var(--wood);box-shadow:0 3px 0 var(--wood-edge)}.hf-placeholder{color:var(--ink-3);font-size:16px}.hf-hint{margin:4px 0 0;font-size:15px;min-height:1.5em;color:var(--ink-3)}.hf-hint.ok{color:var(--good);font-weight:700}.hf-hint.no{color:var(--warn)}.hf-rack{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(4px,1.6vw,10px);padding:16px clamp(8px,2.5vw,16px) 18px;border-radius:var(--r);background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px) 0 0 / 4px 4px,var(--felt);border:5px solid var(--wood-edge);box-shadow:inset 0 3px 8px #00000059,0 2px color-mix(in srgb,var(--wood-edge) 60%,black)}.hf-tile{position:relative;aspect-ratio:1;min-height:44px;min-width:0;padding:0;border:0;cursor:pointer;border-radius:9px;color:var(--wood-ink);touch-action:manipulation;background:repeating-linear-gradient(100deg,transparent 0 7px,var(--wood-grain) 7px 8px),var(--wood);box-shadow:0 4px 0 var(--wood-edge),0 6px 10px -4px #3c230573,inset 0 1px #ffffff8c;transition:transform .07s ease,box-shadow .07s ease,opacity .12s ease}.hf-tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood-edge),0 2px 4px -2px #3c230566,inset 0 1px #ffffff8c}.hf-l{font:400 clamp(24px,6.8vw,34px)/1 var(--display);position:absolute;inset:0;display:grid;place-items:center;padding-bottom:2px}.hf-v{position:absolute;right:5px;bottom:3px;font-size:11px;font-weight:700;opacity:.75}.hf-tile.used{transform:translateY(4px);opacity:.28;box-shadow:none;cursor:default}.hf-tile.pop{animation:hfpop .16s ease-out}@keyframes hfpop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(.94)}to{transform:translateY(4px) scale(1)}}.hf-controls{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.hf-small{min-height:48px;padding:0 10px;font-size:16px}.hf-submit{margin-top:2px}.hf-mine,.hf-best{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}.hf-mine li,.hf-best li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}.hf-mine li.full,.hf-best li.mine{border-color:var(--accent);background:var(--accent-soft)}.hf-w{font:400 20px var(--display);letter-spacing:.08em}.hf-s{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.hf-best{grid-template-columns:1fr 1fr}.hf-best li{padding:6px 10px}.hf-best .hf-w{font-size:16px}.hf-meter{height:12px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:14px}.hf-meter span{display:block;height:100%;background:var(--accent);border-radius:99px}.hf-meter-cap{margin:6px 0 0;text-align:center;font-size:15px;color:var(--ink-2)}.hf-h{font:400 19px var(--display);margin:18px 0 4px}.hf-sevens,.hf-pop{margin:4px 0;display:flex;flex-wrap:wrap;gap:6px}.hf-chip{display:inline-flex;gap:6px;align-items:baseline;padding:4px 10px;border-radius:99px;background:var(--paper);border:1px solid var(--line-2);font-weight:700;letter-spacing:.05em}.hf-chip small{font-weight:400;color:var(--ink-3)}.hf-chip.mine{border-color:var(--accent);background:var(--accent-soft)}.hf-small-p{font-size:15px;margin:4px 0}@media (max-width: 440px){body[data-game=handful] .cj-wm{gap:2px}body[data-game=handful] .cj-wm-l{width:20px;height:24px;font-size:16px;border-radius:4px}}@media (max-width: 380px){body[data-game=handful] .cj-wm-l{width:18px;height:22px;font-size:15px}}