.tf-ninja{margin-block:100px;scroll-margin-top:110px}.tf-ninja__shell{position:relative;display:grid;grid-template-columns:.83fr 1.17fr;gap:48px;overflow:hidden;padding:48px;border-radius:30px;background:#292c22;color:#fff8ed}.tf-ninja__intro{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:8px 0}.tf-ninja .tf-eyebrow{color:#bfc6ab;font-size:10px;letter-spacing:.16em;margin-bottom:28px}.tf-ninja__title{font-family:var(--tf-display);font-size:clamp(62px,7.7vw,112px);font-weight:900;line-height:.83;letter-spacing:-.065em;margin:0 0 30px}.tf-ninja__title>span{display:block}.tf-ninja__title>span:last-child{position:relative;color:#efb544;transform:rotate(-5deg);transform-origin:left center}.tf-ninja__star{display:inline-block;position:absolute;font-size:.64em;color:#ed6548;right:-.74em;top:-.13em;transform:rotate(14deg);font-weight:400}.tf-ninja__tagline{font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.03em;margin:0 0 15px}.tf-ninja__description{font-size:14px;line-height:1.6;color:#c9cdbf;max-width:280px;margin:0}.tf-ninja__stamp{display:grid;place-content:center;width:87px;height:87px;margin:25px 0;border:1px solid #efb544;border-radius:50%;transform:rotate(-12deg);font-size:10px;font-weight:750;letter-spacing:.1em;text-align:center;line-height:1.5;color:#efb544;box-shadow:inset 0 0 0 5px #292c22,inset 0 0 0 6px #696b43}.tf-ninja__plan{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:12px;font-weight:650;color:#fff8ed;text-decoration:none;border-bottom:1px solid #737666;padding-bottom:5px}.tf-ninja__plan svg{width:16px;height:16px}.tf-ninja__game{min-width:0;background:#34382c;border:1px solid #545746;border-radius:22px;overflow:hidden}.tf-ninja__game[hidden]{display:none}.tf-ninja__scoreboard{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid #565a484d}.tf-ninja__scoreboard>div{display:grid;gap:4px;min-width:85px}.tf-ninja__scoreboard span{font-size:8px;letter-spacing:.12em;font-weight:700;color:#b4bba5}.tf-ninja__scoreboard strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums;font-weight:750}.tf-ninja__timer{text-align:center;color:#efb544}.tf-ninja__best{text-align:right}.tf-ninja__stage{position:relative;height:330px;isolation:isolate;background:radial-gradient(ellipse at 50% 95%,#60604355,transparent 65%);overflow:hidden;cursor:default}.tf-ninja__stage[data-state=playing]{touch-action:none;cursor:crosshair}.tf-ninja__stage canvas{position:absolute;width:100%;height:100%;inset:0;z-index:2}.tf-ninja__bowl{position:absolute;bottom:-20px;width:38%;max-width:145px;height:130px;left:50%;transform:translateX(-50%);z-index:1;pointer-events:none}.tf-ninja__bowl img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px #11160b55)}.tf-ninja__overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px 32px 74px;background:linear-gradient(transparent,#34382c38 85%)}.tf-ninja__overlay[hidden]{display:none}.tf-ninja__overlay-note{font-size:8px;letter-spacing:.14em;color:#d5c291;font-weight:700}.tf-ninja__overlay h3{font-size:34px;line-height:1.1;letter-spacing:-.045em;margin:10px 0;color:#fff8ed}.tf-ninja__overlay p{font-size:12px;line-height:1.4;color:#c9cdbf;margin:0 0 22px;max-width:260px}.tf-ninja__play{display:flex;align-items:center;justify-content:center;gap:30px;min-height:48px;border:0;border-radius:10px;padding:12px 21px;background:#efb544;color:#292c22;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 5px 0 #ad782b;transition:transform .18s,box-shadow .18s}.tf-ninja__play:hover{transform:translateY(-2px);box-shadow:0 7px 0 #ad782b}.tf-ninja__play:active{transform:translateY(3px);box-shadow:0 2px 0 #ad782b}.tf-ninja__play span{font-size:22px;line-height:1}.tf-ninja__controls{position:relative;z-index:5;padding:0 18px 17px}.tf-ninja__ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tf-ninja__ingredients button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:44px;border:1px solid #737863;border-radius:8px;background:#414735;color:#fff8ed;font:inherit;font-size:11px;font-weight:650;cursor:pointer;transition:background .15s,opacity .15s}.tf-ninja__ingredients button:disabled{opacity:.5;cursor:default}.tf-ninja__ingredients button:not(:disabled):hover{background:#596142}.tf-ninja__ingredients kbd{margin-left:auto;padding:1px 4px;border:1px solid #77826a;border-radius:3px;font:inherit;font-size:9px}.tf-ninja__dot{display:block;width:11px;height:11px;border-radius:50%;flex:none}.tf-ninja__dot--tomato{background:#ee654c}.tf-ninja__dot--onion{background:#cdb1d3;border:2px solid #92749b}.tf-ninja__dot--chilli{background:#9fbb71;border-radius:0 100% 0 100%;transform:rotate(-25deg)}.tf-ninja__settings{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#b6beaa;font-size:9px}.tf-ninja__settings button{background:transparent;border:0;padding:5px 0;color:#f3e8d1;font:inherit;font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:30px}.tf-ninja__settings button:disabled{opacity:.4;cursor:default}.tf-ninja__settings [aria-pressed=true]{color:#efb544}.tf-ninja__settings span{text-align:center}.tf-ninja__combo{position:absolute;z-index:3;inset:24px 0 auto;text-align:center;color:#efb544;font-size:21px;letter-spacing:-.04em;font-weight:850;pointer-events:none;text-shadow:0 2px 10px #292c22}.tf-ninja__nojs{align-self:center;font-size:24px}.tf-ninja button:focus-visible,.tf-ninja a:focus-visible{outline:3px solid #efb544;outline-offset:4px}.tf-ninja__timer.is-low{color:#ffa38a}@media(max-width:1000px){.tf-ninja__shell{gap:25px;padding:32px}.tf-ninja__title{font-size:80px}.tf-ninja__tagline{font-size:21px}.tf-ninja__scoreboard{padding:19px 18px 14px}.tf-ninja__ingredients kbd{display:none}.tf-ninja__stage{height:340px}}@media(max-width:760px){.tf-ninja{margin-block:65px}.tf-ninja__shell{grid-template-columns:1fr;gap:26px;padding:28px 18px 18px;border-radius:24px}.tf-ninja__intro{padding:0 10px}.tf-ninja .tf-eyebrow{margin:0 0 25px}.tf-ninja__title{font-size:80px;line-height:.83;margin-bottom:22px}.tf-ninja__title>span{display:inline-block}.tf-ninja__title>span:last-child{margin-left:.14em;font-size:.75em}.tf-ninja__star{font-size:.5em;right:-.65em;top:-.3em}.tf-ninja__tagline{font-size:20px;margin-bottom:10px}.tf-ninja__tagline br{display:none}.tf-ninja__description{max-width:330px;font-size:13px;padding-right:35px}.tf-ninja__stamp{position:absolute;right:4px;top:125px;width:58px;height:58px;font-size:7px;display:none}.tf-ninja__plan{margin-top:18px;font-size:11px}.tf-ninja__stage{height:305px}.tf-ninja__game{border-radius:18px}.tf-ninja__overlay{padding-inline:20px}.tf-ninja__controls{padding:0 12px 12px}.tf-ninja__scoreboard>div{min-width:60px}.tf-ninja__scoreboard span{font-size:7px}.tf-ninja__settings{font-size:8px;gap:7px}.tf-ninja__settings button{font-size:9px}}@media(max-width:400px){.tf-ninja__title{font-size:clamp(48px,17vw,69px)}.tf-ninja__shell{padding:24px 12px 12px}.tf-ninja__intro{padding-inline:8px}.tf-ninja__scoreboard{padding-inline:14px}.tf-ninja__ingredients button{font-size:10px;gap:5px}}@media(prefers-reduced-motion:reduce){.tf-ninja *{transition:none!important}}

.tf-ninja__rule{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 10px;color:#e5d7bb;font-size:11px;line-height:1.4}.tf-ninja__rule svg{flex:none}.tf-ninja__stage[data-reason=bomb] .tf-ninja__overlay-note{color:#ffb09a}

.tf-ninja__play:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:0 5px 0 #ad782b}