*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Arial,sans-serif;color:#fff;background:#0c0c13}body{background:radial-gradient(circle at top left,rgba(255,62,62,.20),transparent 20%),radial-gradient(circle at top right,rgba(255,149,0,.16),transparent 18%),linear-gradient(140deg,#0c0c13 0%,#171723 45%,#0d0d15 100%)}#app{position:relative;width:100vw;height:100vh;overflow:hidden}.bg-orb{position:fixed;border-radius:50%;filter:blur(40px);pointer-events:none;opacity:.75}.orb-1{width:320px;height:320px;left:-100px;top:-70px;background:rgba(255,66,66,.18)}.orb-2{width:380px;height:380px;right:-120px;bottom:-120px;background:rgba(255,115,0,.12)}.screen{display:none;width:100%;height:100%;align-items:center;justify-content:center;padding:18px}.screen.active{display:flex}.panel{position:relative;width:min(960px,96vw);height:min(700px,94vh);display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid rgba(255,80,80,.25);background:linear-gradient(180deg,rgba(27,27,39,.96),rgba(18,18,28,.92));border-radius:34px;box-shadow:0 18px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.03);padding:34px 30px;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 30%,rgba(255,255,255,.03) 30% 42%,transparent 42% 100%),radial-gradient(circle at 15% 25%,rgba(255,70,70,.18),transparent 22%),radial-gradient(circle at 85% 18%,rgba(255,135,0,.12),transparent 20%);pointer-events:none}.panel:after{content:"";position:absolute;right:28px;bottom:20px;width:180px;height:180px;background:url('../assets/favicon.png') center/contain no-repeat;opacity:.06;pointer-events:none}.brand-logo{width:min(480px,80vw);max-height:90px;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 8px 18px rgba(255,38,38,.18))}.brand-strip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;margin-bottom:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,84,84,.25);backdrop-filter:blur(10px);font-weight:800;letter-spacing:1px;color:#ffd7d7}.brand-icon{width:26px;height:26px;object-fit:contain}h1{font-size:clamp(28px,4.6vw,54px);letter-spacing:2px;color:#fff;margin:0 0 8px;text-shadow:0 0 18px rgba(255,72,72,.26)}.subline{margin:0 0 26px;color:#c8c8d3;text-align:center;font-size:clamp(14px,2vw,18px)}.level-grid{display:grid;grid-template-columns:repeat(5,88px);gap:18px 26px;justify-content:center}.level-btn{width:88px;height:88px;border:3px solid #ff4b4b;border-radius:20px;background:linear-gradient(180deg,#ff6a45,#c61d1d);box-shadow:inset 0 4px 0 rgba(255,255,255,.14),0 8px 18px rgba(178,29,29,.35);color:#fff;font-size:34px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.level-btn:hover,.next-btn:hover,.small-btn:hover,.round-btn:hover{transform:translateY(-2px)}.level-btn.locked{background:linear-gradient(180deg,#303041,#242435);border-color:#4b4b61;color:#9494a8;box-shadow:inset 0 4px 0 rgba(255,255,255,.03),0 8px 18px rgba(0,0,0,.28);cursor:not-allowed}.level-btn:active,.next-btn:active,.small-btn:active,.round-btn:active{transform:translateY(2px)}.next-btn{position:absolute;right:24px;top:50%;translate:0 -50%;width:88px;height:88px;border:3px solid #ff4b4b;border-radius:24px;background:linear-gradient(180deg,#ff6a45,#c61d1d);color:#fff;font-size:44px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(178,29,29,.35)}.round-btn{position:absolute;z-index:20;width:62px;height:62px;border:2px solid rgba(255,95,95,.5);border-radius:50%;background:linear-gradient(180deg,#2b2b40,#1d1d2b);color:#fff;font-size:30px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.3);cursor:pointer}.top-right{right:22px;top:22px}.top-left{left:22px;top:22px}.hidden{display:none!important}.game-wrap{position:relative;width:min(1080px,96vw)}.hud{display:flex;gap:12px;align-items:center;margin:0 0 12px 0;flex-wrap:wrap}.badge,.small-btn{background:linear-gradient(180deg,#262637,#1a1a28);border:2px solid rgba(255,88,88,.5);border-radius:16px;padding:10px 18px;font-weight:900;font-size:23px;color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.25)}.small-btn{cursor:pointer}#gameCanvas{width:100%;aspect-ratio:1000/620;background:linear-gradient(180deg,#f8f8fb,#ededf3);border:8px solid #111118;border-radius:18px;display:block;touch-action:none;box-shadow:0 22px 40px rgba(0,0,0,.35)}.message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#fff4ef,#ffe2db);border:3px solid #ff5151;border-radius:22px;padding:20px 44px;font-size:36px;font-weight:900;color:#c81717;box-shadow:0 0 0 5px rgba(255,81,81,.18),0 18px 40px rgba(0,0,0,.3);z-index:50;text-transform:uppercase;letter-spacing:1px;text-align:center;min-width:280px}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:rgba(18,18,28,.92);border:1px solid rgba(255,92,92,.35);color:#fff;padding:12px 16px;border-radius:12px;z-index:100;box-shadow:0 8px 18px rgba(0,0,0,.22)}@media(max-width:720px){.panel{height:92vh;padding:24px 18px}.brand-logo{max-height:64px}.level-grid{grid-template-columns:repeat(5,58px);gap:12px}.level-btn{width:58px;height:58px;border-radius:14px;font-size:22px}.level-btn.locked{font-size:26px}.next-btn{right:8px;width:60px;height:60px;font-size:30px}.round-btn{width:48px;height:48px;font-size:22px}.badge,.small-btn{font-size:16px;padding:8px 12px}.message{font-size:24px;padding:16px 28px;min-width:220px}.subline{font-size:14px}.brand-strip{font-size:12px}}

