[data-theme=dark]{--tm-0: color-mix(in srgb, #4F8BE0 30%, var(--surface));--tm-1: color-mix(in srgb, #3FB0A6 30%, var(--surface));--tm-2: color-mix(in srgb, #E08A3C 28%, var(--surface));--tm-3: color-mix(in srgb, #8E6FE0 30%, var(--surface));--tm-4: color-mix(in srgb, #4FAE5E 28%, var(--surface));--tm-5: color-mix(in srgb, #B46FB0 28%, var(--surface));--tm-gut: var(--bg)}[data-theme=light]{--tm-0: color-mix(in srgb, #4F8BE0 20%, #FFFFFF);--tm-1: color-mix(in srgb, #3FB0A6 22%, #FFFFFF);--tm-2: color-mix(in srgb, #E08A3C 24%, #FFFFFF);--tm-3: color-mix(in srgb, #8E6FE0 22%, #FFFFFF);--tm-4: color-mix(in srgb, #4FAE5E 22%, #FFFFFF);--tm-5: color-mix(in srgb, #B46FB0 22%, #FFFFFF);--tm-gut: #FFFFFF}.tradle-wrap{display:grid;gap:clamp(1rem,3vw,1.5rem);justify-items:center;width:100%}.tradle-figure{display:grid;gap:.7rem;width:100%;max-width:min(560px,100%);margin:0;justify-items:stretch}.tr-figcap{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.tr-figkicker{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted)}.tr-figkicker .ico{width:15px;height:15px;color:var(--accent)}.tr-figname{font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 40;font-size:1.05rem;letter-spacing:.02em;color:var(--ink-gold)}.tradle-treemap{position:relative;width:100%;aspect-ratio:8 / 5;border:2.5px solid var(--tm-gut);border-radius:14px;overflow:hidden;background:var(--tm-gut);box-shadow:var(--shadow-raised);touch-action:manipulation}.tm-inner{position:absolute;inset:0}.tm-rect{position:absolute;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:.12rem;padding:clamp(.3rem,1.4vw,.55rem) clamp(.35rem,1.6vw,.6rem);border:1.5px solid var(--tm-gut);color:var(--text)}.tm-rect.tm-0{background:var(--tm-0)}.tm-rect.tm-1{background:var(--tm-1)}.tm-rect.tm-2{background:var(--tm-2)}.tm-rect.tm-3{background:var(--tm-3)}.tm-rect.tm-4{background:var(--tm-4)}.tm-rect.tm-5{background:var(--tm-5)}.tm-label{font-family:var(--font-ui);font-weight:600;line-height:1.12;font-size:min(.92rem,3.4vw);letter-spacing:-.005em;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word;hyphens:auto}.tm-pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:min(.82rem,3vw);color:color-mix(in srgb,var(--text) 78%,transparent)}.tm-rect.is-sm{padding:.25rem .3rem}.tm-rect.is-sm .tm-label{font-size:min(.74rem,3vw);-webkit-line-clamp:2}.tm-rect.is-sm .tm-pct{font-size:min(.7rem,2.8vw)}.tm-rect.is-min{padding:.2rem;justify-content:center;align-items:center;text-align:center}.tm-rect.is-min .tm-label{display:none}.tm-rect.is-min .tm-pct{font-size:min(.7rem,2.6vw);color:var(--text)}.tr-fignote{font-size:.82rem;color:var(--muted);line-height:1.5}.tr-guess{display:flex;gap:.5rem;width:100%;max-width:min(560px,100%);align-items:stretch}.tr-input-wrap{position:relative;flex:1;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-raised);transition:border-color .16s ease,box-shadow .16s ease}.tr-input-wrap:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:var(--shadow-hover)}.tr-input-wrap .tr-lead{width:18px;height:18px;flex:none;margin-left:.8rem;color:var(--muted)}.tr-guess input{flex:1;min-width:0;background:none;border:0;color:var(--text);font:inherit;font-size:1rem;min-height:50px;padding:0 .7rem;border-radius:11px}.tr-guess input::placeholder{color:var(--muted)}.tr-guess input:focus-visible{outline:none}.tr-go{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:50px;padding:0 1.1rem;border-radius:11px;font-weight:600;font-size:.94rem;color:#fff;background:var(--accent-strong);box-shadow:inset 0 1px color-mix(in srgb,#fff 30%,transparent),inset 0 -2px color-mix(in srgb,#000 28%,transparent),0 2px 4px var(--sh-1)}.tr-go .ico{width:16px;height:16px}.tr-go:active{transform:translateY(1px);box-shadow:inset 0 2px 6px color-mix(in srgb,#000 42%,transparent)}.tr-go:disabled{opacity:.55}.tr-guess.is-done input{opacity:.6}@media(hover:hover)and (pointer:fine){.tr-go:hover:not(:disabled){background:color-mix(in srgb,var(--accent-strong) 88%,#fff)}}.tr-left{width:100%;max-width:min(560px,100%);text-align:left;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--muted);margin-top:-.4rem}.tr-history{display:grid;gap:.5rem;width:100%;max-width:min(560px,100%)}.tr-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--shadow-raised);animation:tr-in .26s ease both}@keyframes tr-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tr-row.is-correct{border-color:color-mix(in srgb,var(--correct) 55%,var(--border))}.tr-rc{flex:1 1 8rem;min-width:6rem;font-weight:600;color:var(--text);font-size:.98rem}.tr-rd{flex:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--muted)}.tr-dir{flex:none;display:inline-flex;align-items:center;gap:.35rem}.tr-arrow{width:19px;height:19px;stroke:var(--text);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%}.tr-arrow.tr-hit{stroke:var(--correct)}.tr-dirlab{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--text);min-width:1.6rem}.tr-dir.is-hit .tr-dirlab{color:var(--correct)}.tr-prox{flex:1 1 9rem;min-width:8rem;display:inline-flex;align-items:center;gap:.5rem}.tr-bar{flex:1;height:12px;border-radius:999px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.tr-fill{display:block;height:100%;border-radius:999px;background:var(--accent-strong)}.tr-prox.is-hot .tr-fill{background:var(--correct)}.tr-prox.is-warm .tr-fill{background:var(--accent-strong)}.tr-prox.is-cold .tr-fill{background:color-mix(in srgb,var(--muted) 70%,var(--border))}.tr-pct{flex:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--text);min-width:2.6rem;text-align:right}.tr-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:520px;margin-inline:auto}.tr-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:0 1rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-raised);transition:box-shadow .16s ease,border-color .16s ease,color .16s ease}.tr-btn .ico{width:17px;height:17px;color:var(--accent)}.tr-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}@media(hover:hover)and (pointer:fine){.tr-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.tr-btn:hover .ico{color:var(--accent)}}.tr-mode{width:100%;max-width:520px;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tr-mode b{color:var(--ink-gold);font-weight:500}.tr-today{font:inherit;color:var(--accent-hover);text-transform:uppercase;letter-spacing:.08em;margin-left:.5rem;min-height:36px;padding:0 .2rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}[data-theme=light] .tr-today{color:var(--accent)}.tr-today:hover,.tr-today:focus-visible{color:var(--text)}.tr-share{font-family:var(--font-mono);font-size:1rem;line-height:1.5;letter-spacing:.12em;color:var(--text);white-space:pre-wrap;text-align:left;padding:.9rem 1.1rem;border-radius:10px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 2px 6px var(--recess),inset 0 -1px 0 var(--highlight);max-width:320px;margin-inline:auto}.tradle-solution-wrap{display:grid;justify-items:center;gap:.9rem;width:100%}.tradle-solution-wrap .tradle-treemap{max-width:min(520px,100%)}.tradle-solution-cap{font-size:.9rem;color:var(--muted);max-width:56ch;text-align:center}.tradle-solution-cap strong{color:var(--text);font-weight:600}@media(max-width:600px){.play-shell{min-height:calc(100dvh - 168px);display:flex;flex-direction:column}.tradle-wrap{gap:.7rem}.tradle-figure{gap:.45rem}.tradle-treemap{aspect-ratio:auto;height:clamp(150px,28vh,230px)}.tr-fignote{display:none}.tr-left{margin-top:-.2rem}.tr-history{max-height:32vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.tr-controls{margin-top:auto;padding-top:.4rem}}@media(prefers-reduced-motion:reduce){.tr-row{animation:none!important}}