*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#000;color:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage{position:fixed;inset:0;background:#000}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 15% 15%,rgba(255,207,73,.13),transparent 60%),radial-gradient(ellipse 55% 45% at 85% 85%,rgba(255,20,147,.2),transparent 60%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(74,168,255,.1),transparent 60%),#050505;pointer-events:none;z-index:0}.stage-brand{position:fixed;top:clamp(14px,2.2vmin,28px);left:clamp(18px,2.6vmin,34px);z-index:30;pointer-events:none}.stage-brand img{display:block;width:clamp(120px,18vmin,240px);filter:drop-shadow(0 0 18px rgba(255,20,147,.55))}.stage-caption{position:fixed;bottom:22px;right:30px;z-index:30;pointer-events:none;font:900 18px/1 -apple-system,system-ui,sans-serif;letter-spacing:.24em;color:#ffffff80;text-shadow:0 0 24px rgba(0,0,0,.9)}.stage-caption b{color:#ffcf49}.stage-empty{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#ffffff8c;z-index:10}.stage-empty[hidden]{display:none}.stage-empty .msg{font:900 44px/1 -apple-system,system-ui,sans-serif;letter-spacing:.16em;font-style:italic;background:linear-gradient(90deg,#ffcf49,#ff2f8a);-webkit-background-clip:text;background-clip:text;color:transparent;animation:stageEmptyPulse 2.6s ease-in-out infinite}@keyframes stageEmptyPulse{50%{opacity:.5}}.stage-empty .hint{font:700 16px/1.4 system-ui,sans-serif;color:#ffffff73}.rows{position:fixed;inset:clamp(50px,7vmin,90px) 0 clamp(28px,4vmin,60px) 0;display:flex;flex-direction:column;gap:clamp(6px,1vmin,14px);z-index:5;overflow:hidden}.row{flex:1 1 0;min-height:0;position:relative;overflow:visible}.row-track{position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:row;align-items:stretch;gap:10px;will-change:transform}.tile{flex:0 0 auto;height:100%;aspect-ratio:1 / 1;background:#0a0e14;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 20px #0000008c;opacity:0;animation:tileEnter .6s ease-out forwards}@keyframes tileEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tile img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tile-name{position:absolute;left:0;right:0;bottom:0;padding:14px 10px 10px;color:#fff;font:900 clamp(11px,.9vw,15px)/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.85);background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));pointer-events:none}.tile-name[hidden]{display:none}.tile.leaving{animation:tileLeave .45s ease-in forwards}@keyframes tileLeave{to{opacity:0;transform:scale(.94)}}.tile.hero-slot{visibility:hidden}.hero{position:fixed;z-index:20;border-radius:20px;overflow:hidden;box-shadow:0 0 64px #ffcf4959,0 0 140px #ff14934d,0 14px 50px #000000bf;transition:top .8s cubic-bezier(.22,.61,.36,1),left .8s cubic-bezier(.22,.61,.36,1),width .8s cubic-bezier(.22,.61,.36,1),height .8s cubic-bezier(.22,.61,.36,1),opacity .5s ease-out;opacity:0}.hero img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero.show{opacity:1}.hero-caption{position:absolute;bottom:14px;left:18px;right:18px;color:#fff;font:900 24px/1.2 system-ui,sans-serif;letter-spacing:.02em;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.9);pointer-events:none}.hero-caption[hidden]{display:none}html[data-embed] .qr-overlay{display:none!important}.qr-overlay{position:fixed;bottom:clamp(14px,2.4vmin,30px);right:clamp(14px,2.4vmin,30px);width:clamp(200px,24vmin,340px);aspect-ratio:1 / 1;padding:3px;border-radius:20px;background:linear-gradient(135deg,#ff2f8a,#ffcf49 55%,#ff2f8a);background-size:220% 220%;box-shadow:0 14px 46px #ff2f8a57,0 0 80px #ffcf492e;animation:qrRingShift 6s ease-in-out infinite;z-index:15;pointer-events:none}@keyframes qrRingShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.qr-overlay .qr-inner{width:100%;height:100%;border-radius:17px;background:radial-gradient(140% 100% at 100% 0%,#ff2f8a29,#0000 55%),linear-gradient(180deg,#0d0508,#05020a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vmin,14px);padding:clamp(10px,1.6vmin,22px);overflow:hidden}.qr-overlay .qr-lead{font:900 clamp(9px,1vmin,13px)/1 -apple-system,system-ui,sans-serif;letter-spacing:.26em;color:#ffcf49;text-transform:uppercase;text-align:center}.qr-overlay .qr-image{flex:1 1 auto;display:block;width:auto;max-width:100%;height:auto;aspect-ratio:1 / 1;background:#fff;padding:clamp(5px,1vmin,12px);border-radius:10px;box-shadow:0 8px 26px #00000080;min-height:0}.qr-overlay .qr-title{font:900 italic clamp(12px,1.6vmin,20px)/1.05 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;letter-spacing:-.01em;color:#fff;text-align:center;text-wrap:balance}.qr-overlay .qr-title b{background:linear-gradient(90deg,#ffcf49,#ff2f8a);-webkit-background-clip:text;background-clip:text;color:transparent}.qr-overlay .qr-sub{font:700 clamp(8px,.9vmin,12px)/1 system-ui,sans-serif;letter-spacing:.2em;color:#ffffff8c;text-transform:uppercase}.qr-overlay.editing{pointer-events:auto;cursor:grab;outline:3px dashed rgba(255,207,73,.8);outline-offset:6px}.qr-overlay.editing:active{cursor:grabbing}.qr-resize{display:none;position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;background:#ffcf49;border:2px solid #05020a;border-radius:8px;box-shadow:0 6px 16px #0000008c;cursor:nwse-resize;z-index:3}.qr-overlay.editing .qr-resize{display:block}.qr-edit-hint{position:fixed;top:clamp(14px,2.4vmin,30px);left:50%;transform:translate(-50%);z-index:40;padding:10px 18px;background:#ffcf49f2;color:#05020a;font:900 12px/1 system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;border-radius:999px;box-shadow:0 8px 30px #00000080;display:none;pointer-events:none}.qr-edit-hint.show{display:inline-block}.qr-lock{position:fixed;top:clamp(14px,2.4vmin,30px);right:clamp(14px,2.4vmin,30px);z-index:40;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff9;font-size:18px;cursor:pointer;opacity:.35;transition:opacity .2s ease,background .2s ease,color .2s ease}.qr-lock:hover{opacity:1;background:#ffffff1f;color:#fff}.qr-lock.editing{opacity:1;background:#ffcf49;color:#05020a;border-color:#ffcf49}