.ty-screen{padding:max(var(--pad), env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) max(var(--pad), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 18%, var(--glow) 0 30%, transparent 70%), var(--ivory);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vmin,18px);display:grid;position:fixed;inset:0}.ty-adult{align-items:center;gap:14px;display:flex}.ty-spacer{flex:1}.ty-adult-button{min-height:var(--adult-h);min-width:var(--adult-w);padding:8px var(--adult-pad-x);border:1.5px solid var(--line);border-radius:var(--radius-control);background:var(--control-fill);color:var(--adult-text);font:inherit;font-size:var(--adult-font);white-space:nowrap;cursor:pointer;touch-action:manipulation;font-weight:700}.ty-adult-button:disabled{opacity:.45;cursor:default}.ty-adult-button[aria-pressed=false]{text-decoration:line-through;text-decoration-thickness:1.5px}.ty-counts{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:15px;font-weight:700;display:flex}.ty-counts b{color:var(--ink);font-weight:800}.ty-board{grid-template-columns:repeat(var(--cols,7), minmax(0, 1fr));touch-action:manipulation;grid-auto-rows:minmax(118px,1fr);gap:clamp(10px,2vmin,20px) clamp(8px,1.4vmin,16px);min-height:0;padding:4px 4px 12px;display:grid;overflow-y:auto}.ty-card{--card:#8db87a;--card-deep:#5f8c4d;background:var(--card);min-width:0;box-shadow:0 7px 0 var(--card-deep), 0 11px 20px var(--drop);color:#24302f;font:inherit;cursor:pointer;border:0;border-radius:clamp(14px,2vmin,22px);padding:clamp(8px,1.4vmin,14px);transition:transform .11s cubic-bezier(.2,.8,.2,1),box-shadow .11s cubic-bezier(.2,.8,.2,1),opacity .16s;display:flex}.ty-card:active{box-shadow:0 2px 0 var(--card-deep), 0 4px 10px var(--drop);transform:translateY(5px)scale(.97)}.ty-card[aria-pressed=true]{box-shadow:0 0 0 6px var(--gold), 0 7px 0 var(--card-deep);transform:translateY(-3px)}.ty-board[data-picking] .ty-card[aria-pressed=false]{opacity:.35}.ty-card__in{background:var(--art-card);border-radius:clamp(9px,1.4vmin,15px);flex:1;grid-template-rows:auto minmax(0,1fr);align-items:center;gap:4px;min-width:0;padding:6px 4px 8px;display:grid}.ty-card__label{text-align:center;text-wrap:balance;font-size:clamp(13px,min(1.55vw,2.3vh),20px);font-weight:800;line-height:1.12}.ty-card__art,.ty-steps__picture,.ty-score__picture{position:relative;container-type:size}.ty-card__art{align-self:stretch;place-items:center;min-height:0;display:grid}.ty-card__art:has(>.ty-badge)>.ty-picture:not([data-food=none]){justify-self:end}.ty-picture{width:1em;height:1em;font-size:min(100cqw,100cqh);line-height:1;display:block;position:relative}.ty-picture>*{position:absolute}.ty-art{width:100%;height:100%;display:block}.ty-part{width:.76em;height:.76em;top:0;left:0}.ty-part[data-part=eyes]{top:-.08em}.ty-food{width:var(--food);height:var(--food);bottom:0;right:0}.ty-food--small{--food:.26em}.ty-food--medium{--food:.5em}.ty-food--large{--food:.62em}.ty-food--covered,.ty-food--plate{--food:.58em}.ty-picture[data-food=none] .ty-part{width:.7em;height:.7em;left:.15em}.ty-picture[data-food=several] .ty-part{width:.66em;height:.66em;left:.17em}.ty-foods{gap:.02em;width:max-content;display:flex;bottom:0;left:50%;transform:translate(-50%)}.ty-foods .ty-food{--food:min(.32em, 23cqw);position:static}.ty-far{width:.26em;height:.26em;top:.48em;left:.5em}.ty-picture[data-toward] .ty-part{width:.7em;height:.7em;left:auto;right:0}.ty-picture[data-toward] .ty-food{left:0;right:auto}.ty-arrow{width:.4em;height:.44em;top:.06em;left:.02em}.ty-badge{color:#fff;text-align:center;white-space:nowrap;background:#34454a;border-radius:999px;min-width:1.6em;padding:.1em .45em;font-size:clamp(8px,13cqmin,16px);font-weight:800;line-height:1.2;position:absolute;bottom:2cqmin;left:2cqmin}.ty-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:14px;font-weight:700;display:flex}.ty-legend span{align-items:center;gap:7px;display:inline-flex}.ty-legend i{background:var(--card);width:16px;height:16px;box-shadow:0 2px 0 var(--card-deep);border-radius:5px}.ty-panel{background:var(--paper);border:4px solid var(--panel-line);box-shadow:0 8px 0 var(--panel-ledge), 0 20px 40px var(--drop);border-radius:26px}.ty-score{left:50%;bottom:max(var(--pad), env(safe-area-inset-bottom));z-index:5;width:min(calc(100% - 2 * var(--pad)), 860px);gap:12px;padding:clamp(16px,2.6vmin,24px);animation:.22s ease-out ty-rise;display:grid;position:fixed;transform:translate(-50%)}.ty-score h2{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:clamp(22px,3vmin,28px);font-weight:800;display:flex}.ty-score__picture{border:5px solid var(--card);background:var(--art-card);border-radius:14px;place-items:center;width:76px;height:56px;display:grid}.ty-chip{background:var(--card);color:#24302f;border-radius:999px;padding:3px 12px;font-size:15px;font-weight:800}.ty-rule{color:var(--muted);margin:0;font-size:16px;font-weight:700}.ty-score__buttons{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:12px;display:grid}.ty-score__button{border:3px solid var(--card-line);background:var(--paper);min-height:64px;box-shadow:0 6px 0 var(--card-ledge);color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:18px;padding:0 12px;font-size:clamp(17px,2.4vmin,22px);font-weight:800}.ty-score__button:active{box-shadow:0 2px 0 var(--card-ledge);transform:translateY(4px)}.ty-score__button--done{border-color:var(--correct);background:var(--correct);color:#fff;box-shadow:0 6px 0 var(--correct-deep)}.ty-score__button--done:active{box-shadow:0 2px 0 var(--correct-deep)}@keyframes ty-rise{0%{opacity:0;transform:translate(-50%,18px)}}.ty-reward{z-index:6;padding:var(--pad);background:var(--card);color:#24302f;text-align:center;align-content:center;place-items:center;gap:clamp(14px,3vmin,28px);animation:.2s ease-out ty-fade;display:grid;position:fixed;inset:0}.ty-reward h2{margin:0;font-size:clamp(48px,9vmin,96px);font-weight:800;line-height:1.05}.ty-reward p{max-width:32ch;margin:0;font-size:clamp(20px,3vmin,28px);font-weight:800}.ty-ring{width:clamp(150px, 30vmin, max(260px, var(--fill) * var(--fill-ring) * 100dvh));height:auto}.ty-ring circle{fill:none;stroke-width:10px}.ty-ring__track{stroke:#ffffff6b}.ty-ring__fill{stroke:#fff;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .25s linear;transform:rotate(-90deg)}.ty-ring text{fill:#24302f;font-size:28px;font-weight:800;font-family:var(--font);font-variant-numeric:tabular-nums}.ty-next{min-width:240px;min-height:72px;box-shadow:0 7px 0 var(--card-deep);color:#24302f;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:0 40px;font-size:clamp(22px,3.4vmin,32px);font-weight:800}.ty-next:active{box-shadow:0 2px 0 var(--card-deep);transform:translateY(5px)}@keyframes ty-fade{0%{opacity:0}}.ty-card:focus-visible,.ty-score__button:focus-visible,.ty-next:focus-visible,.ty-adult-button:focus-visible,.ty-levels button:focus-visible,.ty-swatches button:focus-visible,.ty-times button:focus-visible,.ty-foodgrid button:focus-visible,.ty-start select:focus-visible{outline:6px solid var(--gold-ring);outline-offset:4px}.ty-mini{grid-template-columns:repeat(var(--cols,7), minmax(0, 1fr));gap:7px 5px;padding-bottom:3px;display:grid}.ty-mini__card{aspect-ratio:1/.9;background:var(--card);box-shadow:0 3px 0 var(--card-deep);border-radius:8px;padding:3px;display:grid}.ty-mini__card .ty-card__art{background:var(--art-card);border-radius:5px;padding:2px}.ty-mini .ty-badge{min-width:0;padding:0 3px;font-size:6px}.ts-body>.ty-start{justify-content:center}.ty-editor{text-align:left}.ts-panel .ty-level:last-child{border-bottom:0}.ts-panel .ty-level{padding-top:6px}.ty-section{gap:10px;display:grid}.ty-section h2{color:var(--ink);font-size:20px}.ty-note{color:var(--muted);margin:0;font-size:15px;font-weight:700}.ty-start{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:16px;font-weight:800;display:flex}.ty-start select{border:1.5px solid var(--line);border-radius:var(--radius-control);background:var(--paper);max-width:100%;min-height:44px;color:var(--ink);font:inherit;padding:0 12px;font-weight:700}.ty-steps{margin:0;padding:0;list-style:none;display:grid}.ty-steps li{border-bottom:1px solid var(--row-line);grid-template-columns:26px 64px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 0;display:grid}.ty-steps li[data-hidden] .ty-steps__label{color:var(--muted)}.ty-steps li[data-hidden] .ty-steps__picture{opacity:.4}.ty-steps li[data-hidden] .ty-show{grid-column:4/6;justify-self:end}.ty-steps__number{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px;font-weight:700}.ty-steps__picture{background:var(--art-card);border-radius:10px;place-items:center;height:44px;display:grid}.ty-steps__picture .ty-badge,.ty-score__picture .ty-badge{min-width:0;padding:1px 4px;font-size:9px;bottom:-4px;left:-4px}.ty-steps__label{font-size:16px;font-weight:800}.ty-levels{display:inline-flex}.ty-levels button,.ty-times button{border:1.5px solid var(--line);background:var(--control-fill);min-width:44px;min-height:40px;color:var(--muted);font:inherit;cursor:pointer;margin-left:-1.5px;padding:0 10px;font-size:13px;font-weight:800}.ty-levels button:first-child,.ty-times button:first-child{border-radius:10px 0 0 10px;margin-left:0}.ty-levels button:last-child,.ty-times button:last-child{border-radius:0 10px 10px 0}.ty-levels button[aria-checked=true]{border-color:var(--card-deep);background:var(--card);color:#24302f;position:relative}.ty-times button[aria-checked=true]{border-color:var(--selected-line);background:var(--selected);color:var(--ink);position:relative}.ty-times{flex-wrap:wrap;display:flex}.ty-level{border-bottom:1px solid var(--row-line);gap:8px;padding:10px 0;display:grid}.ty-level h3{margin:0;font-size:16px;font-weight:800}.ty-level h3 small{color:var(--muted);font-weight:700}.ty-swatches{flex-wrap:wrap;gap:8px;display:flex}.ty-swatches button{background:var(--card);cursor:pointer;border:3px solid #0000;border-radius:50%;width:40px;height:40px}.ty-swatches button[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--paper)}.ty-foodgrid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.ty-foodgrid button{border:1.5px solid var(--line);background:var(--art-card);cursor:pointer;border-radius:14px;place-items:center;min-height:52px;font-size:38px;display:grid}.ty-foodgrid button[aria-checked=true]{border-color:var(--prompt);box-shadow:inset 0 0 0 2.5px var(--prompt)}@media (orientation:portrait){.ty-board{grid-template-columns:repeat(auto-fill,minmax(min(150px,30%),1fr));grid-auto-rows:minmax(150px,auto)}}@media (width<=540px){.ty-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(118px,auto)}.ty-score__buttons{grid-template-columns:minmax(0,1fr)}.ty-score__button{min-height:54px}.ty-steps li{grid-template-columns:22px 60px minmax(0,1fr) auto}.ty-steps__picture{height:40px}.ty-steps .ty-show,.ty-steps li[data-hidden] .ty-show{grid-area:1/4}.ty-levels{grid-area:2/2/auto/-1}}@media (orientation:landscape) and (height<=500px){.ty-screen{gap:6px}.ty-board{grid-auto-rows:minmax(96px,1fr)}.ty-legend{display:none}.ty-score__buttons{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.ty-score__button{min-height:50px}.ty-card{padding:6px}.ty-card__in{gap:2px;padding:4px 3px 5px}.ty-card__art .ty-picture{width:1.9em;font-size:min(52.6316cqw,100cqh)}.ty-card__art .ty-picture .ty-part{width:1em;height:1em;top:0;left:0}.ty-card__art .ty-food--small{--food:.42em}.ty-card__art .ty-food--medium{--food:.66em}.ty-card__art .ty-food--large{--food:.84em}.ty-card__art .ty-food--covered,.ty-card__art .ty-food--plate{--food:.8em}.ty-card__art .ty-far{width:.5em;height:.5em;top:.4em;left:.92em}.ty-card__art .ty-picture[data-food=none] .ty-part{left:.45em}.ty-card__art .ty-picture[data-toward] .ty-part{left:auto;right:0}.ty-card__art .ty-arrow{width:.6em;height:.6em;top:0;left:.18em}.ty-card__art .ty-picture[data-food=several] .ty-foods{flex-wrap:wrap;place-content:center;width:.9em;inset:0 0 0 auto;transform:none}.ty-card__art .ty-foods .ty-food{--food:.44em}.ty-card__art .ty-badge{inset:1px 1px auto auto}.ty-card__art:has(>.ty-badge)>.ty-picture:not([data-food=none]){justify-self:center}}@media (prefers-reduced-motion:reduce){.ty-screen *,.ty-editor *{transition:none!important;animation:none!important}}
