*{padding:0;margin:0;box-sizing:border-box}#root{width:100%;height:100vh}.layout-root{position:relative}.layout-root{font-family:Inter,Arial,sans-serif}.layout-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#fff}.left-title{display:flex;align-items:center;gap:10px;font-weight:700}.media-title{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1}.media-icon img{width:100%;height:100%;object-fit:contain}.trust-icon{width:12px;height:12px;object-fit:contain}.media-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center}.round-label{position:absolute;left:50%;transform:translate(-50%);top:25px;color:#fff;font-weight:700;letter-spacing:2px}.layout-topbar .round-label{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:2px;text-transform:uppercase;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bar-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.bar-labels{display:flex;width:320px;justify-content:space-between;align-items:center;color:#e6eefc;font-size:12px}.bar-labels>div{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.bar{width:320px;height:14px;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #00000040}.layout-content{position:relative;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.game-screen{min-height:100vh;background:#0b1220;position:relative;color:#fff;font-family:Inter,Arial,sans-serif}.countdown{position:fixed;right:28px;bottom:28px;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:6px solid #B9D0FB;color:#b9d0fb;font-size:20px;font-weight:700}.countdown .time{background:radial-gradient(circle at 30% 30%,#ffffff0f,#fff0);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.center-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:22px;min-width:420px;box-shadow:0 8px 24px #02061799;color:#111827}.center-card .actions{display:flex;gap:12px;margin-top:16px}.center-card button.primary{flex:1;background:#1d4ed8;color:#fff;padding:10px 12px;border-radius:6px;border:none}.center-card button.secondary{flex:1;background:#fff;color:#111827;padding:10px 12px;border-radius:6px;border:1px solid #e5e7eb}.share-btn{transition:all .3s ease;background-color:#2461e6;cursor:pointer}.share-btn:hover{background-color:#1545b0}.share-btn.disabled{background-color:#9cafd9;cursor:default}.verify-btn{transition:all .3s ease;background-color:#fff;outline:1px solid #d6d6d6;color:#464646}.verify-btn:hover{background-color:#e3e3e3;cursor:pointer}.verify-btn.disabled{background-color:#e3e3e3;cursor:default;outline:1px solid #e3e3e3}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-btn{animation:loading 1s linear infinite}.news-card{transition:border .4s ease,box-shadow .4s ease,filter .4s ease;background-color:#fff}.status-badge{transition:background-color .4s ease,opacity .3s ease,transform .3s ease}.modal-btn{transition:all .3s ease;border:2px solid #f4f4f4;color:#000}.modal-btn:hover{border:2px solid #255eda;color:#255eda}.modal-btn.selected{background-color:#255eda;color:#fff;border:2px solid #255eda}.cancel-btn{transition:all .3s ease;background-color:#f4f4f4;color:#8d8d8d}.cancel-btn:hover{background-color:#e8e5e5;color:#737373;cursor:pointer}.cancel-btn:active{background-color:#b7b7b7;color:#464646}.result-screen-root{position:relative}.result-panel{max-width:900px;padding:36px 40px 48px;background:#ffffff08;border-radius:14px;text-align:center}.result-title{color:#bfc9d6;letter-spacing:4px;margin-bottom:8px}.result-sub{color:#fff;font-weight:700;margin-bottom:28px}.result-cards{display:flex;gap:24px;justify-content:center;margin-bottom:36px}.left{color:#52a6ff}.right{color:#ff467b}.result-card{background:#ffffff05;padding:28px 36px;border-radius:8px;min-width:260px;box-shadow:inset 0 1px #ffffff05}.card-label{font-size:12px;margin-bottom:12px}.card-value{font-size:48px;font-weight:800;color:#fff}.result-actions{display:flex;justify-content:center}.enter-btn{background:linear-gradient(90deg,#5b21b6,#6366f1);color:#fff;padding:14px 28px;border-radius:10px;border:none;font-weight:700}.main-menu{display:flex;align-items:center;justify-content:center;height:100vh;max-height:100vh;background:#0b1220;position:relative;color:#fff;font-family:Inter,Arial,sans-serif;padding:2rem;overflow:hidden;box-sizing:border-box}.content-wrapper{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:10}.left-section{display:flex;flex-direction:column;gap:2rem}.intro-section{display:flex;flex-direction:column;gap:1rem}.instruction-section{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.game-title{font-size:4rem;font-weight:900;line-height:1.1;margin:0;background:linear-gradient(90deg,#52a6ff,#ff467b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.game-subtitle{font-size:1rem;font-weight:700;color:#fff;margin:0;letter-spacing:.1em}.game-description{color:#d1d5db;font-size:.9rem;line-height:1.8;text-align:justify;max-width:500px}.start-button{margin-top:1rem;padding:1rem 3rem;font-size:1.5rem;font-weight:900;color:#0b1220;background-color:#fff;border:none;border-radius:12px;cursor:pointer;align-self:flex-start;box-shadow:0 4px #b0b0b0,0 10px 20px #0003;transition:all .1s ease-out}.start-button:hover{transform:translateY(2px);box-shadow:0 2px #b0b0b0,0 5px 10px #0003}.start-button:active{transform:translateY(4px);box-shadow:none}.right-section{position:relative;height:600px;display:flex;align-items:center;justify-content:center;perspective:1000px}.social-card{position:absolute;width:442px;height:212px;padding:20px;background-color:#fff;border-radius:10px;border:4px solid transparent;display:flex;flex-direction:column;gap:28px;box-shadow:0 20px 40px #0000004d;transition:all .5s ease-out}.card-header{display:flex;justify-content:flex-start;align-items:center;gap:16px}.user-avatar{width:33.33px;height:33.33px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-info h4{margin:0;font-size:14px;font-weight:600;line-height:150%;color:#000;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info span{font-size:14px;font-weight:400;line-height:150%;color:#333}.card-content p{font-size:16px;line-height:150%;color:#000;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;gap:8px;justify-content:center}.action-btn{max-width:197px;width:100%;padding:4px 0;font-size:14px;font-weight:400;line-height:150%;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;border:none;cursor:pointer;transition:all .3s ease}.action-btn.share{background-color:#2461e6;color:#fff}.action-btn.share:hover{background-color:#1545b0}.action-btn.verify{background-color:#fff;outline:1px solid #d6d6d6;color:#464646}.action-btn.verify:hover{background-color:#e3e3e3}.btn-icon{width:16px;height:16px;object-fit:contain}@keyframes cardDropMain{0%{opacity:0;transform:translateY(-600px) rotate(0) scale(.8)}70%{opacity:1;transform:translateY(20px) rotate(-14.18deg) scale(1.02)}85%{transform:translateY(-10px) rotate(-14.18deg) scale(.98)}to{opacity:1;transform:rotate(-14.18deg) scale(1)}}@keyframes cardDropBg1{0%{opacity:0;transform:translate(50px,-700px) rotate(0) scale(.8)}70%{opacity:.6;transform:translate(50px,-80px) rotate(15.141deg) scale(.97)}85%{transform:translate(50px,-110px) rotate(15.141deg) scale(.93)}to{opacity:.6;transform:translate(50px,-100px) rotate(15.141deg) scale(.95)}}@keyframes cardDropBg2{0%{opacity:0;transform:translate(20px,-500px) rotate(0) scale(.8)}70%{opacity:.5;transform:translate(20px,140px) rotate(.218deg) scale(.97)}85%{transform:translate(20px,110px) rotate(.218deg) scale(.93)}to{opacity:.5;transform:translate(20px,120px) rotate(.218deg) scale(.95)}}.social-card.animating{pointer-events:none}.social-card.card-main.animating{animation:cardDropMain .8s cubic-bezier(.34,1.56,.64,1) .2s forwards}.social-card.card-bg-1.animating{animation:cardDropBg1 .8s cubic-bezier(.34,1.56,.64,1) 0s forwards}.social-card.card-bg-2.animating{animation:cardDropBg2 .8s cubic-bezier(.34,1.56,.64,1) .4s forwards}.social-card.card-main{z-index:10;transform:rotate(-14.18deg) scale(1)}.social-card.card-main:hover{transform:rotate(0) scale(1.05);z-index:20}.social-card.card-bg-1{z-index:5;transform:translate(50px,-100px) rotate(15.141deg) scale(.95);opacity:.6;filter:blur(1px)}.social-card.card-bg-2{z-index:4;transform:translate(20px,140px) rotate(.218deg) scale(.95);opacity:.5;filter:blur(2px)}@media(max-width:1024px){.content-wrapper{grid-template-columns:1fr;text-align:center}.left-section{align-items:center}.start-button{align-self:center}.game-title{font-size:3.5rem}.right-section{height:400px;transform:scale(.8)}}