*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{color:#1a1a1a;background:#1c1c1c;font-family:system-ui,sans-serif}.world-screen{isolation:isolate;background-color:#0000;background-image:var(--world-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;position:relative}.world-content{z-index:1;max-width:960px;margin:0 auto;padding:16px 16px 32px;position:relative}.brand-logo{width:min(92vw,640px);height:auto;margin:0 auto;display:block}button,input{font:inherit}.catalogue-header h1{margin:0}.catalogue-note{color:#444;margin:8px 0 20px}.search{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.search-label{font-size:1.1rem;font-weight:600}.search input{background:#fff;border:2px solid #333;border-radius:12px;width:100%;min-height:56px;padding:12px 16px}.boo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 2px;margin:0;padding:0;list-style:none;display:grid}.boo-card{background:0 0;border:none;width:100%;padding:0;display:block;overflow:visible}.boo-selector{width:100%;display:block;position:relative}.boo-star{pointer-events:none;width:100%;height:auto;display:block}.boo-photo{z-index:1;object-fit:contain;pointer-events:none;width:40%;height:32%;position:absolute;top:28%;left:30%}.boo-name{z-index:2;text-align:center;color:#1a1a1a;pointer-events:none;justify-content:center;align-items:center;height:11%;padding:0;font-size:clamp(.5rem,2.1vw,.72rem);font-weight:700;line-height:1.05;display:flex;position:absolute;bottom:9%;left:16%;right:28%;overflow:hidden}.empty{font-size:1.1rem;font-weight:700}.back-button,.control-button{background:#fff;border:2px solid #222;border-radius:12px;min-height:52px;padding:12px 18px;font-weight:700}.back-button:disabled,.control-button:disabled{opacity:.4}.video-screen{color:#f4f4f4;background:#111;flex-direction:column;min-height:100dvh;display:flex}.video-top{z-index:3;flex-direction:column;gap:8px;padding:12px 12px 8px;display:flex;position:relative}.video-top h1{margin:0;font-size:1.35rem}.video-stage{touch-action:pan-y;background:#000;border-radius:16px;flex:1;min-height:52dvh;margin:0 12px;position:relative;overflow:hidden}.video-feed{position:absolute;inset:0}.video-slide{justify-content:center;align-items:center;transition:transform .18s ease-out;display:flex;position:absolute;inset:0}.portrait-video{object-fit:contain;aspect-ratio:9/16;background:#000;width:min(100%,56.25dvh);height:100%;max-height:100%}.video-caption{background:#0000008c;border-radius:8px;margin:0;padding:8px 10px;position:absolute;bottom:12px;left:12px;right:12px}.video-title,.video-featured{margin:0;font-size:1rem}.video-featured{margin-top:4px;font-size:.9rem}.video-controls{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px;display:grid}.control-button.play{color:#111;background:#eee}.bounce-button{appearance:none;cursor:pointer;z-index:2;pointer-events:auto;transform-origin:50%;padding:0;transition:transform .14s cubic-bezier(.34,1.45,.64,1);position:relative}.bounce-button:active{transform:scale(.86)}.screen-toolbar{z-index:3;align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.catalogue-toolbar{justify-content:flex-end}.home-button,.back-bubble,.heart-button{border-radius:50%;flex:0 0 64px;width:64px;height:64px}.home-button{background:0 0;border:none}.home-icon,.back-icon,.heart-icon{pointer-events:none;width:100%;height:100%;display:block}.back-bubble,.heart-button{background:#ffffffd1;border:3px solid #fffffff2;box-shadow:0 4px #0000001f}.video-screen .back-bubble,.video-screen .heart-button{background:#fff3;border-color:#ffffffb3}.video-top .heart-button{margin-left:auto}.heart-button{position:relative}.heart-button.is-off .heart-icon path{filter:drop-shadow(0 0 2px #000)}.heart-sparkles,.heart-sparkles:before,.heart-sparkles:after{pointer-events:none;background:#fff59d;border-radius:50%;width:8px;height:8px;position:absolute}.heart-sparkles{animation:.55s ease-out forwards heart-sparkle;top:8px;left:50%}.heart-sparkles:before{content:"";animation:.55s ease-out 50ms forwards heart-sparkle;top:6px;left:-14px}.heart-sparkles:after{content:"";width:6px;height:6px;animation:.55s ease-out 80ms forwards heart-sparkle;top:-4px;left:10px}@keyframes heart-sparkle{0%{opacity:1;transform:scale(.4)translateY(0)}to{opacity:0;transform:scale(1.15)translateY(-14px)}}.favourites-empty{text-align:center;justify-content:center;padding:48px 12px;display:flex}.favourites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:400px;margin:0 auto;padding:0;list-style:none;display:grid}.favourite-card{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;gap:8px;width:100%;padding:0;display:flex}.favourite-frame{aspect-ratio:9/16;background:linear-gradient(#ffe48c80,#e8b03038);border:3px solid #ffd060cc;border-radius:28px;padding:10px;display:block;box-shadow:inset 0 1px 10px #ffffff8c,0 6px #b078102e}.favourite-frame img{object-fit:cover;background:#ffffff59;border-radius:18px;width:100%;height:100%;display:block}.favourite-title,.favourite-boos{font-weight:700;line-height:1.25}.favourite-title{font-size:.95rem}.favourite-boos{font-size:.85rem}@media (width>=700px){.world-content{padding:24px 32px 40px}.brand-logo{width:min(70vw,720px)}.boo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;max-width:560px;margin-left:auto;margin-right:auto}.search input,.back-button,.control-button{min-height:60px}.video-screen{max-width:720px;margin:0 auto}.favourites-grid{gap:22px;max-width:460px}.home-button,.back-bubble,.heart-button{flex-basis:72px;width:72px;height:72px}}