.gbhp{--ink:#151516;--paper:#f2ecd8;--paper2:#ece3c6;color:var(--ink);background:radial-gradient(circle, #1515161a 1px, transparent 1.2px) 0 0 / 14px 14px, var(--paper);padding:20px 14px 60px;font-family:Comic Neue,sans-serif}.gbhp *,.gbhp :before,.gbhp :after{box-sizing:border-box}.gbhp h1,.gbhp h2,.gbhp h3,.gbhp h4{letter-spacing:1px;font-family:Bangers,cursive}.gbhp .wrap{max-width:760px;margin:0 auto}.gbhp .wrap--index{max-width:960px}.gbhp .masthead{text-align:center;margin-bottom:18px}.gbhp .masthead .emoji-big{margin-bottom:4px;font-size:52px;display:block}.gbhp .masthead h1{color:#e3402a;-webkit-text-stroke:2.5px var(--ink);text-shadow:4px 4px 0 var(--ink);margin:0;font-size:clamp(30px,7vw,50px);transform:rotate(-1.5deg)}.gbhp .masthead p{margin:6px 0 0;font-size:14.5px;font-weight:700}.gbhp .intro-panel{background:var(--paper2);border:4px solid var(--ink);text-align:center;box-shadow:8px 8px 0 var(--ink);border-radius:8px;margin-bottom:10px;padding:22px}.gbhp .intro-panel p{max-width:480px;margin:8px auto 18px;font-size:15px;font-weight:700}.gbhp .start-btn{letter-spacing:.5px;color:var(--ink);border:3px solid var(--ink);cursor:pointer;box-shadow:5px 5px 0 var(--ink);background:#ffcf3f;border-radius:9px;padding:12px 26px;font-family:Bangers;font-size:22px}.gbhp .start-btn:hover{transform:translate(-1px,-1px)}.gbhp .start-btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.gbhp .topbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.gbhp .game-title{flex:1;margin:0;font-size:24px}.gbhp .strip{flex-wrap:wrap;gap:4px;margin-bottom:18px;display:flex}.gbhp .panel-dot{border:2px solid var(--ink);background:#fff;border-radius:3px;width:20px;height:20px}.gbhp .panel-dot.done{background:#3aa655}.gbhp .panel-dot.current{background:#ffcf3f;box-shadow:0 0 0 3px #00000026}.gbhp .comic-panel{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:6px;padding:22px 20px 26px;position:relative}.gbhp .q-head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.gbhp .q-avatar{background:var(--paper2);border:3px solid var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:64px;height:64px;font-size:44px;display:flex}.gbhp .bubble{border:3px solid var(--ink);background:#fff;border-radius:16px;flex:1;padding:12px 16px;font-size:16.5px;font-weight:700;line-height:1.35;position:relative}.gbhp .bubble:before{content:"";border:10px solid #0000;border-right-color:var(--ink);width:0;height:0;position:absolute;top:18px;left:-14px}.gbhp .bubble:after{content:"";border:9px solid #0000;border-right-color:#fff;width:0;height:0;position:absolute;top:18px;left:-9px}.gbhp .q-count{opacity:.6;margin:0 0 4px;font-size:12.5px;font-weight:700}.gbhp .options{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.gbhp .options{grid-template-columns:1fr}}.gbhp .opt-btn{text-align:left;background:var(--paper);border:3px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:10px;padding:12px 14px;font-family:Comic Neue;font-size:15px;font-weight:700;transition:transform 80ms,background .15s}.gbhp .opt-btn:hover{transform:translate(-1px,-1px)}.gbhp .opt-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.gbhp .opt-btn.correct{background:#8ce39b}.gbhp .opt-btn.wrong{background:#f29a8e}.gbhp .opt-btn[disabled]{cursor:default}.gbhp .opt-btn[disabled]:hover{transform:none}.gbhp .feedback{border:3px solid var(--ink);border-radius:10px;margin-top:16px;padding:14px 16px;font-size:15px;font-weight:700;display:none}.gbhp .feedback.show{display:block}.gbhp .feedback.ok{background:#dff6e2}.gbhp .feedback.no{background:#fbe1dc}.gbhp .feedback .burst{letter-spacing:.5px;margin-bottom:4px;font-family:Bangers;font-size:22px;display:block}.gbhp .feedback.ok .burst{color:#227a3b}.gbhp .feedback.no .burst{color:#b23a26}.gbhp .feedback .legal-basis{margin-top:8px;font-size:13px;font-weight:600;line-height:1.5;display:block}.gbhp .feedback .legal-basis a{color:inherit;overflow-wrap:anywhere;text-decoration:underline}.gbhp .next-row{text-align:right;margin-top:16px}.gbhp .next-btn{letter-spacing:.5px;color:var(--ink);border:3px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);background:#ffcf3f;border-radius:8px;padding:9px 20px;font-family:Bangers;font-size:18px}.gbhp .next-btn:hover{transform:translate(-1px,-1px)}.gbhp .next-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.gbhp .shake{animation:.35s gbhp-shake}@keyframes gbhp-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.gbhp .finale{text-align:center;padding:30px 16px}.gbhp .finale .stamp{color:#3aa655;-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);margin-bottom:6px;font-family:Bangers;font-size:clamp(28px,6.5vw,46px);display:inline-block;transform:rotate(-2deg)}.gbhp .finale p{max-width:500px;margin:8px auto 0;font-size:15.5px;font-weight:700}.gbhp .finale .cert{border:4px dashed var(--ink);background:var(--paper2);border-radius:10px;max-width:400px;margin:22px auto 0;padding:18px}.gbhp .finale .cert h4{margin:0 0 6px;font-size:21px}.gbhp .replay-btn{letter-spacing:.5px;background:var(--ink);color:var(--paper);border:3px solid var(--ink);cursor:pointer;border-radius:8px;margin-top:20px;padding:9px 20px;font-family:Bangers;font-size:17px}.gbhp .index-masthead h1{font-size:clamp(38px,8vw,64px)}.gbhp .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.gbhp .cover{background:var(--paper2);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);color:var(--ink);border-radius:6px;flex-direction:column;gap:8px;padding:16px 16px 18px;text-decoration:none;transition:transform .12s;display:flex;position:relative}.gbhp .cover:hover{transform:translate(-2px,-2px)}.gbhp .cover:active{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.gbhp .cover .badge{background:var(--ink);color:var(--paper);letter-spacing:.5px;border-radius:3px;align-self:flex-start;padding:3px 9px;font-family:Bangers;font-size:12px}.gbhp .cover .emoji{font-size:46px;line-height:1}.gbhp .cover h3{margin:2px 0 0;font-size:24px;line-height:1.1}.gbhp .cover .desc{opacity:.8;margin:0;font-size:13.5px;font-weight:700}.gbhp .cover .go{letter-spacing:.5px;margin-top:auto;font-family:Bangers;font-size:15px}.gbhp .gbhp-footer{text-align:center;opacity:.6;margin-top:36px;font-size:12.5px;font-weight:700}.gbhp .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gbhp button:focus-visible,.gbhp a:focus-visible{outline-offset:3px;outline:3px solid #1d4ed8}.gbhp .opt-btn,.gbhp .start-btn,.gbhp .next-btn,.gbhp .replay-btn,.gbhp .toggle-btn,.gbhp .link-btn{min-height:44px}.gbhp .opt-btn{align-items:flex-start;gap:10px;display:flex}.gbhp .opt-mark{font-weight:900;line-height:1.3}.gbhp .updated{opacity:.65;margin-top:6px;font-size:12.5px;font-weight:700}.gbhp .disclaimer{opacity:.75;border-left:4px solid var(--ink);text-align:left;background:#0000000a;max-width:560px;margin:0 auto 16px;padding:8px 12px;font-size:12.5px;font-weight:700;line-height:1.45}.gbhp .score-chip{letter-spacing:.5px;background:var(--ink);color:var(--paper);border-radius:4px;padding:4px 10px;font-family:Bangers;font-size:16px}.gbhp .progress-row{margin-bottom:14px}.gbhp .progress{border:3px solid var(--ink);background:#fff;border-radius:8px;height:14px;margin-top:6px;overflow:hidden}.gbhp .progress-fill{background:repeating-linear-gradient(45deg,#ffcf3f,#ffcf3f 8px,#f0b81f 8px 16px);height:100%;transition:width .25s}.gbhp .cat-tag{letter-spacing:.5px;background:var(--paper2);border:2px solid var(--ink);border-radius:4px;margin:0 0 10px;padding:2px 8px;font-family:Bangers;font-size:13px;display:inline-block}.gbhp .scenario{background:var(--paper);border-left:4px solid var(--ink);margin:0 0 12px;padding:8px 12px;font-size:14.5px;font-weight:700}.gbhp .bubble{letter-spacing:0;margin:0;font-family:Comic Neue,sans-serif;font-size:17px}.gbhp .score-big{margin:4px 0 0;font-family:Bangers;font-size:clamp(22px,5vw,32px)}.gbhp .cat-summary{text-align:left;max-width:480px;margin:16px auto 0;font-size:14.5px;font-weight:700}.gbhp .mistakes{text-align:left;margin-top:18px}.gbhp .toggle-btn{letter-spacing:.5px;background:var(--paper2);border:3px solid var(--ink);cursor:pointer;border-radius:8px;width:100%;padding:9px 16px;font-family:Bangers;font-size:16px}.gbhp .mistake-list{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.gbhp .mistake-list li{border:3px solid var(--ink);background:#fff;border-radius:8px;padding:12px 14px}.gbhp .mistake-list p{max-width:none;margin:0 0 6px;font-size:14.5px;font-weight:700}.gbhp .mistake-list .m-e{opacity:.8;margin:0}.gbhp .finale-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.gbhp .link-btn{letter-spacing:.5px;background:var(--paper2);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:8px;align-items:center;padding:9px 18px;font-family:Bangers;font-size:17px;text-decoration:none;display:inline-flex}.gbhp .link-btn.primary{color:#fff;background:#3aa655}.gbhp .info-panel{border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:8px;margin-top:18px;padding:18px 20px}.gbhp .info-panel h2{margin:0 0 8px;font-size:24px}.gbhp .info-panel p{margin:0 0 8px;font-size:14.5px;font-weight:700;line-height:1.5}.gbhp .cta-box{border:4px solid var(--ink);max-width:520px;box-shadow:6px 6px 0 var(--ink);background:#ffcf3f;border-radius:10px;margin:22px auto 0;padding:18px}.gbhp .cta-box h4{margin:0 0 12px;font-size:21px;line-height:1.15}