*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5e6d3;background:#1f110a;margin:0;font-family:Handlee,cursive;overflow-x:clip}#root{width:100%;max-width:100%;margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2d1a0e}::-webkit-scrollbar-thumb{background:#8b0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#daa520}::selection{color:gold;background:#8b0000}.magic-rings-container{width:100%;height:100%}.noise-overlay{pointer-events:none;z-index:1000;width:100vw;height:100vh;position:fixed;top:0;left:0}.bubble-menu{pointer-events:none;z-index:99;justify-content:space-between;align-items:center;gap:16px;padding:0 2em;display:flex;top:2em;left:0;right:0}.bubble-menu.fixed{position:fixed}.bubble-menu.absolute{position:absolute}.bubble-menu .bubble{--bubble-size:48px;width:var(--bubble-size);height:var(--bubble-size);pointer-events:auto;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 16px #0000001f}.bubble-menu .logo-bubble,.bubble-menu .toggle-bubble{will-change:transform}.bubble-menu .logo-bubble{width:80px;height:80px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}@media (width>=768px){.bubble-menu .logo-bubble{width:96px;height:96px}}.bubble-menu .logo-bubble:hover{transform:scale(1.12)rotate(-6deg)}.bubble-menu .logo-bubble:active{transform:scale(.95)}.bubble-menu .logo-bubble img.bubble-logo{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.bubble-menu .toggle-bubble{width:var(--bubble-size);height:var(--bubble-size)}.bubble-menu .bubble-logo{object-fit:contain;max-width:100%;max-height:60%;display:block}.bubble-menu .logo-content{--logo-max-height:60%;--logo-max-width:100%;justify-content:center;align-items:center;width:120px;height:100%;display:inline-flex}.bubble-menu .logo-content>.bubble-logo,.bubble-menu .logo-content>img,.bubble-menu .logo-content>svg{max-height:var(--logo-max-height);max-width:var(--logo-max-width)}.bubble-menu .menu-btn{cursor:pointer;background:#fff;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.bubble-menu .menu-line{transform-origin:50%;background:#111;border-radius:2px;width:26px;height:2px;margin:0 auto;transition:transform .3s,opacity .3s;display:block}.bubble-menu .menu-line+.menu-line{margin-top:6px}.bubble-menu .menu-btn.open .menu-line:first-child{transform:translateY(4px)rotate(45deg)}.bubble-menu .menu-btn.open .menu-line:last-child{transform:translateY(-4px)rotate(-45deg)}@media (width>=768px){.bubble-menu .bubble{--bubble-size:56px}.bubble-menu .logo-bubble{padding:0 16px}}.bubble-menu-items{pointer-events:none;z-index:98;-webkit-backdrop-filter:blur(12px);background:#0d060499;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bubble-menu-items.fixed{position:fixed}.bubble-menu-items.absolute{position:absolute}.bubble-menu-items .pill-list{pointer-events:auto;flex-wrap:wrap;justify-content:stretch;gap:4px 0;width:100%;max-width:1600px;margin:0 auto;padding:0 24px;list-style:none;display:flex}.bubble-menu-items .pill-list .pill-spacer{pointer-events:none;width:100%;height:0}.bubble-menu-items .pill-list .pill-col{box-sizing:border-box;flex:0 0 33.3333%;justify-content:center;align-items:stretch;display:flex}.bubble-menu-items .pill-list .pill-col:nth-child(4):nth-last-child(2){margin-left:16.6667%}.bubble-menu-items .pill-list .pill-col:nth-child(4):last-child{margin-left:33.3333%}.bubble-menu-items .pill-link{--pill-bg:#fff;--pill-color:#111;--pill-border:#0000001f;--item-rot:0deg;--pill-min-h:160px;--hover-bg:#f3f4f6;--hover-color:#111;width:100%;min-height:var(--pill-min-h);background:var(--pill-bg);color:var(--pill-color);will-change:transform;box-sizing:border-box;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:10px;padding:clamp(1.5rem,3vw,8rem) 0;font-family:Handlee,cursive;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;line-height:0;text-decoration:none;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001a}@media (width>=900px){.bubble-menu-items .pill-link{transform:rotate(var(--item-rot))}.bubble-menu-items .pill-link:hover{transform:rotate(var(--item-rot)) scale(1.06);background:var(--hover-bg);color:var(--hover-color)}.bubble-menu-items .pill-link:active{transform:rotate(var(--item-rot)) scale(.94)}}.bubble-menu-items .pill-link .pill-label{will-change:transform, opacity;height:1.2em;line-height:1.2;display:inline-block}@media (width<=899px){.bubble-menu-items{align-items:flex-start;padding-top:120px}.bubble-menu-items .pill-list{row-gap:16px}.bubble-menu-items .pill-list .pill-col{flex:0 0 100%;overflow:visible;margin-left:0!important}.bubble-menu-items .pill-link{min-height:80px;padding:clamp(1rem,2vw,2rem) 0;font-size:clamp(1.2rem,3vw,4rem)}.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color);transform:scale(1.06)}.bubble-menu-items .pill-link:active{transform:scale(.94)}}.bounceCardsContainer{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.bounce-card{aspect-ratio:1;border:5px solid #fff;border-radius:25px;width:400px;position:absolute;overflow:hidden;box-shadow:0 4px 10px #0003}.bounce-card .bounce-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.meme-generator{max-width:600px;margin:0 auto}.meme-upload-area{text-align:center;cursor:pointer;background:#1a0a0080;border:3px dashed #daa520;border-radius:24px;padding:60px 40px;transition:all .3s}.meme-upload-area:hover{background:#1a0a00cc;border-color:gold;transform:scale(1.02)}.meme-file-input{display:none}.meme-upload-icon{color:#daa520;width:64px;height:64px;margin-bottom:16px}.meme-upload-text{color:gold;margin-bottom:8px;font-family:Handlee,cursive;font-size:1.6rem}.meme-upload-sub{color:#f5e6d3;opacity:.6;font-family:Handlee,cursive;font-size:1rem}.meme-editor{flex-direction:column;align-items:center;gap:24px;display:flex}.meme-canvas{border:4px solid #daa520;border-radius:16px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.meme-base-image{-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:500px;display:block}.meme-helmet{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:10;position:absolute}.meme-helmet:active{cursor:grabbing}.meme-helmet img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 6px #00000080);width:100%;height:100%}.meme-resize-handle{cursor:nwse-resize;touch-action:none;z-index:11;background:gold;border:2px solid #8b0000;border-radius:50%;width:20px;height:20px;position:absolute;bottom:-8px;right:-8px;box-shadow:0 2px 6px #0006}.meme-resize-handle:hover{background:#fff;transform:scale(1.2)}.meme-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.meme-btn{padding:12px 28px;font-size:1rem}.helmet-btn{color:gold;background:linear-gradient(135deg,#6b3a2a 0%,#8b5a3a 100%)}.helmet-btn:hover{background:linear-gradient(135deg,#8b5a3a 0%,#a06a4a 100%)}.download-btn{color:gold;background:linear-gradient(135deg,#8b0000 0%,#b30000 100%)}.download-btn:hover{background:linear-gradient(135deg,#a00000 0%,#c00 100%)}.reset-btn{color:gold;background:linear-gradient(135deg,#1a0a00 0%,#2d1a0e 100%)}.reset-btn:hover{background:linear-gradient(135deg,#2d1a0e 0%,#3d2a1e 100%)}.rome-app{background:#1f110a;position:relative;overflow-x:clip}.logo-text{color:gold;letter-spacing:2px;font-family:Handlee,cursive;font-size:18px}.hero-section{background:radial-gradient(#2d1a0e 0%,#1f110a 70%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.magic-rings-bg{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex;position:relative}.hero-gif{object-fit:contain;filter:drop-shadow(0 0 40px #daa52066);width:420px;height:420px;animation:3s ease-in-out infinite heroFloat}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-title{color:gold;text-shadow:4px 4px #8b0000,8px 8px #8b000080;letter-spacing:4px;margin:0;font-family:Handlee,cursive;font-size:clamp(4rem,12vw,9rem);line-height:1}.hero-subtitle{color:#f5e6d3;letter-spacing:6px;text-transform:uppercase;opacity:.9;font-family:Handlee,cursive;font-size:clamp(1.2rem,3vw,2rem)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.rome-btn{cursor:pointer;letter-spacing:1px;border:3px solid gold;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-family:Handlee,cursive;font-size:1.1rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;transform:translateY(0);box-shadow:0 6px #6b3a2a,0 8px 20px #0006}.rome-btn:hover{transform:translateY(-4px)scale(1.08);box-shadow:0 10px #6b3a2a,0 14px 30px #00000080}.rome-btn:active{transform:translateY(2px)scale(.98);box-shadow:0 2px #6b3a2a,0 4px 10px #0000004d}.copy-btn{color:gold;background:linear-gradient(135deg,#8b0000 0%,#b30000 100%)}.copy-btn:hover{background:linear-gradient(135deg,#a00000 0%,#c00 100%)}.twitter-btn{color:gold;background:linear-gradient(135deg,#2d1a0e 0% 100%)}.twitter-btn:hover{background:linear-gradient(135deg,#2d1a0e 0%,#3d2a1e 100%)}.rome-btn.large{padding:18px 40px;font-size:1.3rem}.section-inner{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{color:gold;text-align:center;text-shadow:3px 3px #8b0000,6px 6px #8b00004d;margin-bottom:16px;font-family:Handlee,cursive;font-size:clamp(2rem,5vw,3.5rem)}.section-desc{color:#f5e6d3;text-align:center;opacity:.7;margin-bottom:40px;font-family:Handlee,cursive;font-size:1.2rem}.about-section{background:linear-gradient(#1f110a 0%,#2d1a0e 50%,#1f110a 100%);padding:100px 0;position:relative}.about-section:before{content:"";background:linear-gradient(90deg,#0000,#daa520,#0000);height:2px;position:absolute;top:0;left:0;right:0}.about-content{align-items:center;gap:60px;margin-top:40px;display:flex}.about-text{flex:1}.scribble-text{color:#f5e6d3;margin-bottom:20px;font-family:Handlee,cursive;font-size:1.4rem;line-height:1.8}.highlight-text{color:gold;font-family:Handlee,cursive;font-size:1.8rem}.about-image{flex:0 0 400px}.about-img{border:4px solid #daa520;border-radius:20px;width:100%;transition:transform .3s;transform:rotate(2deg);box-shadow:0 10px 40px #00000080}.about-img:hover{transform:rotate(0)scale(1.02)}@media (width<=768px){.about-content{flex-direction:column;gap:30px}.about-image{flex:none;width:100%;max-width:350px}}.gallery-section{background:#1f110a;padding:50px 0 60px;position:relative;overflow:hidden}.gallery-section:before{content:"";background:linear-gradient(90deg,#0000,#8b0000,#0000);height:2px;position:absolute;top:0;left:0;right:0}.bounce-wrapper{justify-content:center;align-items:center;min-height:620px;padding:0;display:flex}.rome-bounce .bounce-card{border:5px solid #daa520;border-radius:20px;box-shadow:0 8px 30px #8b000066}.memes-section{background:linear-gradient(#1f110a 0%,#2d1a0e 100%);padding:100px 0;position:relative}.memes-section:before{content:"";background:linear-gradient(90deg,#0000,#daa520,#0000);height:2px;position:absolute;top:0;left:0;right:0}.memes-title{padding-top:20px}.meme-wrapper{max-width:700px;margin:0 auto;padding:0 24px 40px}.community-section{background:linear-gradient(#2d1a0e 0%,#1f110a 100%);padding:100px 0;position:relative}.community-section:before{content:"";background:linear-gradient(90deg,#0000,#8b0000,#0000);height:2px;position:absolute;top:0;left:0;right:0}.community-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px;display:grid}.community-card{cursor:pointer;background:linear-gradient(135deg,#2d1a0e 0% 100%);border:3px solid #daa520;border-radius:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.community-card:hover{border-color:gold;transform:translateY(-8px)rotate(-1deg)scale(1.03);box-shadow:0 16px 40px #daa52033}.community-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.community-card h3{color:gold;text-align:center;padding:16px;font-family:Handlee,cursive;font-size:1.1rem}.community-cta{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (width<=768px){.community-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 60px}}.rome-footer{text-align:center;background:#1f110a;border-top:2px solid #8b0000;padding:20px}.footer-title{color:gold;margin-bottom:4px;font-family:Handlee,cursive;font-size:1.3rem}.footer-sub{color:#f5e6d3;opacity:.5;font-family:Handlee,cursive;font-size:1rem}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.scroll-fade{opacity:0;will-change:opacity;transition:opacity .8s cubic-bezier(.22,1,.36,1)}.scroll-fade.in-view{opacity:1}@media (prefers-reduced-motion:reduce){.scroll-fade{opacity:1;transition:none}}