@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#0d0d0d;--surface:#161616;--surface-2:#1c1c1c;--surface-3:#222;--border:#252525;--border-2:#303030;--blood:#c0152a;--red:#e01a31;--red-bright:#e01a31;--red-deep:#a91022;--gold:#f0c040;--purple:#d070ff;--green:#22c55e;--glow:224, 26, 49;--glow-mult:1;--grid-a:.022;--text:#f4f1ef;--text-dim:#8a8580;--muted:#8a8580;--text-faint:#5a5651;--faint:#5a5651;--radius:14px;--radius-sm:10px;--radius-lg:18px;--glow-red:0 0 0 1px rgba(var(--glow), .15), 0 16px 44px -18px rgba(var(--glow), .4);--glow-gold:0 0 0 1px #f0c0402e, 0 16px 48px -16px #f0c04047;--font-body:"Kanit", system-ui, sans-serif;--kanit:"Kanit", system-ui, sans-serif;--font-mono:"Space Mono", "SFMono-Regular", monospace;--mono:"Space Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--kanit);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--red);color:#fff}a{color:#ff6478;text-decoration:none}a:hover{color:var(--gold)}.mono{font-family:var(--mono)}.kanit{font-family:var(--kanit)}.dhs-bg{pointer-events:none;z-index:0;background:radial-gradient(ellipse 85% 45% at 50% -8%, rgba(var(--glow), .2), transparent 62%), linear-gradient(rgba(255,255,255,var(--grid-a)) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, rgba(255,255,255,var(--grid-a)) 1px, transparent 1px) 0 0 / 44px 44px;position:fixed;inset:0}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:11px}.wordmark{font-family:var(--kanit);letter-spacing:-.01em;background:linear-gradient(160deg, #fff 18%, var(--red) 62%, var(--blood) 100%);color:#0000;filter:drop-shadow(0 4px 24px rgba(var(--glow), .25));-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:.9;display:inline-block}.btn,.btn-red{font-family:var(--kanit);color:#fff;cursor:pointer;background:linear-gradient(180deg, var(--red), var(--red-deep));box-shadow:0 0 0 1px #ffffff24 inset, 0 8px 24px -6px rgba(var(--glow), calc(.6*var(--glow-mult))), 0 0 30px -4px rgba(var(--glow), calc(.4*var(--glow-mult)));border:none;border-radius:11px;padding:10px 18px;font-weight:700;transition:transform .12s,box-shadow .2s,filter .2s}.btn:hover,.btn-red:hover{filter:brightness(1.08);box-shadow:0 0 0 1px #ffffff38 inset, 0 10px 30px -6px rgba(var(--glow), calc(.75*var(--glow-mult))), 0 0 44px -2px rgba(var(--glow), calc(.55*var(--glow-mult)))}.btn:active,.btn-red:active{filter:brightness(.96);transform:translateY(1px)scale(.99)}.btn:disabled,.btn-red:disabled{filter:grayscale(.5)brightness(.6);cursor:not-allowed;box-shadow:none}.btn-ghost{font-family:var(--kanit);color:var(--text);cursor:pointer;background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;padding:10px 18px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn-ghost:hover{background:var(--surface-3);border-color:#3a3a3a}.btn-ghost:active{background:#181818}.card{background:linear-gradient(180deg, var(--surface), #121212);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-glow-gold{box-shadow:var(--glow-gold);border-color:#f0c04080}.card-glow-red{border-color:rgba(var(--glow), .4);box-shadow:var(--glow-red)}.chip{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--border-2);background:var(--surface-2);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 11px;font-size:11px;transition:all .14s}.chip:hover{color:var(--text);border-color:#3d3d3d}.chip[data-on=true]{background:rgba(var(--glow), .14);border-color:var(--red);color:var(--red)}.input,textarea.input,select.input{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--kanit);outline:none;padding:10px 12px;font-size:15px}.input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(var(--glow), .15)}.container{z-index:1;max-width:1100px;margin:0 auto;padding:28px 18px 60px;position:relative}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.home-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=880px){.home-grid{grid-template-columns:1fr}}.curse-card{flex-direction:column;gap:10px;min-height:140px;display:flex}.curse-card .word{font-size:17px;font-weight:600;line-height:1.35}.curse-card .meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;display:flex}.score{font-family:var(--mono);font-size:26px;font-weight:700;line-height:1}.score-lg{font-size:60px}.tier{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--border-2);border-radius:999px;padding:3px 9px;font-size:11px;display:inline-block}.tier-ตำนาน{color:var(--gold);border-color:#f0c04080}.tier-เดือด{color:var(--red);border-color:rgba(var(--glow),.5)}.tier-พอใช้{color:var(--purple);border-color:#d070ff80}.tier-อ่อนหัด{color:var(--muted)}.badge{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg, var(--surface), #121212);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.badge .ic{font-size:28px}.badge.locked{opacity:.32;filter:grayscale()}.sponsored{border-color:#f0c04073;position:relative}.sponsored .tag{font-family:var(--mono);color:var(--gold);letter-spacing:.08em;border:1px solid #f0c04080;border-radius:4px;padding:1px 5px;font-size:10px;position:absolute;top:8px;right:8px}.pills{flex-wrap:wrap;gap:10px;display:flex}.pill{background:linear-gradient(180deg, var(--surface), #121212);border:1px solid var(--border);border-radius:var(--radius);min-width:92px;padding:10px 14px}.pill .n{font-family:var(--mono);font-size:22px;font-weight:700}.pill .l{color:var(--muted);font-size:12px}@keyframes dhs-spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite dhs-spin;display:inline-block}@keyframes dhs-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.pop{animation:.42s cubic-bezier(.2,.8,.2,1) both dhs-pop}@keyframes dhs-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.4s both dhs-rise}@keyframes dhs-pulse{0%,to{box-shadow:0 0 0 1px #f0c04033,0 0 30px -6px #f0c04066}50%{box-shadow:0 0 0 1px #f0c04080,0 0 46px -2px #f0c040b3}}.legend-pulse{animation:1.8s ease-in-out infinite dhs-pulse}.hr{background:var(--border);border:none;height:1px;margin:0}.slot{border:1px solid var(--border);font-family:var(--mono);color:var(--faint);letter-spacing:.05em;background-image:repeating-linear-gradient(45deg,#171717,#171717 8px,#131313 8px 16px);border-radius:10px;justify-content:center;align-items:center;font-size:10px;display:flex}