.tf-lock-scroll{overflow:hidden!important;height:100dvh!important;max-height:100dvh!important}.tf-page{display:grid;gap:1rem}.tf-ko{display:inline-block;color:#ffc23a;font-size:.58em;letter-spacing:0;vertical-align:middle}.tf-game{--ink: #071228;--navy: #1b2446;--gold: #ffc23a;color:#fff}.tf-game button,.tf-game input,.tf-game select{font:inherit}.tf-screen{border:4px solid var(--ink);border-radius:1.25rem;background:linear-gradient(160deg,#0d1832,#14244a);box-shadow:0 8px 0 var(--ink);padding:1rem}.tf-screen[hidden]{display:none}.tf-primary,.tf-mode-buttons button,.tf-actions button,.tf-toolrow button,.tf-controls button,.tf-frames button,.tf-topbar button,.tf-showbar button,.tf-level,.tf-mini button,.tf-save{min-height:44px;border:3px solid var(--ink);border-radius:999px;background:#fff;color:#11182d;font-weight:900;padding:.55rem .9rem;box-shadow:0 3px 0 var(--ink);cursor:pointer}.tf-primary{background:var(--gold)!important}.tf-game button[data-on=true]{outline:3px solid #58c6ff;background:#e7f7ff}.tf-poster{position:relative;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:end;min-height:18rem;overflow:hidden;border:3px solid var(--ink);border-radius:1rem;background:radial-gradient(circle at 50% 0,#385191,#08122a 72%)}.tf-poster img{width:min(28vw,220px);max-height:17rem;object-fit:contain;filter:drop-shadow(0 8px 0 rgba(0,0,0,.35))}.tf-poster img:last-of-type{justify-self:end}.tf-poster h2{position:absolute;left:1rem;bottom:1rem;max-width:min(34rem,62%);margin:0;font-size:clamp(2rem,7vw,5rem);line-height:.92;font-weight:1000;text-transform:uppercase;text-shadow:0 4px 0 #000}.tf-poster h2 span{display:block;margin-top:.4rem;font-size:.34em;line-height:1.1;color:var(--gold);letter-spacing:0}.tf-poster-stand{align-self:center;display:grid;grid-template-columns:repeat(16,1fr);gap:2px;transform:perspective(480px) rotateX(18deg)}.tf-poster-stand i{height:.8rem;background:var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c),transparent 60%)}.tf-mode-buttons,.tf-actions,.tf-toolrow,.tf-controls,.tf-frames,.tf-showbar,.tf-topbar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.tf-mode-buttons{justify-content:center;margin-top:1rem}.tf-editor{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1rem;align-items:start}.tf-editor canvas,.tf-show canvas[data-tifo-show-canvas]{width:100%;display:block;touch-action:none;border:3px solid var(--ink);border-radius:.9rem;background:#071228}.tf-panel{display:grid;gap:.8rem}.tf-topbar input{flex:1;min-width:12rem;border:3px solid var(--ink);border-radius:999px;padding:.55rem .9rem;color:#10182f;font-weight:900}.tf-controls label,.tf-wave,.tf-file{color:#dce7ff;font-weight:800}.tf-file input{display:none}.tf-mobilebar{position:sticky;bottom:max(.4rem,env(safe-area-inset-bottom));z-index:4;margin-top:.6rem}.tf-mobilebar>div{display:flex;gap:.4rem;justify-content:center;padding:.45rem;border-radius:999px;background:#071228db;backdrop-filter:blur(8px)}.tf-mobilebar button{width:44px;height:44px;border:3px solid #071228;border-radius:50%;box-shadow:0 2px #071228}.tf-gridcards,.tf-saves{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;margin-top:1rem}.tf-mini,.tf-save{display:grid;gap:.5rem;border-radius:1rem;background:#fff;color:#10182f;padding:.7rem;text-align:left}.tf-mini img,.tf-save img{width:100%;border-radius:.6rem;background:#071228}.tf-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.65rem}.tf-level:disabled{opacity:.45}.tf-show{position:relative;min-height:72vh;padding:0;overflow:hidden;background:#071228}.tf-show canvas[data-tifo-show-canvas]{height:72vh;border:0;border-radius:.8rem}.tf-count{position:absolute;top:max(.7rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);min-width:5.5rem;display:grid;place-items:center;pointer-events:none;border:2px solid rgba(255,194,58,.55);border-radius:999px;background:#071228b8;padding:.25rem .9rem;font-size:clamp(1.15rem,3.6vw,2.1rem);line-height:1;font-weight:1000;color:var(--gold);text-shadow:0 2px 0 #000}.tf-count:empty{display:none}.tf-showbar{position:absolute;left:1rem;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));justify-content:center}.tf-ref{position:absolute;left:50%;top:max(.6rem,env(safe-area-inset-top));transform:translate(-50%);display:flex;align-items:center;gap:.7rem;max-width:calc(100% - 1.2rem);padding:.45rem .6rem;border:3px solid var(--ink);border-radius:.9rem;background:#fffffff0;color:#10182f;font-weight:900;pointer-events:none}.tf-ref canvas{display:block;flex:none;height:min(5.5rem,16vh);width:auto;aspect-ratio:12 / 5;border:0;border-radius:.35rem}.tf-ref p,.tf-ref b{margin:0;font-size:.85rem;line-height:1.25}.tf-ref>p{max-width:14rem}@media(max-width:480px){.tf-ref{flex-direction:column;align-items:stretch;gap:.35rem}.tf-ref canvas{height:auto;width:min(15rem,70vw)}}.tf-info{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);color:var(--color-text)}.tf-credits{grid-column:1 / -1;font-size:.9rem;opacity:.82}@media(pointer:coarse){.tf-game[data-mode=show] .tf-show,.tf-game[data-mode=check3d] .tf-check3d{position:fixed;inset:0;z-index:80;min-height:100dvh;border-radius:0;border:0;box-shadow:none}.tf-game[data-mode=show] .tf-show canvas[data-tifo-show-canvas],.tf-game[data-mode=check3d] .tf-check3d canvas[data-tifo-show-canvas]{height:100dvh;border-radius:0}}@media(max-width:760px){.tf-screen{padding:.7rem;border-radius:1rem}.tf-editor{grid-template-columns:1fr}.tf-toolrow,.tf-controls,.tf-actions,.tf-frames{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem}.tf-panel{order:2}.tf-info{grid-template-columns:1fr}.tf-poster{min-height:15rem;grid-template-columns:.7fr 1.2fr .7fr}.tf-poster h2{max-width:74%;font-size:clamp(1.7rem,12vw,3.4rem)}}