.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{border:1.5px solid var(--line);border-radius:var(--radius-control);background:var(--control-fill);min-width:64px;min-height:44px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;padding:8px 14px;font-size:14px;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-picture{justify-content:center;align-items:center;gap:.1em;font-size:clamp(26px,min(3.7vw,5.6vh),58px);line-height:1;display:flex;position:relative}.ty-part{display:inline-block}.ty-food{justify-content:center;align-items:center;line-height:1;display:inline-flex}.ty-food--small{font-size:.5em}.ty-food--medium{font-size:.72em}.ty-food--large{font-size:1.12em}.ty-foods{flex-wrap:wrap;justify-content:center;gap:.05em;max-width:1.6em;display:inline-flex}.ty-bite{background:radial-gradient(circle at 35% 30%,#f6b39f 0 16%,#e46a4c 46%,#b8452c 100%);border-radius:50%;width:.85em;height:.85em;display:inline-block;box-shadow:inset 0 -2px #0000001f}.ty-far{border-bottom:3px dotted #8a979b;align-self:center;width:.6em}.ty-arrow{color:#707d81;font-size:.45em;font-weight:800}.ty-cloche{width:1.2em;height:auto}.ty-badge{color:#fff;text-align:center;white-space:nowrap;background:#34454a;border-radius:999px;min-width:1.4em;padding:.12em .4em;font-size:max(11px,.3em);font-weight:800;position:absolute;bottom:-.1em;right:-.15em}.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-score__picture .ty-picture{font-size:26px}.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,260px);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);outline-offset:4px}.ty-setup__card{text-align:left}.ty-setup__card>h1,.ty-setup__card>.ts-intro{text-align:center}.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-picture{font-size:22px}.ty-steps__picture .ty-badge{padding:1px 4px;font-size:9px;bottom:-6px;right:-6px}.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(--control-fill);cursor:pointer;border-radius:14px;place-items:center;min-height:52px;font-size:26px;display:grid}.ty-foodgrid button[aria-checked=true]{border-color:var(--selected-line);background:var(--selected);box-shadow:inset 0 0 0 2px var(--selected-line)}.ty-foodgrid .ty-bite{width:26px;height:26px}@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 48px minmax(0,1fr) auto}.ty-steps__picture{height:38px}.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}}@media (prefers-reduced-motion:reduce){.ty-screen *,.ty-setup *{transition:none!important;animation:none!important}}