:root{--tlink-bg-1: #fff6e6;--tlink-bg-2: #ffe8c5;--tlink-bg-3: #ffd3a8;--tlink-ink: #2f1d11;--tlink-muted: #694f3b;--tlink-card: rgba(255, 252, 245, .9);--tlink-border: rgba(104, 75, 44, .22);--tlink-shadow: 0 16px 38px rgba(84, 56, 26, .16);--tlink-accent: #e78f2c;--tlink-good: #1f8f62;--tlink-bad: #c24634}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Lucida Sans Unicode,Segoe UI,sans-serif;color:var(--tlink-ink);background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.62),transparent 35%),radial-gradient(circle at 88% 2%,rgba(255,201,115,.44),transparent 34%),linear-gradient(165deg,var(--tlink-bg-1) 0%,var(--tlink-bg-2) 52%,var(--tlink-bg-3) 100%)}.tlink{width:min(1020px,100%);margin:0 auto;padding:1rem .9rem 1.5rem;display:grid;gap:1rem}.tlink__hero,.tlink__panel,.tlink__notes,.tlink__seo{border-radius:18px;border:1px solid var(--tlink-border);box-shadow:var(--tlink-shadow)}.tlink__hero{padding:1rem;background:linear-gradient(130deg,#fff7e8eb,#ffedcfdb),repeating-linear-gradient(45deg,#ffffff47 0 8px,#f1c38033 8px 16px)}.tlink__eyebrow{margin:0;color:#855f39;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:700}.tlink h1{margin:.36rem 0 0;font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.06}.tlink__lead{margin:.74rem 0 0;max-width:68ch;line-height:1.45;color:#5a412e}.tlink__panel{background:var(--tlink-card);padding:.9rem}.tlink__hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.44rem .85rem}.tlink__hud p{margin:0;font-weight:700;color:#61472f}.tlink__puzzle{margin:.78rem 0 0;color:#503623}.tlink__solved{margin:.7rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}.tlink__solved-empty{border:1px dashed rgba(95,68,40,.28);border-radius:10px;padding:.56rem .66rem;color:var(--tlink-muted);background:#fff7e8b8}.tlink__solved-item{border-radius:11px;padding:.58rem .68rem;color:#fff;font-size:.94rem}.tlink__solved-item--g1{background:linear-gradient(180deg,#4ea56f,#2f7d4d)}.tlink__solved-item--g2{background:linear-gradient(180deg,#4d93d1,#2f689b)}.tlink__solved-item--g3{background:linear-gradient(180deg,#cb8a33,#a0600f)}.tlink__solved-item--g4{background:linear-gradient(180deg,#b86b84,#8f4860)}.tlink__board{margin-top:.78rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.56rem}.tlink__tile{min-height:56px;border-radius:12px;border:1px solid rgba(121,87,52,.3);background:linear-gradient(180deg,#fffef9,#ffeed4);color:#503421;font-size:clamp(.85rem,2.8vw,1rem);font-weight:800;padding:.4rem .35rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;animation:tile-rise .22s ease both}.tlink__tile:hover{transform:translateY(-2px);box-shadow:0 8px 16px #62432333;filter:brightness(1.02)}.tlink__tile:active{transform:translateY(1px)}.tlink__tile.is-selected{border-color:#e48220e6;background:linear-gradient(180deg,#fff7df,#ffd08f);box-shadow:0 0 0 3px #e9913640}.tlink__tile.is-solved{color:#fff;border-color:transparent;cursor:default}.tlink__tile.is-group-1{background:linear-gradient(180deg,#4ea56f,#2f7d4d)}.tlink__tile.is-group-2{background:linear-gradient(180deg,#4d93d1,#2f689b)}.tlink__tile.is-group-3{background:linear-gradient(180deg,#cb8a33,#a0600f)}.tlink__tile.is-group-4{background:linear-gradient(180deg,#b86b84,#8f4860)}.tlink__controls{margin-top:.75rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.tlink__controls button{min-height:46px;border:0;border-radius:11px;padding:.3rem .6rem;font-size:.92rem;font-weight:800;color:#fff;cursor:pointer;transition:transform .14s ease,filter .14s ease}#tlink-submit{background:linear-gradient(180deg,#f2a84b,#d9851d)}#tlink-clear{background:linear-gradient(180deg,#8f95a3,#656f84)}#tlink-shuffle{background:linear-gradient(180deg,#5a9fd8,#3a75ab)}#tlink-new{background:linear-gradient(180deg,#5fbf8d,#3e976c)}.tlink__controls button:hover{transform:translateY(-1px);filter:brightness(1.04)}.tlink__status{margin:.76rem 0 0;min-height:1.45rem;font-weight:700;color:#66452d}.tlink__status.is-good{color:var(--tlink-good)}.tlink__status.is-bad{color:var(--tlink-bad)}.tlink__notes,.tlink__seo{background:#fffbf3db;padding:.92rem}.tlink__notes h2,.tlink__seo h2{margin:0}.tlink__notes ol{margin:.56rem 0 0;padding-left:1.14rem}.tlink__notes li{margin:.34rem 0;line-height:1.4}.tlink__seo p{margin:.56rem 0 0;color:#5b412d;line-height:1.44}kbd{border-radius:5px;border:1px solid rgba(96,66,39,.35);background:#ffe9c9db;padding:0 .32rem;font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif}@keyframes tile-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.tlink__tile{min-height:52px;font-size:.82rem}.tlink__controls{grid-template-columns:1fr}}@media(min-width:780px){.tlink{padding:1.2rem}.tlink__hud{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1020px){.tlink{grid-template-columns:1.3fr 1fr;grid-template-areas:"hero hero" "panel notes" "panel seo"}.tlink__hero{grid-area:hero}.tlink__panel{grid-area:panel}.tlink__notes{grid-area:notes}.tlink__seo{grid-area:seo}}