@font-face{font-family:Caveat;font-weight:700;font-display:swap;src:url(/take-ten/assets/caveat-700-CXpGlwxz.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:400;font-display:swap;src:url(/take-ten/assets/alegreya-sans-400-CUl-7pZ6.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:500;font-display:swap;src:url(/take-ten/assets/alegreya-sans-500-DqiCFOjO.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:700;font-display:swap;src:url(/take-ten/assets/alegreya-sans-700-wtMREkJN.woff2) format("woff2")}:root{--paper: #e9ebe2;--sheet: #f2f3ec;--grid: #a9bcd0;--margin: #c4746b;--ink: #2a3c72;--red: #a8362c;--secondary: #8f9bb5;--crossed: #8b93a3;--pencil: rgba(88, 92, 102, .72);--hand: "Caveat", cursive;--sans: "Alegreya Sans", system-ui, sans-serif;--cell: clamp(26px, calc((100dvw - 8px) / 10.4), 46px)}:root[data-ink=black]{--ink: #2e3036}:root[data-ink=green]{--ink: #2d5c45}:root[data-ink=pencil]{--ink: #575c66}:root[data-paper=cream]{--paper: #e4dcc4;--sheet: #f3ecd7;--grid: #cdbd92;--margin: #b65c50;--secondary: #a1946f;--crossed: #a99c7e}:root[data-paper=night]{--paper: #17191d;--sheet: #23262d;--grid: #3a414f;--margin: #8a4a44;--red: #c65a4e;--secondary: #6e7787;--crossed: #5d6572;--pencil: rgba(196, 202, 214, .6);--ink: #aebfe4}:root[data-paper=night][data-ink=black]{--ink: #ced2db}:root[data-paper=night][data-ink=green]{--ink: #8fc9a8}:root[data-paper=night][data-ink=pencil]{--ink: #99a0ac}:root[data-stats=off] .page-stats{display:none}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background-color:var(--paper);background-image:radial-gradient(130% 90% at 50% 0%,rgba(255,255,255,.5),transparent 60%),radial-gradient(120% 120% at 50% 110%,rgba(42,60,114,.07),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-attachment:fixed;font-family:var(--sans);transition:background-color .3s ease,color .3s ease;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.app{height:100dvh;display:flex;flex-direction:column}:root[data-paper=night] body{background-image:radial-gradient(130% 90% at 50% 0%,rgba(255,255,255,.03),transparent 60%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.sheet-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.sheet{position:relative;width:calc(var(--cell) * 10.4);min-height:100%;margin:0 auto;padding:env(safe-area-inset-top,0px) 0 calc(var(--cell) * 4) var(--cell);background-position:0 env(safe-area-inset-top,0px),0 env(safe-area-inset-top,0px),0 0;background-color:var(--sheet);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-size:var(--cell) var(--cell),var(--cell) var(--cell),140px 140px;box-shadow:0 0 0 1px #a9bcd059,inset 12px 0 16px -12px #2a3c7238,inset -6px 0 12px -8px #2a3c7214,0 6px 22px #2a3c721a}.sheet:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--cell) * .62);width:1.5px;background:var(--margin);opacity:.75;pointer-events:none}.page-head{position:relative;height:calc(var(--cell) * 2)}.page-title{position:absolute;left:calc(var(--cell) * .12);bottom:calc(var(--cell) * .1);font-family:var(--hand);font-weight:700;font-size:calc(var(--cell) * 1.02);line-height:1;color:var(--ink);transform:rotate(-1.1deg)}.title-underline{position:absolute;left:-2%;bottom:calc(var(--cell) * -.16);width:103%;height:calc(var(--cell) * .22);overflow:visible}.title-underline path{fill:none;stroke:var(--red);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.85;stroke-dasharray:100;animation:draw-100 .5s ease-out .25s backwards}@keyframes draw-100{0%{stroke-dashoffset:100}}.page-stats{position:absolute;right:calc(var(--cell) * .55);bottom:calc(var(--cell) * .18);font-family:var(--hand);font-weight:700;font-size:max(15px,calc(var(--cell) * .44));line-height:1;color:var(--secondary);transform:rotate(-1.6deg);font-variant-numeric:tabular-nums}.rules-btn.new-btn{right:calc(var(--cell) * 1.35);transform:rotate(-3deg)}.rules-btn{position:absolute;right:calc(var(--cell) * .45);top:calc(var(--cell) * .28);width:calc(var(--cell) * .62);height:calc(var(--cell) * .62);min-width:22px;min-height:22px;padding:0;font-family:var(--hand);font-weight:700;font-size:max(13px,calc(var(--cell) * .4));color:var(--secondary);background:transparent;border:1.6px solid currentColor;border-radius:52% 48% 50% 50%/48% 52%;transform:rotate(4deg);cursor:pointer}.grid{position:relative;display:grid;grid-template-columns:repeat(9,var(--cell));grid-auto-rows:var(--cell)}.cell{position:relative;padding:0;border:none;background:transparent;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;font:inherit}.digit{display:block;font-family:var(--hand);font-weight:700;font-size:calc(var(--cell) * .82);line-height:1;color:var(--ink);opacity:var(--press, 1);text-shadow:0 0 .5px currentColor;transform:translate(var(--dx),var(--dy)) rotate(var(--rot));transition:color .25s ease,opacity .25s ease,transform 90ms ease;animation:write-in .3s ease-out backwards;animation-delay:calc(var(--col) * 14ms)}.cell:active:not(.crossed) .digit{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.88)}@keyframes write-in{0%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 7px)) rotate(var(--rot))}}.crossed .digit{color:var(--crossed);opacity:.5;text-shadow:none}.strike{position:absolute;left:-4%;width:108%;top:30%;height:40%;transform:rotate(var(--strike-rot));overflow:visible;pointer-events:none}.strike path{fill:none;stroke:var(--red);stroke-width:max(2px,calc(var(--cell) * .06));stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.88;stroke-dasharray:100;animation:draw-100 .22s cubic-bezier(.35,.7,.35,1) backwards}.oval{position:absolute;top:2%;right:5%;bottom:2%;left:5%;transform:rotate(var(--oval-rot));overflow:visible;pointer-events:none}.oval path{fill:none;stroke:var(--pencil);stroke-width:2.1px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;animation:draw-100 .22s ease-out backwards}.scribble{position:absolute;top:3%;right:6%;bottom:3%;left:6%;overflow:visible;pointer-events:none}.scribble path{fill:none;stroke:var(--pencil);stroke-width:max(1.6px,calc(var(--cell) * .05));stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.6;stroke-dasharray:100;animation:draw-100 .26s ease-out backwards}.hinted .oval path{stroke-dasharray:5 4;animation:hint-pulse .9s ease-in-out infinite alternate}@keyframes hint-pulse{0%{opacity:.4}to{opacity:.95}}.shaking{animation:shake .38s ease-in-out}@keyframes shake{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.dissolving{animation:dissolve .25s ease-in .23s forwards}@keyframes dissolve{to{opacity:0;transform:scale(.85) rotate(1.2deg);filter:blur(1.5px)}}.menu-screen{flex:1;display:grid;place-items:center;padding:1.5rem;background-color:var(--sheet);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:34px 34px}.menu-inner{text-align:center;transform:translateY(-4%)}.menu-title{position:relative;display:inline-block;margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(3rem,14vw,4.6rem);line-height:1;color:var(--ink);transform:rotate(-1.5deg)}.menu-title .title-underline{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.16em;overflow:visible}.menu-sub{margin:1rem 0 2.2rem;font-family:var(--sans);font-size:1rem;letter-spacing:.04em;color:var(--secondary)}.menu-actions{display:flex;flex-direction:column;align-items:center;gap:.9rem}.menu-btn-big{font-size:1.55rem;min-width:12rem;padding:.55rem 1.4rem}.toolbar{display:flex;justify-content:center;gap:.8rem;padding:.65rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid rgba(169,188,208,.45)}.tool-btn{font-family:var(--hand);font-weight:700;font-size:1.4rem;line-height:1;color:var(--ink);background:var(--sheet);padding:.45rem 1.2rem;border:1.8px solid currentColor;border-radius:14px 255px 16px/255px 16px;box-shadow:2px 2px #2a3c7224;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.tool-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #2a3c7200}.tool-btn:disabled{color:var(--secondary);opacity:.55;box-shadow:none;cursor:default}.tool-btn.primary{color:var(--red)}.add-btn.urgent{color:var(--red);animation:urge 1.3s ease-in-out infinite}@keyframes urge{50%{transform:scale(1.05)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:#e9ebe2bf;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in .2s ease-out;z-index:10}@keyframes fade-in{0%{opacity:0}}.card{max-width:400px;padding:1.5rem 1.7rem 1.7rem;background-color:var(--sheet);background-image:linear-gradient(to right,rgba(169,188,208,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(169,188,208,.28) 1px,transparent 1px);background-size:26px 26px;border:1px solid rgba(169,188,208,.6);border-radius:3px;box-shadow:0 2px #fff9 inset,0 12px 32px #2a3c7229;transform:rotate(-.4deg);text-align:center}.card-title{margin:0 0 .6rem;font-family:var(--hand);font-weight:700;font-size:2.1rem;color:var(--ink)}.rules-list{margin:0 0 1rem;padding-left:1.15rem;text-align:left;font-size:1rem;line-height:1.45;color:#4a5878}.rules-list li{margin-bottom:.45rem}.rules-list strong{color:var(--ink)}.ex-row{display:flex;justify-content:center;gap:1.6rem;margin-bottom:1.2rem}.ex-pair{display:inline-flex;align-items:baseline;gap:.15rem}.ex-d{position:relative;display:inline-block;min-width:1.15rem;font-family:var(--hand);font-weight:700;font-size:1.7rem;line-height:1;color:var(--ink);opacity:.75}.ex-d.struck:after{content:"";position:absolute;left:-10%;right:-10%;top:48%;height:2.2px;background:var(--red);border-radius:2px;transform:rotate(-14deg);opacity:.85}.ex-d.struck:nth-child(2):after{transform:rotate(-11deg)}.ex-label{margin-left:.45rem;font-family:var(--sans);font-size:.88rem;color:var(--secondary)}.mode-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.1rem;flex-wrap:wrap}.mode-label{font-family:var(--sans);font-size:.9rem;color:var(--secondary)}.mode-btn{font-family:var(--hand);font-weight:700;font-size:1.05rem;line-height:1;color:var(--secondary);background:transparent;padding:.28rem .7rem;border:1.6px solid currentColor;border-radius:10px 160px 12px/160px 12px;cursor:pointer}.mode-btn.active{color:var(--ink);border-color:var(--red);box-shadow:1px 1px #a8362c59}.card-actions{display:flex;justify-content:center;gap:.8rem}.settings-card .mode-row{justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;margin-bottom:.55rem}.settings-card .mode-label{flex:0 0 4.6rem;text-align:right}.mode-opts{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.settings-note{margin:.7rem 0 1rem;font-size:.85rem;color:var(--secondary)}.win-card .card-title{margin-bottom:.1rem}.underline{width:200px;color:var(--red);stroke-dasharray:230;stroke-dashoffset:230;animation:draw .42s ease-out .18s forwards}@keyframes draw{to{stroke-dashoffset:0}}.win-stats{margin:.7rem 0 1.3rem;font-family:var(--sans);color:var(--secondary);font-size:1.05rem}.win-stats strong{color:var(--ink)}.toast{position:fixed;left:50%;bottom:calc(4.9rem + env(safe-area-inset-bottom));transform:translate(-50%) rotate(-1.6deg);padding:.2rem .6rem;font-family:var(--hand);font-weight:700;font-size:1.35rem;line-height:1.1;color:var(--red);text-shadow:0 0 8px var(--paper),0 0 4px var(--paper),0 0 2px var(--paper);animation:toast-cycle 1.9s ease-in-out forwards;pointer-events:none;z-index:20;white-space:nowrap}@keyframes toast-cycle{0%{opacity:0;transform:translate(-50%) rotate(-1.6deg) translateY(8px)}12%,80%{opacity:1;transform:translate(-50%) rotate(-1.6deg) translateY(0)}to{opacity:0}}