@import url('/khammini/base.css');
.hub{max-width:890px;margin:52px auto 0;padding:0 22px}.eyebrow{color:var(--teal);font-size:13px;font-weight:700}.hub h1{font-size:clamp(35px,5vw,57px);line-height:1.45;margin:10px 0;letter-spacing:-1px}.hub h1 em{color:var(--gold);font-style:normal}.intro{color:var(--muted);margin-bottom:32px}.game-stack{display:grid;gap:20px}.game{display:flex;flex-direction:row-reverse;align-items:center;position:relative;overflow:hidden;gap:22px;text-decoration:none;background:linear-gradient(120deg,#23283d,#1a1e33);border:1px solid #ffe07135;border-radius:27px;padding:30px;min-height:247px;color:var(--text);transition:transform .18s,border-color .18s}.game:hover{transform:translateY(-3px);border-color:var(--gold)}.game-text{flex:1;position:relative;z-index:1}.game h2{font-size:34px;margin:8px 0;color:var(--gold)}.game p{font-size:14px;line-height:1.9;color:var(--muted)}.mini-label{font-size:11px;color:var(--muted)}.tags{display:flex;gap:6px;margin:15px 0;flex-wrap:wrap}.tags span{font-size:10px;background:#ffffff08;border:1px solid #ffffff0a;border-radius:30px;padding:4px 10px}.enter{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-radius:12px;background:var(--gold);color:#161a2c;padding:10px 17px;font-size:13px;font-weight:800;min-height:44px}.game-art{width:245px;flex-shrink:0}.game-art>img{width:100%;height:auto;border-radius:20px;opacity:.95}.guess-game{border-color:#66ddd443;background:radial-gradient(at 15% 50%,#32596935,transparent 65%),#1a1e33}.guess-game h2{color:var(--teal)}.guess-game:hover{border-color:var(--teal)}.guess-game .enter{background:var(--teal)}.new{background:#66ddd418;color:var(--teal);border-radius:5px;padding:3px 7px;margin-left:6px}.phones-art{position:relative;height:195px}.phone{position:absolute;background:#2e3452;border:2px solid #8290c4;border-radius:20px;width:106px;height:161px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 16px 35px #0003}.phone:before{content:"";background:#111426;position:absolute;top:8px;width:31px;height:6px;border-radius:5px}.phone.back{transform:rotate(12deg);left:19px;top:16px;border-color:var(--purple)}.phone.front{transform:rotate(-10deg);right:22px;top:35px;border-color:var(--teal);background:#233a49}.phone img{width:77px;height:77px;object-fit:contain}.phone .face{font-size:67px;color:var(--purple);font-weight:800;line-height:1.2}.phone span{font-size:10px;color:#dce3ff;margin-top:8px}.spark{position:absolute;color:var(--gold);font-style:normal}.s1{font-size:26px;right:9px;top:0}.s2{font-size:19px;left:5px;bottom:3px}.hub-note{font-size:12px;color:var(--muted);text-align:center;line-height:1.9;margin:25px 0}.update{padding:15px;background:#ffe07110;border:1px solid #ffe07130;border-radius:13px;font-size:13px}.update button{color:var(--gold);text-decoration:underline;background:none;padding:8px}.top-note{font-size:12px;color:var(--muted)}
@media(max-width:600px){.hub{margin-top:29px;padding:0 18px}.hub h1{font-size:36px}.intro{font-size:13px;margin-bottom:24px}.game{gap:12px;padding:22px 18px;min-height:245px;border-radius:23px}.game h2{font-size:29px}.game p{font-size:12px}.game .mini-label{font-size:10px;line-height:1.8}.game-art{width:107px}.game-art>img{width:140px;max-width:none;margin-left:-20px}.phones-art{height:157px;overflow:visible}.phone{width:69px;height:112px;border-radius:15px}.phone.back{left:20px;top:5px}.phone.front{right:-2px;top:41px}.phone img{width:55px;height:55px}.phone .face{font-size:49px}.phone span{font-size:8px}.phone:before{width:23px;top:7px;height:4px}.s1{right:0;top:1px;font-size:19px}.s2{bottom:-10px}.enter{font-size:12px;gap:24px;padding:10px 13px}.tags{gap:4px}.tags span{font-size:9px;padding:3px 8px}.game-text{min-width:0}.hub-note{font-size:10px}.top-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.game{transition:none}.game:hover{transform:none}}
.hub{max-width:1160px;margin-top:58px}.hub>h1,.hub>.eyebrow,.hub>.intro{text-align:center}.hub h1{font-size:clamp(40px,6vw,70px);font-weight:800}.hub>.eyebrow{letter-spacing:.5px}.intro{margin-bottom:40px}.game-stack{grid-template-columns:1fr 1fr;gap:24px}.game{flex-direction:column;align-items:stretch;padding:29px;gap:12px;min-height:500px;border-radius:28px}.game-art{height:200px;width:100%;display:flex;justify-content:center;align-items:center}.game-art>img{width:310px;height:190px;object-fit:contain}.game-text{display:flex;flex-direction:column;align-items:flex-start}.game h2{font-size:36px;margin:10px 0}.game p{font-size:14px;line-height:1.95}.game .tags{margin:20px 0 24px}.game .tags span{font-size:11px;padding:5px 11px}.game .enter{width:100%;margin-top:auto;min-height:48px;font-size:14px}.phones-art{width:245px;align-self:center}.phone.back{left:28px;top:5px}.phone.front{right:25px;top:30px}.guess-game{background:radial-gradient(at 50% 0,#36646635,transparent 64%),linear-gradient(140deg,#1b2c37,#182132)}.quiz-game{background:radial-gradient(at 50% 0,#65593335,transparent 64%),linear-gradient(140deg,#2b2b38,#1b2033)}.hub-note{margin:30px auto;max-width:700px}.top{max-width:1160px}
@media(max-width:740px){.hub{margin-top:32px;padding:0 18px}.hub h1{font-size:43px}.hub>.intro{font-size:13px;margin-bottom:26px}.game-stack{grid-template-columns:1fr;gap:19px}.game{min-height:0;flex-direction:row-reverse;padding:24px 21px;gap:20px}.game-art{width:135px;height:190px;align-self:center}.game-art>img{width:170px;height:190px;margin:0}.game-text{min-width:0}.game h2{font-size:31px}.game p{font-size:12px}.game .tags{margin:14px 0 18px;gap:5px}.game .tags span{font-size:9px;padding:4px 8px}.game .enter{font-size:12px;gap:16px}.game .mini-label{font-size:10px}.phone{width:79px;height:131px;border-radius:16px}.phone.back{left:20px;top:13px}.phone.front{right:0;top:53px}.phone img{width:61px;height:61px}.phone .face{font-size:49px}.phone span{font-size:8px}.hub-note{font-size:11px}}
@media(max-width:420px){.hub h1{font-size:37px}.game{gap:12px;padding:23px 18px}.game-art{width:101px}.game-art>img{width:135px}.phone{width:65px;height:109px}.phone.back{left:13px;top:25px}.phone.front{right:-2px;top:58px}.phone img{width:50px;height:50px}.phone .face{font-size:44px}.game p{font-size:11px}.game .mini-label{font-size:9px}.game h2{font-size:29px}.game .tags span{font-size:8px}}