.gw{--orange:#ec6602;--orange-dark:#c45200;--orange-light:#fff3e8;--black:#000;--white:#fff;--ink:#111;--muted:#777;--line:#ececec;--soft:#f7f7f7;--done-bg:#fff7ef;--radius:14px;background:var(--white);color:var(--black);min-height:100vh;font-family:Bree Serif,Georgia,serif;position:relative;overflow-x:hidden}.gw *{box-sizing:border-box;font-family:inherit}.gw.gw-dark{color:var(--white);background:#0b0b0d}.gw header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--orange);background:#fffffff5;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.gw .logo-zone{align-items:center;gap:12px;display:flex}.gw .logo-img{flex-shrink:0;width:auto;height:52px;display:block}.gw .logo-tile{background:var(--orange);color:#fff;letter-spacing:.5px;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.gw .logo-text{color:var(--black);font-size:14px;line-height:1.2}.gw .logo-text span{color:var(--orange);font-size:11px;display:block}.gw .progress-zone{flex:1;max-width:300px}.gw .progress-label{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.gw .progress-label strong{color:var(--orange);font-size:14px}.gw .progress-bar-track{background:var(--soft);border:1px solid var(--line);border-radius:99px;height:8px;overflow:hidden}.gw .progress-bar-fill{background:var(--orange);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.gw .player-chip{border:1px solid var(--line);background:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.gw .player-avatar{background:var(--orange);color:#fff;text-transform:uppercase;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.gw .player-name{color:var(--black);white-space:nowrap;font-size:13px}.gw .deadline-zone{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.gw .deadline-badge{background:var(--white);border:1px solid var(--orange);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.gw .deadline-dot{background:var(--orange);border-radius:50%;width:7px;height:7px;animation:2s infinite gw-blink}@keyframes gw-blink{0%,to{opacity:1}50%{opacity:.25}}.gw .deadline-text{color:var(--black);white-space:nowrap;font-size:12px}.gw .deadline-sub{color:var(--muted);text-align:right;font-size:10px}.gw .countdown-strip{z-index:1;background:var(--black);color:var(--white);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:12px 24px;display:flex;position:relative}.gw .cd-label{text-transform:uppercase;letter-spacing:2px;color:#fff9;font-size:11px}.gw .cd-units{align-items:center;gap:12px;display:flex}.gw .cd-unit{flex-direction:column;align-items:center;gap:2px;display:flex}.gw .cd-num{color:var(--orange);text-align:center;min-width:36px;font-size:22px;line-height:1}.gw .cd-num.warn{color:var(--orange)}.gw .cd-num.danger{color:#ff4d4d}.gw .cd-ulab{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;font-size:9px}.gw .cd-sep{color:#ffffff4d;margin-top:-4px;font-size:18px}.gw .hero{z-index:1;max-width:800px;margin:0 auto;padding:32px 24px 16px;position:relative}.gw .hero-hello{letter-spacing:2px;color:var(--muted);margin-bottom:10px;font-size:11px}.gw .hero-title{color:var(--black);margin-bottom:12px;font-size:clamp(30px,5vw,52px);font-weight:700;line-height:1.05}.gw .hero-title span{color:var(--orange)}.gw .hero-sub{color:var(--muted);margin-bottom:20px;font-size:15px;line-height:1.5}.gw .stats-row{flex-wrap:wrap;gap:10px;display:flex}.gw .stat-badge{background:var(--white);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:85px;padding:10px 16px;display:flex}.gw .stat-val{color:var(--orange);font-size:22px;line-height:1}.gw .stat-val.petrol{color:var(--black)}.gw .stat-val.green{color:var(--orange)}.gw .stat-key{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.gw .main{z-index:1;max-width:800px;margin:0 auto;padding:16px 24px 80px;position:relative}.gw .section-label{text-transform:uppercase;letter-spacing:2px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;display:flex}.gw .reset-btn{color:var(--muted);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;font-family:inherit;font-size:11px;transition:color .2s}.gw .reset-btn:hover{color:var(--orange)}.gw .questions-grid{flex-direction:column;gap:10px;display:flex}.gw .q-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .25s;animation:.4s both gw-fadeSlide;display:flex;position:relative;overflow:hidden}.gw .q-card:before{content:"";background:0 0;width:3px;transition:background .3s;position:absolute;top:0;bottom:0;left:0}.gw .q-card:hover:not(.done){border-color:var(--orange);transform:translate(3px);box-shadow:0 4px 16px #ec660214}.gw .q-card:hover:not(.done):before{background:var(--orange)}.gw .q-card.done{background:var(--done-bg);border-color:#ec66024d}.gw .q-card.done:before{background:var(--orange)}.gw .q-num{color:var(--muted);letter-spacing:.5px;min-width:24px;padding-top:2px;font-size:12px}.gw .q-card.done .q-num{color:var(--orange)}.gw .q-body{flex:1}.gw .q-cat{text-transform:uppercase;letter-spacing:1.5px;color:var(--orange);margin-bottom:4px;font-size:10px}.gw .q-text{color:var(--black);font-size:15px;line-height:1.45}.gw .q-card.done .q-text{color:#555}.gw .q-answer{color:var(--orange);margin-top:6px;font-size:13px}.gw .q-timestamp{color:var(--muted);margin-top:3px;font-size:11px}.gw .q-check{background:0 0;border:1.5px solid #cfcfcf;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;transition:all .3s;display:grid}.gw .q-check svg{opacity:0;transition:all .3s;transform:scale(0)}.gw .q-card.done .q-check{background:var(--orange);border-color:var(--orange)}.gw .q-card.done .q-check svg{opacity:1;transform:scale(1)}.gw .q-status{text-align:center;flex-shrink:0;min-width:26px;margin-top:2px;font-size:22px;line-height:1}.gw .q-card.wrong{background:#fdecec;border-color:#dc354559}.gw .q-card.wrong:before{background:#dc3545}.gw .q-card.correct{background:#e8f7ec;border-color:#28a74559}.gw .q-card.correct:before{background:#28a745}.gw-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gw-modal{background:var(--white);width:100%;max-width:480px;color:var(--black);border:1px solid #ddd;border-radius:18px;padding:28px;font-family:Bree Serif,Georgia,serif;animation:.3s cubic-bezier(.34,1.56,.64,1) gw-slideUp;box-shadow:0 24px 80px #0000002e}@keyframes gw-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gw-modal .modal-cat{text-transform:uppercase;letter-spacing:2px;color:#ec6602;margin-bottom:6px;font-size:11px}.gw-modal .modal-q{color:#000;margin-bottom:20px;font-size:20px;line-height:1.3}.gw-modal .modal-label{color:#777;margin-bottom:8px;font-size:13px}.gw-modal .modal-input{color:#000;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;outline:none;width:100%;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.gw-modal .modal-input:focus{background:#fff;border-color:#ec6602}.gw-modal .modal-existing{color:#ec6602;background:#fff7ef;border:1px solid #ec660240;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.gw-modal .modal-existing span{color:#777}.gw-modal .modal-btns{gap:10px;display:flex}.gw-modal .btn-cancel{color:#777;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.gw-modal .btn-cancel:hover{color:#000;border-color:#000}.gw-modal .btn-confirm{color:#fff;cursor:pointer;background:#ec6602;border:none;border-radius:10px;flex:2;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.gw-modal .btn-confirm:hover{background:#c45200}.gw-toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:20px}.gw-toast{color:#000;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #ec6602;border-radius:12px;align-items:flex-start;gap:10px;max-width:300px;padding:12px 16px;font-family:Bree Serif,Georgia,serif;animation:.4s cubic-bezier(.34,1.56,.64,1) gw-toastIn;display:flex;box-shadow:0 8px 28px #0000001f}.gw-toast.removing{animation:.3s forwards gw-toastOut}@keyframes gw-toastIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes gw-toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.gw-toast .icon{flex-shrink:0;margin-top:1px;font-size:18px}.gw-toast .content{flex:1}.gw-toast .title{color:#000;margin-bottom:2px;font-size:13px}.gw-toast .body{color:#777;font-size:12px;line-height:1.4}.gw-toast .body strong{color:#ec6602}.gw-milestone{text-align:center;z-index:500;opacity:0;pointer-events:none;color:#000;background:#fff;border:2px solid #ec6602;border-radius:20px;padding:32px 40px;font-family:Bree Serif,Georgia,serif;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 60px #ec660240}.gw-milestone.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.gw-milestone .emoji{margin-bottom:12px;font-size:48px}.gw-milestone .title{color:#ec6602;margin-bottom:6px;font-size:24px}.gw-milestone .sub{color:#777;font-size:14px}.gw-winner{z-index:600;text-align:center;color:#000;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:32px;font-family:Bree Serif,Georgia,serif;display:flex;position:fixed;inset:0}.gw-winner .winner-logo{height:80px;margin-bottom:24px}.gw-winner .winner-title{margin-bottom:16px;font-size:clamp(38px,8vw,72px);font-weight:700;line-height:1}.gw-winner .winner-title span{color:#ec6602}.gw-winner .winner-score{color:#ec6602;margin-bottom:8px;font-size:72px;line-height:1}.gw-winner .winner-sub{color:#777;max-width:400px;margin-bottom:32px;font-size:16px}.gw-winner .btn-restart{color:#fff;cursor:pointer;letter-spacing:.5px;background:#ec6602;border:none;border-radius:12px;padding:14px 32px;font-family:inherit;font-size:15px;transition:background .2s}.gw-winner .btn-restart:hover{background:#c45200}.gw-start{text-align:center;color:#111;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;font-family:Bree Serif,Georgia,serif;display:flex}.gw-start .start-badge{letter-spacing:2px;color:#ec6602;text-transform:uppercase;background:#ec66020f;border:1px solid #ec66028c;border-radius:99px;align-items:center;gap:8px;margin-bottom:36px;padding:8px 18px;font-size:11px;display:inline-flex}.gw-start .start-badge .dot{background:#ec6602;border-radius:50%;width:6px;height:6px}.gw-start .start-title{color:#111;letter-spacing:1px;margin:0 0 18px;font-size:clamp(56px,13vw,110px);font-weight:700;line-height:.92}.gw-start .start-title span{color:#ec6602}.gw-start .start-underline{background:#ec6602;border-radius:2px;width:64px;height:3px;margin:4px auto 24px}.gw-start .start-desc{color:#0009;max-width:440px;margin:0 auto 32px;font-size:15px;line-height:1.55}.gw-start .start-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:380px;margin:0 auto 36px;display:grid}.gw-start .start-tiles .tile:nth-child(4){grid-column:2/3}.gw-start .tile{background:#fafafa;border:1px solid #00000014;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.gw-start .tile-top{color:#111;font-size:20px;line-height:1}.gw-start .tile-bot{color:#0000008c;letter-spacing:.5px;font-size:11px}.gw-start .btn-start{color:#fff;cursor:pointer;letter-spacing:.5px;background:#ec6602;border:none;border-radius:14px;padding:16px 48px;font-family:inherit;font-size:17px;transition:all .2s;box-shadow:0 0 0 6px #ec66021f,0 10px 32px #ec660273}.gw-start .btn-start:hover{background:#c45200;transform:translateY(-1px)}.gw-start .start-logo{width:auto;height:180px;margin-bottom:24px}.gw-login{background:#fafafa;flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px 40px;display:flex}.gw-login .login-top{align-items:center;gap:16px;margin-bottom:28px;display:flex}.gw-login .login-back{color:#555;cursor:pointer;background:#fff;border:1px solid #e3e3e3;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;transition:all .2s}.gw-login .login-back:hover{color:#ec6602;border-color:#ec6602}.gw-login .login-label{letter-spacing:3px;color:#888;text-transform:uppercase;font-size:12px}.gw-login .login-card{background:#fff;border-top:4px solid #ec6602;border-radius:16px;width:100%;max-width:460px;padding:36px 28px 28px;position:relative;box-shadow:0 4px 24px #0000000d}.gw-login .login-avatar{background:#fff3e8;border:2px dashed #ec6602;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 18px;display:grid}.gw-login .login-title{text-align:center;color:#000;margin:0 0 24px;font-size:26px;font-weight:700}.gw-login .login-field-label{letter-spacing:2px;color:#888;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.gw-login .login-input{color:#000;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .2s}.gw-login .login-input:focus{background:#fff;border-color:#ec6602}.gw-login .login-submit{color:#fff;cursor:pointer;background:#ec6602;border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-family:inherit;font-size:16px;transition:all .2s}.gw-login .login-submit:hover:not(:disabled){background:#c45200}.gw-login .login-submit:disabled{opacity:.45;cursor:not-allowed}.gw-confetti{pointer-events:none;z-index:700;width:8px;height:8px;animation:linear forwards gw-confettiFall;position:fixed}@keyframes gw-confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes gw-fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gw .q-card:first-child{animation-delay:20ms}.gw .q-card:nth-child(2){animation-delay:40ms}.gw .q-card:nth-child(3){animation-delay:60ms}.gw .q-card:nth-child(4){animation-delay:80ms}.gw .q-card:nth-child(5){animation-delay:.1s}.gw .q-card:nth-child(6){animation-delay:.12s}.gw .q-card:nth-child(7){animation-delay:.14s}.gw .q-card:nth-child(8){animation-delay:.16s}.gw .q-card:nth-child(9){animation-delay:.18s}.gw .q-card:nth-child(10){animation-delay:.2s}.gw .q-card:nth-child(n+11){animation-delay:.22s}@media(max-width:500px){.gw header{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px}.gw .logo-img{height:42px}.gw .logo-tile{width:34px;height:34px;font-size:13px}.gw .logo-text{font-size:12px}.gw .logo-text span{font-size:10px}.gw .progress-zone{flex:1 0 100%;order:3;max-width:none}.gw .progress-label{margin-bottom:4px}.gw .player-chip{gap:6px;padding:3px 10px 3px 3px}.gw .player-avatar{width:26px;height:26px;font-size:11px}.gw .player-name{font-size:12px}.gw .deadline-zone{align-items:flex-end;min-width:0}.gw .deadline-badge{padding:5px 8px}.gw .deadline-text{font-size:11px}.gw .deadline-sub{font-size:9px}.gw .hero{padding:22px 16px 10px}.gw .hero-sub{margin-bottom:14px;font-size:14px}.gw .stats-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gw .stat-badge{min-width:0;padding:10px 12px}.gw .stat-val{font-size:20px}.gw .countdown-strip{flex-direction:column;gap:10px;padding:10px 16px}.gw .cd-label{letter-spacing:1.5px;font-size:10px}.gw .cd-num{min-width:30px;font-size:20px}.gw .main{padding:12px 14px 80px}.gw .q-card{border-radius:12px;gap:10px;padding:14px}.gw .q-text{font-size:14px}.gw .q-num{min-width:20px;font-size:11px}.gw .q-check{width:22px;height:22px}.gw-toast-container{align-items:stretch;inset:auto 12px 12px}.gw-toast{max-width:none;padding:10px 12px}@keyframes gw-toastIn{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes gw-toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120%)}}.gw-modal-overlay{align-items:flex-end;padding:16px}.gw-modal{border-radius:18px;padding:22px}.gw-modal .modal-q{font-size:17px}.gw-milestone{padding:22px 26px}.gw-milestone .emoji{font-size:40px}.gw-milestone .title{font-size:20px}.gw-start .start-logo{height:150px}}