*{box-sizing:border-box;margin:0;padding:0}html,body{background:#011e2a;height:100%}body{justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.app{color:#f0ebe0;background:#011e2a;flex-direction:column;width:100%;max-width:480px;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.footer{text-align:center;letter-spacing:.15em;color:#4a8a9a;text-transform:uppercase;z-index:10;background:#011e2a;border-top:1px solid #0a3040;width:100%;max-width:480px;padding:10px 20px;font-size:10px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.footer span{color:#009fe3}.top-bar{z-index:50;background:#011e2a;align-items:center;width:100%;max-width:480px;height:52px;padding:0 16px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.menu-btn{cursor:pointer;background:#032535;border:1px solid #0a3a4a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;transition:border-color .2s;display:flex}.menu-btn:hover{border-color:#009fe3}.menu-line{background:#849daa;border-radius:2px;width:14px;height:1.5px}.menu-btn:hover .menu-line{background:#009fe3}.drawer-overlay{z-index:60;opacity:0;pointer-events:none;background:#011e2aee;transition:opacity .25s;position:absolute;inset:0}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{z-index:70;background:#032535;border-right:1px solid #0a3a4a;flex-direction:column;width:240px;padding:24px 0;transition:transform .28s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-logo{color:#009fe3;letter-spacing:.1em;border-bottom:1px solid #0a3a4a;margin-bottom:12px;padding:0 20px 20px;font-family:Bebas Neue,sans-serif;font-size:22px}.drawer-item{cursor:pointer;color:#a0c4d0;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:13px 20px;font-size:14px;font-weight:500;transition:color .2s,background .2s;display:flex}.drawer-item:hover{color:#f0ebe0;background:#011e2a88}.drawer-item-icon{text-align:center;width:20px;font-size:16px}.drawer-close{border-top:1px solid #0a3a4a;margin-top:auto;padding:12px 20px 0}.drawer-close-btn{color:#a0c4d0;cursor:pointer;background:0 0;border:1px solid #0a3a4a;border-radius:8px;width:100%;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;transition:color .2s}.drawer-close-btn:hover{color:#f0ebe0}.screen{flex-direction:column;flex:1;min-height:100vh;padding:72px 24px 70px;display:none}.screen.active{display:flex}.intro-badge{color:#009fe3;letter-spacing:.2em;text-transform:uppercase;background:#009fe322;border:1px solid #009fe355;border-radius:99px;margin-bottom:24px;padding:5px 14px;font-size:11px;animation:.5s both fadeUp;display:inline-block}.intro-title{color:#f0ebe0;margin:0 0 8px;font-family:Bebas Neue,sans-serif;font-size:clamp(52px,14vw,72px);line-height:.95;animation:.5s .1s both fadeUp}.intro-title span{color:#009fe3}.intro-rules{margin:20px 0 28px;animation:.5s .2s both fadeUp}.rule{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.rule-num{color:#009fe3;min-width:18px;font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1}.rule-text{color:#849daa;font-size:13px;line-height:1.5}.btn-white{color:#011e2a;cursor:pointer;background:#f0ebe0;border:none;border-radius:8px;width:100%;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s;animation:.5s .3s both fadeUp}.btn-white:hover{opacity:.88}.btn-white:active{transform:scale(.98)}.btn-blue{color:#011e2a;cursor:pointer;background:#009fe3;border:none;border-radius:8px;width:100%;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s}.btn-blue:hover{opacity:.88}.btn-blue:active{transform:scale(.98)}.btn-nav{color:#a0c4d0;cursor:pointer;background:#032535;border:1px solid #0a3a4a;border-radius:8px;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .2s,border-color .2s}.btn-nav:hover{color:#f0ebe0;border-color:#009fe355}.screen-title{letter-spacing:.05em;color:#f0ebe0;margin:0 0 4px;font-family:Bebas Neue,sans-serif;font-size:36px}.screen-sub{color:#4a8a9a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;font-size:12px}.cat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cat-card{cursor:pointer;background:#032535;border:1px solid #0a3a4a;border-radius:12px;flex-direction:column;gap:7px;padding:18px 15px;transition:border-color .2s,transform .15s;display:flex}.cat-card:hover{border-color:#009fe355}.cat-card:active{transform:scale(.97)}.cat-card.done{border-color:#009fe344}.cat-card.done .cat-name{color:#009fe3}.cat-icon{font-size:22px;line-height:1}.cat-name{color:#f0ebe0;font-family:Bebas Neue,sans-serif;font-size:19px;line-height:1}.cat-count{color:#4a8a9a;letter-spacing:.06em;font-size:11px}.cat-card.trivia-card{background:#011e2a;border:1px solid #009fe3;position:relative;overflow:hidden}.cat-card.trivia-card:hover{box-shadow:0 0 18px #009fe322}.cat-card.trivia-card .cat-name{color:#009fe3}.trivia-prize-badge{color:#009fe3;letter-spacing:.12em;text-transform:uppercase;background:#009fe322;border:1px solid #009fe344;border-radius:99px;width:fit-content;margin-bottom:2px;padding:3px 8px;font-size:9px;display:inline-block}.card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.btn-back{color:#a0c4d0;cursor:pointer;background:#032535;border:1px solid #0a3a4a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:sans-serif;font-size:18px;transition:color .2s;display:flex}.btn-back:hover{color:#f0ebe0}.card-cat-label{color:#009fe3;flex:1;font-family:Bebas Neue,sans-serif;font-size:22px}.card-progress{color:#4a8a9a;font-size:12px}.progress-bar{background:#0a3a4a;border-radius:2px;height:2px;margin-bottom:20px;overflow:hidden}.progress-fill{background:#009fe3;border-radius:2px;height:100%;transition:width .4s}.swipe-area{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:260px;display:flex}.swipe-card{text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#032535;border:1px solid #009fe333;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:380px;min-height:240px;padding:32px 24px;display:flex}.swipe-card:active{cursor:grabbing}.card-question{color:#f0ebe0;margin-bottom:18px;font-family:Bebas Neue,sans-serif;font-size:clamp(22px,5.5vw,30px);line-height:1.2}.card-tag{color:#009fe3;letter-spacing:.15em;text-transform:uppercase;background:#009fe318;border:1px solid #009fe333;border-radius:99px;padding:4px 12px;font-size:11px}.swipe-hint{color:#4a8a9a;letter-spacing:.05em;align-items:center;gap:6px;margin-top:16px;font-size:12px;transition:opacity .4s;display:flex}.hint-arrow{font-size:16px;animation:1.8s ease-in-out infinite nudge}.nav-row{gap:10px;margin-top:20px;display:flex}.btn-nav-next{color:#011e2a;cursor:pointer;background:#009fe3;border:none;border-radius:8px;flex:2;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s}.btn-nav-next:hover{opacity:.88}.btn-nav-next:active{transform:scale(.98)}.trivia-q-label{color:#009fe3;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:11px}.trivia-question{color:#f0ebe0;margin-bottom:20px;font-family:Bebas Neue,sans-serif;font-size:clamp(20px,5vw,26px);line-height:1.2}.trivia-options{flex-direction:column;gap:9px;width:100%;display:flex}.trivia-opt{cursor:pointer;color:#c8dde4;text-align:left;background:#032535;border:1.5px solid #1a5060;border-radius:10px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.4;transition:border-color .15s,color .15s,background .15s}.trivia-opt:hover:not(.locked){color:#f0ebe0;background:#042d3d;border-color:#009fe3}.trivia-opt.correct{color:#f0ebe0;background:#003d5c;border-color:#009fe3}.trivia-opt.wrong{color:#c07070;background:#2a0d0d;border-color:#7a2020}.trivia-opt.locked{cursor:default}.trivia-reveal{background:#032535;border:1px solid #0a3a4a;border-radius:12px;margin-top:16px;padding:16px;display:none}.trivia-reveal.show{display:block}.reveal-label{color:#009fe3;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px;font-size:10px}.reveal-text{color:#a0c4d0;font-size:13px;line-height:1.6}.trivia-result-badge{border-radius:99px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.trivia-result-badge.correct{color:#009fe3;background:#009fe322;border:1px solid #009fe344}.trivia-result-badge.wrong{color:#e08080;background:#3a1010;border:1px solid #7a2020}.btn-trivia-next{color:#011e2a;cursor:pointer;background:#009fe3;border:none;border-radius:8px;width:100%;margin-top:14px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s}.btn-trivia-next:hover{opacity:.88}.trivia-end-wrap{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.trivia-end-title{color:#f0ebe0;font-family:Bebas Neue,sans-serif;font-size:38px;line-height:1}.trivia-end-title span{color:#009fe3}.playbook-card{background:#032535;border:1px solid #009fe333;border-radius:12px;padding:20px 18px}.playbook-badge{color:#009fe3;letter-spacing:.15em;text-transform:uppercase;background:#009fe318;border:1px solid #009fe333;border-radius:99px;margin-bottom:10px;padding:4px 10px;font-size:10px;display:inline-block}.playbook-title{color:#f0ebe0;margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:24px;line-height:1.1}.playbook-desc{color:#849daa;margin-bottom:14px;font-size:12px;line-height:1.6}.form-input{color:#f0ebe0;background:#011e2a;border:1.5px solid #1a5060;border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-input::placeholder{color:#4a8a9a}.form-input:focus{border-color:#009fe3}.form-label{color:#a0c4d0;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:11px;display:block}.form-group{margin-bottom:12px}.entry-count{color:#4a8a9a;text-align:center;margin-top:8px;font-size:11px}.success-wrap{text-align:center;padding:20px 0;display:none}.success-icon{color:#009fe3;font-family:Bebas Neue,sans-serif;font-size:64px}.success-text{color:#849daa;margin-top:8px;font-size:13px;line-height:1.6}.done-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.done-icon{color:#009fe3;margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:80px;line-height:1}.done-title{color:#f0ebe0;margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:40px}.done-sub{color:#4a8a9a;max-width:260px;margin-bottom:32px;font-size:14px;line-height:1.6}.share-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.qr-box{background:#f0ebe0;border-radius:12px;justify-content:center;align-items:center;width:180px;height:180px;padding:12px;display:flex}.share-label{color:#f0ebe0;font-family:Bebas Neue,sans-serif;font-size:28px}.share-sub{color:#849daa;max-width:240px;font-size:13px;line-height:1.6}.share-url{color:#4a8a9a;letter-spacing:.08em;background:#032535;border:1px solid #0a3a4a;border-radius:8px;padding:8px 16px;font-size:11px}.team-intro{color:#849daa;margin-bottom:16px;font-size:13px;line-height:1.6}.team-card{background:#032535;border:1px solid #0a3a4a;border-radius:12px;align-items:flex-start;gap:13px;margin-bottom:12px;padding:16px;display:flex}.team-avatar{color:#009fe3;background:#009fe322;border:1px solid #009fe344;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Bebas Neue,sans-serif;font-size:17px;display:flex}.team-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.team-name{color:#f0ebe0;margin-bottom:3px;font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1}.team-title-label{color:#009fe3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:11px}.team-bio{color:#849daa;font-size:12px;line-height:1.5}.prize-card{background:#032535;border:1px solid #009fe333;border-radius:12px;margin-bottom:16px;padding:18px}.prize-badge{color:#009fe3;letter-spacing:.15em;text-transform:uppercase;background:#009fe318;border:1px solid #009fe333;border-radius:99px;margin-bottom:8px;padding:4px 10px;font-size:10px;display:inline-block}.prize-title{color:#f0ebe0;margin-bottom:5px;font-family:Bebas Neue,sans-serif;font-size:24px;line-height:1.1}.prize-desc{color:#849daa;font-size:12px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes nudge{0%,to{transform:translate(0)}40%{transform:translate(6px)}60%{transform:translate(-2px)}}@keyframes slideOutLeft{to{opacity:0;transform:translate(-100px)rotate(-8deg)}}@keyframes slideOutRight{to{opacity:0;transform:translate(100px)rotate(8deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.anim-out-left{animation:.28s forwards slideOutLeft}.anim-out-right{animation:.28s forwards slideOutRight}.anim-in{animation:.3s both slideIn}