*{box-sizing:border-box}:root{--cream:#fff8eb;--brown:#6b3f1d;--muted:#8b6b4b;--orange:#ff7b2e;--orange-d:#b84c12;--sky:#0b0820}html,body{margin:0}body{color:#fff;background:radial-gradient(ellipse 80% 60% at 50% -10%, #3a1f7a 0%, #1a1040 45%, var(--sky) 80%) fixed, var(--sky);min-height:100vh;font-family:"Baloo 2",system-ui,sans-serif}body:before{content:"";pointer-events:none;opacity:.55;z-index:-1;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 20%,#fff,#0000),radial-gradient(1.2px 1.2px at 40% 70%,#fff,#0000),radial-gradient(1px 1px at 85% 60%,#fff,#0000),radial-gradient(1.5px 1.5px at 10% 85%,#fff,#0000),radial-gradient(1px 1px at 55% 45%,#fff,#0000);background-size:420px 420px;position:fixed;inset:0}a{color:inherit}.top{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:18px 20px;display:flex}.logo{color:var(--cream);align-items:center;gap:8px;font-size:30px;font-weight:800;text-decoration:none;display:flex}.logo .spud{font-size:32px;animation:3s ease-in-out infinite bob;display:inline-block}.top nav{gap:18px;font-weight:700;display:flex}.top nav a{opacity:.85;text-decoration:none}.top nav a:hover{opacity:1;color:#ffd166}.hero{text-align:center;max-width:760px;margin:0 auto;padding:28px 20px 10px}.hero h1{color:var(--cream);margin:0;font-size:clamp(34px,6vw,56px);font-weight:800;line-height:1.05}.hero h1 span{color:var(--orange);text-shadow:0 4px 0 var(--orange-d)}.hero p{color:#fff8ebcc;max-width:560px;margin:16px auto 0;font-size:18px;line-height:1.5}.live{color:#ffffffbf;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:6px 16px;font-size:15px;font-weight:700;display:inline-flex}.live i,.count i{background:#8b8b9b;border-radius:50%;width:9px;height:9px;display:inline-block}.live.on i,.count i{background:#51cf66;animation:2s ease-in-out infinite blink;box-shadow:0 0 8px #51cf66}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;max-width:1100px;margin:30px auto 0;padding:0 20px 40px;display:grid}.card{color:#3b2a1a;background:var(--cream);border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 8px #c98a3d,0 18px 40px #00000073}a.card:hover{transform:translateY(-4px);box-shadow:0 12px #c98a3d,0 26px 50px #00000080}a.card:active{transform:translateY(2px);box-shadow:0 4px #c98a3d,0 12px 30px #0006}.art{background:radial-gradient(circle at 50% 120%, var(--a) 0%, var(--b) 70%);justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.art:after{content:"";background:#ffffff2e;border-radius:50%;height:210px;position:absolute;bottom:-150px;left:-10%;right:-10%}.art span{z-index:1;letter-spacing:6px;filter:drop-shadow(0 6px #0000002e);font-size:64px;transition:transform .2s;position:relative}a.card:hover .art span{transform:scale(1.08)rotate(-3deg)}.art .new{z-index:2;color:#3b2a1a;letter-spacing:1px;background:#ffd166;border-radius:8px;padding:2px 10px;font-size:13px;font-weight:800;position:absolute;top:14px;right:14px}.body{flex-direction:column;flex:1;padding:16px 20px 18px;display:flex}.body h2{color:var(--brown);margin:0;font-size:26px;font-weight:800}.body p{color:var(--muted);flex:1;margin:6px 0 12px;font-size:15px;line-height:1.45}.tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tag{letter-spacing:.5px;color:var(--brown);background:#f1dfc0;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:800}.foot{justify-content:space-between;align-items:center;display:flex}.count{color:var(--muted);align-items:center;gap:7px;font-size:15px;font-weight:700;display:inline-flex}.play{background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange-d);border-radius:14px;padding:6px 22px;font-size:18px;font-weight:800}.card.soon{opacity:.8;box-shadow:0 8px #9b8a73,0 18px 40px #0006}.card.soon .art span{animation:3s ease-in-out infinite bob}footer{color:#ffffff8c;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1100px;margin:0 auto;padding:24px 20px 40px;font-size:14px;display:flex}footer nav{gap:18px;display:flex}footer a{text-decoration:none}footer a:hover{color:#ffd166}.doc{background:var(--cream);color:#3b2a1a;border-radius:24px;max-width:760px;margin:10px auto 40px;padding:30px 34px;font-size:16px;line-height:1.6;box-shadow:0 8px #c98a3d,0 18px 40px #00000073}.doc h1{color:var(--brown);margin:0 0 4px;font-size:36px;line-height:1.1}.doc .updated{color:var(--muted);margin-bottom:18px;font-size:14px}.doc h2{color:var(--brown);margin:26px 0 6px;font-size:22px}.doc ul{margin:6px 0;padding-left:22px}.doc li{margin:4px 0}.doc table{border-collapse:collapse;width:100%;margin:8px 0;font-size:15px}.doc th,.doc td{text-align:left;vertical-align:top;border-bottom:1px solid #ead7b8;padding:8px 10px}.doc th{color:var(--brown)}.doc a{color:#e2601c;font-weight:700}.doc code{background:#f1dfc0;border-radius:6px;padding:1px 6px;font-size:14px}@keyframes bob{50%{transform:translateY(-5px)rotate(-4deg)}}@keyframes blink{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}@media (width<=520px){.top nav a:first-child{display:none}.hero p{font-size:16px}.grid{grid-template-columns:1fr;gap:18px}.art{height:140px}.doc{border-radius:18px;margin:6px 12px 30px;padding:22px 18px}}