.tr{width:min(100%,620px);margin:0 auto}.tr-head{text-align:center}.tr-title{margin:8px 0;font-family:var(--g-serif);font-weight:900;font-size:clamp(32px,5vw,50px);letter-spacing:.12em;background:linear-gradient(180deg,#fff,#d9fff0 55%,#6fe0b0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 26px rgba(90,216,245,.35))}.tr-lead{margin:0 auto;max-width:30em;color:var(--g-mute);font-size:15px;text-wrap:balance}.tr-levels{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 14px}.tr-lv{position:relative;display:grid;justify-items:center;min-width:78px;padding:8px 14px;border-radius:14px;cursor:pointer;color:var(--g-mute);background:#ffffff0d;border:1px solid var(--g-line);transition:all .3s var(--g-ease)}.tr-lv b{font-family:var(--g-serif);font-size:15px;letter-spacing:.1em;color:var(--g-text)}.tr-lv span{font-size:11px;font-family:var(--g-display);letter-spacing:.1em}.tr-lv:hover{background:#ffffff1a}.tr-lv.is-on{border-color:#6fe0b0cc;background:#6fe0b01f;box-shadow:0 0 22px -8px #6fe0b0cc}.tr-lv--daily.is-on{border-color:#f6dc8ccc;background:#f6dc8c1a;box-shadow:0 0 22px -8px #f6dc8cb3}.tr-lv-done{display:none;position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#dffcff,#5ad8f5);box-shadow:0 0 10px #5ad8f5cc}.tr-lv.is-done .tr-lv-done{display:block}.tr-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px;font-size:13px;letter-spacing:.08em;color:var(--g-faint)}.tr-stats b{font-family:var(--g-display);font-size:17px;color:var(--g-text);margin-left:4px;font-variant-numeric:tabular-nums}.tr-board-wrap{position:relative}.tr-board{--n: 5;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px;padding:10px;border-radius:24px;outline:none;background:linear-gradient(160deg,#282234d9,#12101ee6);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px #000000e6,inset 0 1px #ffffff14;transition:background 1.2s ease}.tr-board.is-done{background:linear-gradient(160deg,#18463ce6,#0a2422eb);box-shadow:0 40px 90px -40px #000000e6,0 0 70px -20px #5ad8f599}.tr-tile{--dist: 0;position:relative;aspect-ratio:1;padding:0;border:0;border-radius:12px;cursor:pointer;background:none;overflow:hidden;-webkit-tap-highlight-color:transparent}.tr-tile:focus-visible{outline:2px solid var(--g-gold-2);outline-offset:1px;z-index:2}.tr-soil{position:absolute;inset:0;border-radius:12px;transition:background .7s ease,box-shadow .7s ease;background:radial-gradient(120% 120% at 30% 25%,#4a4450,#2c2834 70%);box-shadow:inset 0 1px #ffffff0d,inset 0 -3px 8px #00000059}.tr-tile.is-lit .tr-soil{background:radial-gradient(120% 120% at 30% 25%,#3f9a78,#1d5a4a 72%);box-shadow:inset 0 1px #ffffff1a,inset 0 -3px 8px #0000004d}.tr-board.is-done .tr-tile .tr-soil{transition-delay:calc(var(--dist) * 90ms);background:radial-gradient(120% 120% at 30% 25%,#6fcf8f,#2b8a66 72%)}.tr-tile svg{position:relative;width:100%;height:100%;display:block;overflow:visible}.tr-rot{transform-origin:50px 50px;transition:transform .2s var(--g-ease)}.tr-roots path{fill:none;stroke-linecap:round}.tr-roots-base path{stroke:#7a6a7e;stroke-width:15;transition:stroke .5s ease}.tr-roots-flow path{stroke:#bef6f1;stroke-width:5;stroke-dasharray:10 18;opacity:0;transition:opacity .5s ease}.tr-tile.is-lit .tr-roots-base path{stroke:#4fd4ee}.tr-tile.is-lit .tr-roots-flow path{opacity:.9;animation:tr-flow 2.4s linear infinite}.tr-tile.is-lit svg{filter:drop-shadow(0 0 5px rgba(90,216,245,.7))}@keyframes tr-flow{to{stroke-dashoffset:-56}}.tr-knot{fill:#8a7a8e;transition:fill .5s ease}.tr-tile.is-lit .tr-knot{fill:#bef6f1}.tr-bud-core{fill:#6a5e6c;transition:fill .6s ease}.tr-bud-leaf{fill:#5c6a5a;transition:fill .6s ease}.tr-tile.is-lit .tr-bud-core{fill:#ffe6bd}.tr-tile.is-lit .tr-bud-leaf{fill:#8fe8a8}.tr-titan-glow{fill:#bef6f140;animation:tr-breathe 5s ease-in-out infinite;transform-origin:50px 50px}@keyframes tr-breathe{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.tr-trunk{stroke:#8b6a4e;stroke-width:8;stroke-linecap:round;fill:none}.tr-crown{fill:#174eaa;stroke:#5ad8f5;stroke-width:2.5}.tr-heart{fill:#8ff4ff}.tr-tile.is-src{cursor:default}.tr-done{position:absolute;inset:0;display:grid;place-items:center;border-radius:24px;background:#0612168c;backdrop-filter:blur(3px);animation:tr-in .8s ease both}@keyframes tr-in{0%{opacity:0}}.tr-done-card{display:grid;justify-items:center;gap:8px;padding:26px 22px;margin:16px;text-align:center;border-radius:22px;background:linear-gradient(170deg,#143c3ceb,#08141ef2);border:1px solid rgba(143,244,255,.35);box-shadow:0 30px 70px -20px #000c}.tr-done-card h2{margin:0;font-family:var(--g-serif);font-weight:900;font-size:clamp(24px,3.4vw,32px);letter-spacing:.1em}.tr-done-card p{margin:0 0 8px;color:var(--g-mute);max-width:24em}.tr-help{margin:16px 0 0;text-align:center;font-size:13px;line-height:1.8;color:var(--g-faint)}.tr-record{margin-top:26px;padding:18px 20px;border-radius:20px;background:#ffffff09;border:1px solid var(--g-line)}.tr-record h2{margin:0 0 10px;font-family:var(--g-serif);font-size:17px;letter-spacing:.1em}.tr-record-list{display:flex;flex-wrap:wrap;gap:8px}.tr-rec{display:grid;padding:8px 14px;border-radius:14px;background:#5ad8f514;border:1px solid rgba(90,216,245,.3)}.tr-rec b{font-family:var(--g-serif);font-size:14px;letter-spacing:.06em}.tr-rec span{font-size:12px;color:var(--g-mute)}.tr-shot{display:grid;gap:12px;justify-items:center;max-width:min(92vw,440px)}.tr-shot img{width:100%;border-radius:18px;box-shadow:0 30px 70px #0009}@media(max-width:480px){.tr-board{gap:3px;padding:6px;border-radius:18px}.tr-tile,.tr-soil{border-radius:9px}.tr-lv{min-width:64px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.tr-rot{transition:none}.tr-tile.is-lit .tr-roots-flow path,.tr-titan-glow{animation:none}}