@charset "UTF-8";.btn{background:linear-gradient(180deg,#19d7ff2e,#19d7ff0f);border:1px solid rgba(25,215,255,.45);padding:8px 14px;color:#eef2ff;border-radius:10px;font-weight:700;cursor:pointer;transition:.15s ease}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:transparent;border-color:#9b7bff73}.t3chtris{max-width:1100px;margin:24px auto;padding:16px}.t3chtris__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.t3chtris__header h1{margin:0;font-weight:900;letter-spacing:.5px;text-shadow:0 0 10px rgba(25,215,255,.25)}.t3chtris__header h1 span{color:#19d7ff}.t3chtris__header .header-actions{display:flex;gap:8px}.t3chtris__main{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:16px;align-items:start}.t3chtris__footer{margin-top:12px;display:flex;justify-content:center}.sidebar{display:grid;gap:12px}.sidebar .panel{background:#121630;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px}.sidebar .panel h4{margin:0 0 6px;color:#a9b4d6;font-weight:700}.sidebar .panel .metric{font-size:32px;font-weight:900;letter-spacing:.4px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 12px rgba(25,215,255,.25)}.next .panel{background:#121630;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px}.next .panel h4{margin:0 0 6px;color:#a9b4d6;font-weight:700}.next .panel .next__grid{display:grid;grid-template-columns:repeat(4,22px);grid-auto-rows:22px;gap:2px;background:#0f1531;border-radius:10px;padding:6px}.board-wrap{position:relative}.board{background:#121630;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:8px;display:grid;grid-template-columns:repeat(10,28px);grid-auto-rows:28px;gap:2px;overflow:hidden;background-clip:padding-box}.cell{width:28px;height:28px;border-radius:6px;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff08}.cell--c1{background:linear-gradient(180deg,#4de5c8,#32e1c0);box-shadow:inset 0 0 0 1px #32e1c059}.cell--c2{background:linear-gradient(180deg,#7bcdff,#5cc2ff);box-shadow:inset 0 0 0 1px #5cc2ff59}.cell--c3{background:linear-gradient(180deg,#ff8da3,#ff6e8a);box-shadow:inset 0 0 0 1px #ff6e8a59}.cell--c4{background:linear-gradient(180deg,#ffdb6c,#ffd34d);box-shadow:inset 0 0 0 1px #ffd34d59}.cell--c5{background:linear-gradient(180deg,#c7a7ff,#b388ff);box-shadow:inset 0 0 0 1px #b388ff59}.cell--c6{background:linear-gradient(180deg,#ffc48a,#ffb56b);box-shadow:inset 0 0 0 1px #ffb56b59}.cell--c7{background:linear-gradient(180deg,#98ec9f,#7ee787);box-shadow:inset 0 0 0 1px #7ee78759}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#070a1459}.overlay .overlay__card{background:#0f1735;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 18px;text-align:center;color:#fff;box-shadow:0 8px 30px #00000059}.overlay .overlay__card h3{margin:0 0 6px;font-size:20px}.overlay .overlay__card p{margin:0;color:#a9b4d6}.controls{display:flex;flex-wrap:wrap;gap:12px 18px;padding:12px 16px;background:#0f1531;border:1px solid rgba(255,255,255,.07);border-radius:14px;color:#eef2ff;font-size:15px;transform:translateY(-6px)}.controls span{white-space:nowrap}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#eef2ff;background:#0b0c1a;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(1100px 700px at 85% -10%,rgba(25,215,255,.1),transparent 60%),radial-gradient(900px 600px at -20% 110%,rgba(155,123,255,.1),transparent 60%),linear-gradient(180deg,#0b0c1a,#0f1228)}