:root{--tt-bg:#030201;--tt-bg-2:#0b0705;--tt-panel:#120c09d1;--tt-panel-2:#231712c2;--tt-card:#0c0807b8;--tt-border:#f1a37e38;--tt-border-strong:#f1a37e7a;--tt-accent:#f1a37e;--tt-accent-2:#ffcfac;--tt-warm:#9b5b40;--tt-text:#ffe9dc;--tt-muted:#b58a76;--tt-danger:#ff5d5d;--tt-success:#91ffbd;--tt-warning:#ffd37d;--tt-shadow:0 22px 80px #0000009e;color:var(--tt-text);background:var(--tt-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--tt-bg);min-height:100%;margin:0}body{overflow-x:hidden}button,input,textarea{font:inherit}.app-root{isolation:isolate;background:radial-gradient(circle at 55% -10%,#f1a37e2e,#0000 32rem),radial-gradient(circle at 95% 85%,#824a363b,#0000 34rem),linear-gradient(135deg,#030201 0%,#080503 42%,#120b08 100%);grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:100vh;padding:18px;display:grid;position:relative}.bg-art{z-index:-3;filter:blur(16px)saturate(1.05);opacity:.58;background-image:linear-gradient(90deg,#030201f5,#030201b3,#030201f0),url(/tt-ranked-bg.png);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.06)}.app-root:before{content:"";z-index:-2;pointer-events:none;mix-blend-mode:normal;background-image:radial-gradient(circle,#0000 0,#00000061 62%,#000000db 100%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),repeating-radial-gradient(circle,#f1a37e0d 0 1px,#0000 1px 5px);position:fixed;inset:0}.sidebar{border:1px solid var(--tt-border);height:calc(100vh - 36px);box-shadow:var(--tt-shadow), inset 0 1px 0 #ffe1d214;background:linear-gradient(#0f0907eb,#070504d1);border-radius:26px;flex-direction:column;padding:18px;display:flex;position:sticky;top:18px;overflow:hidden}.brand-block{border-bottom:1px solid var(--tt-border);align-items:center;gap:13px;padding:8px 8px 18px;display:flex}.brand-mark{color:#160906;letter-spacing:-.08em;background:radial-gradient(circle at 30% 20%, #ffd8c4, var(--tt-accent));border-radius:18px;place-items:center;width:54px;height:54px;font-weight:1000;display:grid;box-shadow:0 0 38px #f1a37e61}.brand-block b{font-size:17px;display:block}.brand-block small{color:var(--tt-muted);margin-top:4px;display:block}.sidebar nav{gap:8px;margin-top:18px;display:grid}.sound-btn{cursor:pointer;border:1px solid var(--tt-border);color:var(--tt-text);background:linear-gradient(#f1a37e29,#180d09a8);border-radius:15px;padding:11px 14px;font-weight:850;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,opacity .16s}.sound-btn:hover,.sound-btn:focus-visible{border-color:var(--tt-border-strong);outline:none;transform:translateY(-2px);box-shadow:0 0 32px #f1a37e2e}.sound-btn.ghost{color:var(--tt-accent-2);background:#ffffff09}.sound-btn.danger{color:#ffd7d7;background:#ff5d5d2e;border-color:#ff5d5d59}.nav-btn{text-align:left;width:100%;color:var(--tt-muted);background:#ffffff09;align-items:center;gap:12px;display:flex}.nav-btn span{width:28px;height:28px;color:var(--tt-accent);place-items:center;display:grid}.nav-btn.active{color:var(--tt-text);border-color:var(--tt-border-strong);box-shadow:inset 3px 0 0 var(--tt-accent);background:linear-gradient(90deg,#f1a37e38,#f1a37e0a)}.side-footer{color:var(--tt-muted);align-items:center;gap:8px;margin-top:auto;padding:14px 8px 2px;display:flex}.online-dot{background:var(--tt-success);width:9px;height:9px;box-shadow:0 0 16px var(--tt-success);border-radius:99px}.content-shell{border:1px solid var(--tt-border);min-width:0;box-shadow:var(--tt-shadow), inset 0 1px 0 #ffe1d20f;background:#0604038f;border-radius:28px;overflow:hidden}.topbar{border-bottom:1px solid var(--tt-border);background:linear-gradient(#23150f94,#0604031f);justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;display:flex}.topbar h1{letter-spacing:-.04em;text-shadow:0 0 32px #f1a37e3d;margin:0;font-size:clamp(28px,3.2vw,46px);line-height:1}.panel-kicker{color:var(--tt-accent);text-transform:uppercase;letter-spacing:.2em;margin:0 0 6px;font-size:11px;font-weight:1000}.top-status{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.top-status span,.claimed{border:1px solid var(--tt-border);color:var(--tt-accent-2);letter-spacing:.08em;background:#00000038;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.content-view{padding:22px;animation:.28s both view-in}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.full-panel,.wide{grid-column:1/-1}.tt-panel{border:1px solid var(--tt-border);background:linear-gradient(#120c09db,#070504b8);border-radius:24px;min-height:160px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0e,0 18px 60px #00000057}.tt-panel:before{content:"";pointer-events:none;border-radius:inherit;opacity:.9;background:radial-gradient(circle at 20% 0,#f1a37e24,#0000 20rem);position:absolute;inset:-1px}.panel-head{justify-content:space-between;gap:16px;margin-bottom:14px;display:flex;position:relative}.panel-head h2{letter-spacing:-.02em;margin:0;font-size:22px}.tt-panel>*{position:relative}.hero-card,.profile-main{border:1px solid var(--tt-border);background:linear-gradient(135deg,#f1a37e29,#00000038);border-radius:22px;padding:24px;overflow:hidden}.hero-card{text-align:center;place-items:center;min-height:310px;display:grid}.hero-nimbus{white-space:nowrap;width:min(70%,580px);color:var(--tt-accent);text-shadow:0 0 20px var(--tt-accent);opacity:.7;letter-spacing:.08em;font-weight:1000;animation:14s linear infinite nimbus;position:absolute;top:36px;left:50%;transform:translate(-50%)}@keyframes nimbus{to{transform:translate(-50%)rotate(-360deg)}}.hero-avatar,.profile-avatar{width:104px;height:104px;color:var(--tt-accent);border:1px solid var(--tt-border-strong);background:radial-gradient(circle at 40% 20%,#ffd3b740,#0c0705d9);border-radius:34px;place-items:center;font-size:54px;font-weight:1000;display:grid;overflow:hidden;box-shadow:0 0 50px #f1a37e38}.hero-avatar img,.profile-avatar img{object-fit:cover;width:100%;height:100%}.hero-card h1{margin:14px 0 4px;font-size:clamp(30px,4vw,58px)}.hero-card p,.profile-main p,.muted{color:var(--tt-muted)}.profile-top{align-items:center;gap:18px;margin-bottom:18px;display:flex}.profile-top h1{margin:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric-grid div{background:#00000040;border:1px solid #f1a37e29;border-radius:17px;padding:13px}.metric-grid b{color:var(--tt-accent-2);font-size:24px;display:block}.metric-grid span{color:var(--tt-muted);margin-top:4px;font-size:12px;display:block}.progress-wrap{gap:7px;margin:12px 0;display:grid}.progress-wrap small{color:var(--tt-muted)}.progress-bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--tt-warm), var(--tt-accent-2));height:100%;display:block;box-shadow:0 0 20px #f1a37e59}.callout-card{border:1px solid var(--tt-border);background:#0000003d;border-radius:20px;padding:22px}.callout-card h3{margin:0 0 8px;font-size:30px}.callout-card p{color:var(--tt-muted)}.button-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.tt-input{border:1px solid var(--tt-border);width:100%;color:var(--tt-text);background:#0000004d;border-radius:14px;outline:none;min-height:44px;padding:12px 13px}textarea.tt-input{resize:vertical;min-height:96px}.tt-input:focus{border-color:var(--tt-border-strong);box-shadow:0 0 26px #f1a37e26}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .tt-input{flex:260px}.leader-table{gap:8px;max-height:66vh;padding-right:4px;display:grid;overflow:auto}.leader-head,.leader-row{grid-template-columns:56px 1.2fr .9fr .55fr .45fr .55fr 110px;align-items:center;gap:10px;display:grid}.leader-head{color:var(--tt-muted);text-transform:uppercase;letter-spacing:.12em;padding:0 12px 6px;font-size:12px}.leader-row{background:#0000003d;border:1px solid #f1a37e24;border-radius:16px;padding:10px 12px}.place{color:#160906;background:var(--tt-accent);border-radius:13px;place-items:center;width:38px;height:38px;font-weight:1000;display:grid;box-shadow:0 0 18px #f1a37e47}.accent{color:var(--tt-accent-2);font-weight:900}.queue-orb{border:1px solid var(--tt-border);background:radial-gradient(circle,#f1a37e38,#0000 62%);border-radius:24px;place-items:center;height:160px;margin-bottom:16px;display:grid}.queue-orb span{border:1px solid var(--tt-border-strong);text-transform:uppercase;width:108px;height:108px;color:var(--tt-accent-2);border-radius:999px;place-items:center;animation:2.3s ease-in-out infinite pulse;display:grid}@keyframes pulse{0%,to{box-shadow:0 0 20px #f1a37e24}50%{box-shadow:0 0 52px #f1a37e57}}.room-card{text-align:center;gap:12px;display:grid}.score-form,.duel-list,.feed-list,.mini-feed{gap:10px;display:grid}.duel-card,.feed-list article,.achievement-timeline article,.quest-card{background:#0000003d;border:1px solid #f1a37e26;border-radius:17px;padding:14px}.duel-card b,.feed-list b,.achievement-timeline b,.quest-card b{color:var(--tt-text);display:block}.duel-card span,.feed-list span,.mini-feed span{color:var(--tt-accent-2)}.duel-card small,.feed-list small,.achievement-timeline small,.quest-card small{color:var(--tt-muted);margin-top:6px;display:block}.code-box{border:1px solid var(--tt-border);color:var(--tt-accent-2);background:#00000047;border-radius:16px;padding:14px;overflow:auto}.achievement-timeline{gap:12px;display:grid;position:relative}.achievement-timeline article{padding-left:38px;position:relative}.timeline-dot{background:var(--tt-accent);width:12px;height:12px;box-shadow:0 0 18px var(--tt-accent);border-radius:99px;position:absolute;top:18px;left:14px}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.badge-card{--badge-a:var(--tt-accent);--badge-b:#261511;--badge-glow:var(--tt-accent);border:1px solid color-mix(in srgb, var(--badge-a) 45%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--badge-a) 20%, transparent), #0000004d);text-align:center;cursor:help;border-radius:22px;min-height:210px;padding:16px;transition:transform .24s,box-shadow .24s,border-color .24s;overflow:hidden}.badge-card:hover,.badge-card:focus-visible{border-color:var(--badge-a);box-shadow:0 0 46px color-mix(in srgb, var(--badge-glow) 36%, transparent);outline:none;transform:translateY(-6px)scale(1.015)}.badge-emblem{background:linear-gradient(145deg, var(--badge-a), var(--badge-b));border:1px solid color-mix(in srgb, var(--badge-a) 60%, white 10%);width:78px;height:78px;box-shadow:0 0 28px color-mix(in srgb, var(--badge-glow) 32%, transparent);place-items:center;margin:0 auto 12px;display:grid}.badge-emblem img{object-fit:cover;width:100%;height:100%}.badge-emblem span{color:#190906;font-weight:1000}.shape-circle .badge-emblem{border-radius:50%}.shape-diamond .badge-emblem{border-radius:16px;transform:rotate(45deg)}.shape-diamond .badge-emblem>*{transform:rotate(-45deg)}.shape-hexagon .badge-emblem{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.shape-shield .badge-emblem{border-radius:22px 22px 34px 34px}.shape-cross .badge-emblem{clip-path:polygon(40% 0,60% 0,60% 35%,100% 35%,100% 58%,60% 58%,60% 100%,40% 100%,40% 58%,0 58%,0 35%,40% 35%)}.badge-card h3{margin:0 0 4px}.badge-card small{color:var(--badge-a);text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.badge-card p{color:var(--tt-muted);opacity:0;max-height:0;transition:max-height .24s,opacity .24s,transform .24s;transform:translateY(10px)}.badge-card:hover p,.badge-card:focus-visible p{opacity:1;max-height:120px;transform:translateY(0)}.quest-list{gap:11px;display:grid}.quest-card{grid-template-columns:1fr minmax(190px,280px);align-items:center;gap:14px;display:grid}.quest-card.done{border-color:#91ffbd52}.quest-card p{color:var(--tt-muted);margin:6px 0}.settings-grid{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.settings-grid label{color:var(--tt-muted);flex:260px;gap:8px;display:grid}.settings-grid input[type=range]{accent-color:var(--tt-accent);width:100%}.empty{text-align:center;min-height:140px;color:var(--tt-muted);place-items:center;display:grid}.empty span{color:var(--tt-accent);opacity:.7;font-size:42px}.empty p{margin:0}.loader-ring{border:2px solid #f1a37e29;border-top-color:var(--tt-accent);border-radius:50%;width:82px;height:82px;margin:30px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.intro-overlay{z-index:100;background:#000;place-items:center;animation:.8s both intro-in;display:grid;position:fixed;inset:0}.intro-overlay.is-closing{animation:.7s both intro-out}.intro-video{object-fit:cover;width:100%;height:100%}.intro-shade{pointer-events:none;background:radial-gradient(circle,#0000 38%,#000000b8 100%);position:absolute;inset:0}.intro-caption{gap:6px;display:grid;position:absolute;bottom:34px;left:34px}.intro-caption span{color:var(--tt-accent);letter-spacing:.3em;text-shadow:0 0 24px var(--tt-accent);font-weight:1000}.intro-caption b{font-size:26px}.intro-skip{position:absolute;top:26px;right:26px}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0;transform:scale(1.02)}}.drawer-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;justify-content:flex-end;display:flex;position:fixed;inset:0}.profile-drawer{border-left:1px solid var(--tt-border-strong);background:linear-gradient(#140c09f5,#050302f5);width:min(520px,94vw);height:100%;padding:24px;animation:.24s both drawer-in;overflow:auto;box-shadow:-20px 0 80px #0000008c}.drawer-close{float:right;width:42px;height:42px;padding:0}@keyframes drawer-in{0%{opacity:0;transform:translate(30px)}}.theme-iron{--tt-accent:#a79f97;--tt-accent-2:#ddd7d0;--tt-warm:#6c6259}.theme-bronze{--tt-accent:#c6855b;--tt-accent-2:#ffd0a8;--tt-warm:#8b4b2d}.theme-silver{--tt-accent:#cfd4dc;--tt-accent-2:#f3f7ff;--tt-warm:#7f8792}.theme-gold{--tt-accent:#ffd37d;--tt-accent-2:#ffe7af;--tt-warm:#ac7b2a}.theme-platinum{--tt-accent:#b7ffe6;--tt-accent-2:#e7fff7;--tt-warm:#3d9e83}.theme-diamond{--tt-accent:#8ed4ff;--tt-accent-2:#d8f2ff;--tt-warm:#276b94}.theme-knight{--tt-accent:#ffd0b6;--tt-accent-2:#fff0e8;--tt-warm:#f1a37e}.app-shell{background:var(--tt-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.error-card{border:1px solid var(--tt-border);background:var(--tt-panel);border-radius:24px;width:min(840px,96vw);padding:24px}.text-block,.code-box{white-space:pre-wrap;overflow-wrap:anywhere}.text-block.bad{color:#ffb1b1}.crest{font-size:46px}@media (width<=1050px){.app-root{grid-template-columns:1fr;padding:10px}.sidebar{height:auto;position:relative;top:0}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content-view{padding:14px}.view-grid{grid-template-columns:1fr}.leader-head{display:none}.leader-row{grid-template-columns:48px 1fr 80px}.leader-row span:nth-child(3),.leader-row span:nth-child(5),.leader-row span:nth-child(6){display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-card{grid-template-columns:1fr}}