@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/papergames/foldies/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/papergames/foldies/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/papergames/foldies/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2) format("woff2"),url(/papergames/foldies/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/papergames/foldies/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/papergames/foldies/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/papergames/foldies/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/papergames/foldies/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}:root{--paper: #f7f4ec;--sheet: #fffdf7;--grid: #c3d4e8;--ink: #1f3a8a;--ink-soft: #4a5f8f;--accent: #d6453d;--desk: #e9e4d6;--fold: #ebe6d8;--hand: "Patrick Hand", "Comic Sans MS", cursive;--ui: "Atkinson Hyperlegible", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--ui);-webkit-tap-highlight-color:transparent;font-synthesis:none}button,input{font:inherit;color:inherit}button,label,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hand{font-family:var(--hand);font-weight:700}.soft{color:var(--ink-soft)}.paper{position:relative;min-height:100dvh;overflow:hidden;background:var(--paper)}.grid{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}.paper>.grid,.paper>.crumple,.paper>.margin,.paper>.crease{position:absolute;pointer-events:none}.paper>.grid{inset:0}.paper>.crumple{inset:0;width:100%;height:100%;mix-blend-mode:multiply;opacity:.3}.paper>.margin{top:0;bottom:0;left:clamp(28px,7vw,96px);width:2px;background:var(--accent);opacity:.7}.paper>.crease{left:0;right:0;height:2px;background:linear-gradient(#00000014,#ffffffb3)}.content{position:relative;z-index:1}.cut{display:inline-block;background:var(--sheet);padding:.12em .32em .2em;margin:0 .05em;box-shadow:1px 2px #1f3a8a40;clip-path:polygon(0 4%,8% 0,30% 3%,55% 0,80% 4%,100% 1%,97% 30%,100% 62%,96% 100%,70% 97%,40% 100%,12% 96%,0 100%,3% 60%)}.logo{font-family:var(--hand);font-weight:700;white-space:nowrap}.note{position:relative;background:var(--sheet);box-shadow:2px 6px 18px #1f3a8a2e}.note>.tape{position:absolute;width:110px;height:28px;background:#f0e8c8bf;top:-14px;left:50%;margin-left:-55px;transform:rotate(-3deg)}.btn{border:0;background:var(--ink);color:var(--sheet);font-family:var(--hand);font-weight:700;font-size:1.6rem;min-height:56px;padding:.3em 1.2em;clip-path:polygon(0 6%,20% 0,50% 4%,80% 0,100% 5%,98% 50%,100% 96%,70% 100%,40% 95%,10% 100%,0 94%,2% 50%)}.btn.ghost{background:transparent;color:var(--ink);border:2px dashed var(--ink-soft);clip-path:none}.btn.small{font-size:1.2rem;min-height:44px}.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;font-family:var(--hand);font-weight:700;font-size:1.7rem}.dot{width:14px;height:14px;border-radius:50%;flex:none}.badge{font-family:var(--ui);font-weight:400;font-size:.85rem;border:1.5px solid var(--ink-soft);border-radius:10px;padding:0 8px}input.field{width:100%;min-height:56px;padding:8px 14px;border:2px solid var(--ink);background:var(--sheet);font-family:var(--hand);font-weight:700;font-size:1.8rem}.error{color:var(--accent);font-weight:700}.status-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:10px 16px;text-align:center;background:var(--accent);color:var(--sheet);font-weight:700}.phone{max-width:520px;margin:0 auto;padding:18px 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.phone .head{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer{width:64px;height:64px;border-radius:50%;border:3px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--hand);font-weight:700;font-size:1.6rem;flex:none}.timer.urgent{background:var(--accent);color:var(--sheet)}.sheet{position:relative;background:var(--sheet);box-shadow:0 4px 14px #1f3a8a2e;touch-action:none;-webkit-user-select:none;user-select:none}.sheet canvas{display:block}.stub{position:relative;background:var(--fold);border-bottom:1px solid #cfc7b2;box-shadow:0 3px 6px #0000001f}.stub-label{position:absolute;left:10px;top:4px;font-size:.8rem;color:#6b5f45;pointer-events:none}.edge-hint{border-top:2px dashed #8aa3c8;padding:3px;text-align:center;font-size:.75rem;color:var(--ink-soft)}.tools{display:flex;justify-content:space-between;gap:6px}.tool{width:52px;height:52px;border-radius:10px;border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.tool[aria-pressed=true]{border-color:var(--ink);background:var(--sheet)}.swatches{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}.swatch{width:36px;height:36px;border-radius:50%;border:3px solid var(--sheet);box-shadow:0 0 0 1px #8aa3c8;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.sizes{display:flex;gap:8px;align-items:center}.size{width:44px;height:44px;border-radius:50%;border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.swatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px 4px;justify-items:center}.swatches .swatch{width:32px;height:32px}.swatch[data-active=true]{box-shadow:0 0 0 3px var(--ink)}.swatch.custom{position:relative;overflow:hidden;cursor:pointer;background:conic-gradient(#d6453d,#f4d03f,#8bc34a,#26a6a0,#5fa8e8,#7a4bb8,#f08fb4,#d6453d)}.swatch.custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.size[aria-pressed=true]{border-color:var(--ink);background:var(--sheet)}.size span{display:block;border-radius:50%;background:var(--ink)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.pill{min-height:44px;padding:6px 14px;border:2px solid var(--ink-soft);background:transparent;font-weight:700}.pill[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--sheet)}.tv{min-height:100dvh;padding:clamp(24px,4vw,56px) clamp(24px,4vw,64px) clamp(24px,4vw,56px) clamp(56px,10vw,136px)}.tv-lobby{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:start}.tv h1{margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(64px,10vw,140px);line-height:1;transform:rotate(-2deg)}.join-card{width:340px;padding:34px 30px 28px;transform:rotate(2deg);text-align:center}.qr{width:220px;height:220px;margin:0 auto}.qr svg{width:100%;height:100%;display:block}.code{font-family:var(--hand);font-weight:700;font-size:56px;letter-spacing:6px;line-height:1.1}.players{display:flex;flex-wrap:wrap;gap:14px}.players .chip:nth-child(odd){transform:rotate(-2deg)}.players .chip:nth-child(2n){transform:rotate(2deg)}.reveal-layout{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:40px;align-items:center;min-height:calc(100dvh - 120px)}.figure-sheet{background:var(--sheet);box-shadow:4px 10px 30px #1f3a8a38;transform:rotate(1.5deg)}.figure-sheet canvas{display:block}.credits{display:flex;flex-direction:column;gap:32px}.credits .who{font-family:var(--hand);font-weight:700;font-size:2.4rem;display:flex;align-items:center;gap:10px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px}.gallery figure{margin:0}.gallery figcaption{margin-top:10px;text-align:center;font-family:var(--hand);font-weight:700;font-size:1.6rem}.progress{display:flex;flex-wrap:wrap;gap:18px}.progress .chip[data-done=true]{text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--accent)}.tv-viewport{position:relative;width:100vw;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center}.tv-stage{position:relative;flex:none;width:1280px;height:720px;transform-origin:center}.tv-margin{position:absolute;top:0;bottom:0;left:92px;width:2px;background:var(--accent);opacity:.7}.tv-inner{position:relative;width:100%;height:100%;box-sizing:border-box}.tv-stage h1{margin:0;font-family:var(--hand);font-weight:700;line-height:1;transform:rotate(-2deg)}.tv-stage .tv-lobby{height:100%;align-items:center}.tv-stage .reveal-layout{height:100%;min-height:0}.tv-gallery{display:flex;justify-content:center;align-items:flex-start;flex:1;min-height:0}.tv-gallery figure{margin:0}.tv-gallery figcaption{margin-top:10px;text-align:center;font-family:var(--hand);font-weight:700;font-size:1.5rem;line-height:1.1}.phone:has(.pad){height:100dvh;overflow:hidden;padding-top:12px;gap:10px}.pad{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.pad-area{flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start}.pad .sheet{flex:none}.pad .edge-hint{display:flex;align-items:center;justify-content:center;padding:0}.pad .tools .tool{width:48px;height:48px}.pad-row{justify-content:space-between;flex-wrap:nowrap}.color-button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:4px 14px 4px 6px;border:2px solid var(--ink-soft);background:var(--sheet);font-weight:700}.color-button .swatch{width:34px;height:34px;box-shadow:0 0 0 1px #8aa3c8;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%);background-size:10px 10px}.sheet-backdrop{position:fixed;inset:0;z-index:20;background:#1f3a8a40;display:flex;align-items:flex-end;justify-content:center}.palette{width:min(520px,100%);padding:18px 18px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;animation:palette-up .18s ease-out}.palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px;justify-items:center}.palette-grid .swatch{width:46px;height:46px}@keyframes palette-up{0%{transform:translateY(40px);opacity:0}}.name-in{display:inline-block;animation:name-write 1.1s steps(18,end) both,name-pop .5s 1.05s ease-out both}@keyframes name-write{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% -5% -20% 0)}}@keyframes name-pop{0%{transform:scale(1)}40%{transform:scale(1.12) rotate(-2deg)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.name-in,.palette{animation:none}}.phone:has(.reveal-area){height:100dvh;overflow:hidden}.reveal-area{flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.fade-in{animation:fade-in .6s 1.3s ease-out both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.reveal-name{margin:0;min-height:2.3em;font-size:2.2rem;line-height:1.05;display:flex;align-items:center;justify-content:center;text-align:center}.reveal-bottom{flex:none;height:132px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.name-form{display:flex;gap:8px}.name-form .field{flex:1;min-width:0;font-size:1.5rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}