/* ANROZIX game portal homepage */
.portal-body{overflow:auto;min-height:100vh}.portal-shell{position:relative;z-index:2;width:min(1180px,94vw);margin:0 auto;padding:42px 0 60px}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px;padding:18px 22px;border:1px solid rgba(255,80,80,.24);background:rgba(20,20,31,.72);border-radius:24px;box-shadow:0 16px 44px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.portal-logo{width:min(360px,70vw);max-height:72px;object-fit:contain}.portal-tagline{margin:0;color:#d8d8e4;font-weight:600;letter-spacing:.2px}.games-section{border:1px solid rgba(255,80,80,.24);background:linear-gradient(180deg,rgba(27,27,39,.94),rgba(18,18,28,.90));border-radius:32px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.38)}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-title-row h1{margin:0 0 8px;font-size:clamp(34px,5vw,58px)}.section-title-row p{margin:0;color:#cfcfdb;font-size:17px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.game-card{position:relative;text-decoration:none;color:#fff;border:1px solid rgba(255,85,85,.25);background:linear-gradient(180deg,rgba(43,43,59,.92),rgba(25,25,38,.92));border-radius:26px;overflow:hidden;min-height:360px;box-shadow:0 16px 34px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.game-card:hover{transform:translateY(-6px);border-color:rgba(255,85,85,.65);box-shadow:0 24px 46px rgba(0,0,0,.38)}.game-thumb{height:190px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 40%,rgba(255,64,64,.24),transparent 38%),linear-gradient(145deg,rgba(255,90,65,.12),rgba(255,255,255,.02))}.game-thumb img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(255,0,0,.18))}.dot-preview{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:0}.dot-preview .dot{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.12)}.dot-preview .red{background:#f63b2b}.dot-preview .yellow{background:#ffcc18}.dot-preview .line{width:110px;height:10px;background:linear-gradient(90deg,#f63b2b,#ffcc18);border-radius:999px}.game-info{padding:24px}.game-info h2{margin:0 0 10px;font-size:28px}.game-info p{margin:0 0 22px;color:#d5d5df;line-height:1.5}.play-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#ff6a45,#c61d1d);color:#fff;font-weight:900;letter-spacing:.5px;box-shadow:0 10px 20px rgba(198,29,29,.28)}.coming-soon{opacity:.75}.game-thumb.muted{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.plus-icon{width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.35);font-size:54px;color:#bbb}.play-btn.disabled{background:#3a3a4c;color:#aaa;box-shadow:none}@media(max-width:720px){.portal-shell{padding:22px 0 42px}.portal-header{align-items:flex-start;flex-direction:column}.games-section{padding:22px}.game-card{min-height:330px}.game-thumb{height:160px}}

.home-link{position:absolute;z-index:21;left:22px;top:22px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#2b2b40,#1d1d2b);border:2px solid rgba(255,95,95,.5);border-radius:999px;padding:16px 20px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.3)}.top-left{top:88px}@media(max-width:720px){.home-link{left:14px;top:14px;padding:11px 13px;font-size:13px}.top-left{top:68px}}