*{box-sizing:border-box}html,body{margin:0;background:#12002b;color:#fff;font-family:"Trebuchet MS",sans-serif;-webkit-tap-highlight-color:transparent}
#top{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px;background:linear-gradient(90deg,#f72585,#7209b7,#4cc9f0)}
#top b{font-size:1.4em;text-shadow:2px 2px #3a0ca3}#top b span{color:#ffe600}#tix{background:#ffe600;color:#3a0ca3;padding:6px 12px;border-radius:20px;font-weight:bold}
button{font:inherit;font-weight:bold;border:none;border-radius:14px;padding:8px 12px;background:#fff;color:#3a0ca3;cursor:pointer}button:active{transform:scale(.93)}button.on{background:#06d6a0}
#wrap{max-width:1100px;margin:8px auto;padding:0 6px}canvas{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 0 30px #f72585;touch-action:none;user-select:none}
.help{text-align:center;opacity:.8;margin:4px}footer{text-align:center;font-size:.8em;opacity:.7;padding:10px}
#watch{max-width:1100px;margin:16px auto;padding:16px;background:rgba(255,255,255,.08);border-radius:20px}#watch h2{color:#ff70a6;margin-top:0}#watch .sub{opacity:.9}#watch a{color:#4cc9f0}
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.vid p{margin:6px 2px;font-size:.92em}
.yt,.ytf{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block}.yt{background:#333 center/cover no-repeat;cursor:pointer;position:relative;padding:0}
.yt span{position:absolute;inset:0;margin:auto;width:70px;height:50px;border-radius:14px;background:#f00;color:#fff;font-size:26px;line-height:50px}.yt:hover span{transform:scale(1.1)}
#gallery{padding:1rem;max-width:1200px;margin:0 auto}
.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gal-grid figure{margin:0}.gal-grid img{width:100%;height:auto;border-radius:10px;cursor:zoom-in;display:block}
.gal-grid figcaption{text-align:center;font-size:.85rem;margin-top:4px}
#gal-lb{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}
#gal-lb[hidden]{display:none}#gal-lb img{max-width:95vw;max-height:92vh;border-radius:10px}