:root { --bg-light:#F0F0F0;--bg-white:#FFF;--text-dark:#1E1E2D;--text-mid:#555;
--primary-orange:#f9092b;--shadow-light:0 4px 12px rgba(0,0,0,0.05);
--radius:24px;--screen-w:320px;--screen-h:640px;--font:'Poppins',sans-serif; }
*{box-sizing:border-box;margin:0;padding:0;}
body{display:flex;justify-content:center;align-items:center;height:100vh;
background:var(--bg-light);font-family:var(--font);}
.screen{position:relative;width:var(--screen-w);height:var(--screen-h);
background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-light);
overflow:hidden;display:none;flex-direction:column;}
.screen.active{display:flex;}
.screen header{padding:16px;display:flex;align-items:center;justify-content:space-between;
background:var(--primary-orange);color:var(--bg-white);font-size:1rem;}
.screen header .back,.screen header .menu{font-size:24px;cursor:pointer;}
.section{flex:1;overflow-y:auto;padding:16px;}
.row{display:flex;gap:12px;margin-bottom:12px;justify-content:center;flex-wrap:wrap;}
.tile{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;
background:var(--primary-orange);background-size:cover;background-position:center;
display:flex;align-items:flex-end;justify-content:center;padding:8px;color:#fff;
font-weight:600;text-transform:uppercase;font-size:0.85rem;width:140px;}
.small-tile{height:70px;width:140px;font-size:0.75rem;}
.vertical-icons{flex-direction:column;align-items:center;gap:8px;}
.card{background:var(--bg-white);border-radius:16px;box-shadow:var(--shadow-light);
padding:12px;margin-bottom:12px;}
.card h3{font-size:0.9rem;margin-bottom:6px;color:var(--text-dark);}
.card p{font-size:0.8rem;color:var(--text-mid);}
.back-btn{background:#fff;color:var(--primary-orange);border:1px solid var(--primary-orange);
border-radius:8px;padding:6px 12px;font-size:0.85rem;margin:8px auto;cursor:pointer;width:fit-content;}
.gallery img{width:calc(50% - 8px);border-radius:12px;margin:4px;}
.menu-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(30,30,45,0.8);
display:none;justify-content:center;align-items:center;z-index:999;}
.menu-popup-content{background:var(--bg-white);padding:20px;border-radius:16px;width:80%;
display:flex;flex-direction:column;gap:12px;}
.menu-popup-content div{background:var(--primary-orange);color:white;padding:10px;
border-radius:12px;text-align:center;font-weight:bold;cursor:pointer;}
@media(max-width:480px){.screen{width:100%;height:100vh;border-radius:0;}
.gallery img{width:100%;margin-bottom:8px;}}