.tp-page{min-height:100vh;background:#0b0c10;color:#c8cdd5;padding:24px 16px 64px}.tp-mast{max-width:880px;margin:0 auto 18px}.tp-back{font-size:13px;color:#6a7080;text-decoration:none;transition:color .2s}.tp-back:hover,.tp-title{color:#e8ecf2}.tp-title{font-family:var(--font-calsans),"Cal Sans",sans-serif;font-size:34px;font-weight:600;letter-spacing:-.02em;margin:10px 0 8px}.tp-sub{font-size:14px;line-height:1.6;color:#8b91a0;margin:0;max-width:720px}.tp-explain a,.tp-refs a,.tp-sub a{color:#4fd1c5;text-decoration:none;border-bottom:1px solid rgba(79,209,197,.35)}.tp-explain a:hover,.tp-refs a:hover,.tp-sub a:hover{border-bottom-color:#4fd1c5}.tp-nav{max-width:880px;margin:0 auto 18px;display:flex;flex-wrap:wrap;gap:6px}.tp-nav button{font-size:12.5px;padding:7px 12px;border-radius:999px;border:1px solid #2a2e38;background:#14161c;color:#8b91a0;cursor:pointer;transition:all .2s}.tp-nav button:hover{border-color:#4a4f5c;color:#c8cdd5}.tp-nav .tp-nav-on{border-color:#4fd1c5;color:#4fd1c5;background:rgba(79,209,197,.08)}.tp-main{max-width:880px;margin:0 auto}.tp-puzzle-head{margin-bottom:12px}.tp-puzzle-title{font-family:var(--font-calsans),"Cal Sans",sans-serif;font-size:22px;color:#e8ecf2;margin:0 0 6px}.tp-puzzle-brief{font-size:14px;line-height:1.6;color:#aab0bd;margin:0;max-width:720px}.tp-scene{border:1px solid #23262e;border-radius:10px;background:#12141a;overflow:hidden;margin-bottom:12px}.tp-scene svg{display:block;width:100%;height:auto}.tp-caption{padding:10px 14px;font-size:13.5px;line-height:1.55;color:#aab0bd;border-top:1px solid #1c1f27;min-height:42px}.tp-controlrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.tp-controllabel{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5a5f6c;margin-right:2px}.tp-btn{font-size:13px;padding:7px 12px;border-radius:7px;border:1px solid #2a2e38;background:#171a21;color:#c8cdd5;cursor:pointer;transition:all .15s;white-space:nowrap}.tp-btn:hover:not(:disabled){border-color:#4a4f5c;background:#1d2129}.tp-btn:disabled{opacity:.35;cursor:default}.tp-btn-accent{border-color:rgba(79,209,197,.5);color:#4fd1c5}.tp-btn-accent:hover:not(:disabled),.tp-btn-on{border-color:#4fd1c5;background:rgba(79,209,197,.08)}.tp-btn-on{color:#4fd1c5}.tp-btn-danger-on{border-color:#fb7185!important;color:#fb7185!important;background:rgba(251,113,133,.1)!important}.tp-slider{accent-color:#4fd1c5;width:180px}.tp-note{font-size:12px;color:#8b6914;margin:4px 0 10px}.tp-invariant{border:1px solid #23262e;border-left:3px solid #4fd1c5;border-radius:8px;background:#12141a;padding:10px 14px;margin-bottom:12px;transition:border-color .3s,background .3s}.tp-inv-broken{border-color:rgba(251,113,133,.6) rgba(251,113,133,.6) rgba(251,113,133,.6) #fb7185;background:rgba(251,113,133,.06);animation:tp-inv-shake .35s}.tp-inv-free{border-left-color:#4ade80}@keyframes tp-inv-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.tp-inv-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px}.tp-inv-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5a5f6c}.tp-inv-flag{font-size:11.5px;color:#fb7185;font-weight:600}.tp-inv-flag-ok{color:#4ade80}.tp-inv-value{font-size:17px;color:#e8ecf2}.tp-inv-value b{color:#4fd1c5}.tp-inv-broken .tp-inv-value b{color:#fb7185}.tp-inv-detail{margin-top:6px;font-size:12.5px;line-height:1.5;color:#8b91a0}.tp-explain{border-top:1px solid #23262e;margin-top:20px;padding-top:14px}.tp-depth{display:flex;gap:4px;margin-bottom:12px}.tp-depth button{font-size:12px;padding:6px 13px;border-radius:999px;border:1px solid #2a2e38;background:#14161c;color:#8b91a0;cursor:pointer;transition:all .2s}.tp-depth .tp-depth-on{border-color:#a78bfa;color:#a78bfa;background:rgba(167,139,250,.08)}.tp-explain-body{font-size:14px;line-height:1.7;color:#9aa0ae;max-width:760px}.tp-explain-body p{margin:0 0 12px}.tp-explain-body em{color:#c8cdd5}.tp-explain-body code{font-size:13px;color:#e8ecf2;background:#1a1d24;padding:1px 5px;border-radius:4px}.tp-showme{font-size:12px;padding:3px 10px;margin:0 2px;border-radius:999px;border:1px solid rgba(167,139,250,.45);background:rgba(167,139,250,.07);color:#a78bfa;cursor:pointer;transition:all .15s;vertical-align:1px}.tp-showme:hover{border-color:#a78bfa;background:rgba(167,139,250,.15)}.tp-refs{margin-top:10px;font-size:12.5px;color:#6a7080;line-height:1.7}.tp-present .tp-explain,.tp-present .tp-invariant .tp-inv-detail,.tp-present .tp-mast,.tp-present .tp-nav,.tp-present .tp-puzzle-head{display:none}.tp-present .tp-main{max-width:640px}.tp-present .tp-caption{font-size:16px;min-height:56px}.tp-presenttoggle{position:fixed;right:14px;bottom:14px;z-index:40;font-size:12px;padding:8px 14px;border-radius:999px;border:1px solid #2a2e38;background:rgba(20,22,28,.9);color:#8b91a0;cursor:pointer;backdrop-filter:blur(4px)}.tp-presenttoggle:hover{color:#e8ecf2;border-color:#4a4f5c}@media (max-width:560px){.tp-title{font-size:27px}.tp-btn{padding:7px 10px;font-size:12.5px}.tp-presenttoggle{display:none}}