@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--surface-muted);color:var(--text);font-family:var(--font-body);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:17px;font-weight:500;line-height:1.4}#root{justify-content:center;display:flex;position:fixed;inset:0}#root>*{aspect-ratio:9/16;background:var(--background);max-width:100%;height:100%;box-shadow:0 0 0 2px var(--line);position:relative;overflow:hidden;container-type:inline-size}.app{flex-direction:column;display:flex}.app--backdrop:before{content:"";filter:blur(6px);background:linear-gradient(#fff6,#fff6),url(/art/city-map.png) 50%/cover;position:absolute;inset:-32px}.app--backdrop .screen{background:0 0}.app--backdrop .card{border:1px solid #ffffffe6;box-shadow:0 1px 2px #00000014,0 8px 24px #0000001f}.app--backdrop .button--secondary{box-shadow:0 4px 12px #0000001a}.backdrop-hero{text-align:center;background:radial-gradient(closest-side,#ffffffd9 55%,#fff0);flex-direction:column;gap:8px;margin:0 -20px;padding:32px 20px;display:flex}.card__lead{color:var(--text-muted);text-align:center;margin:0}#root>.centered-note{color:var(--text-muted);place-items:center;margin:0;font-weight:800;display:grid}.rotate-notice{display:none}@media (orientation:landscape) and (pointer:coarse) and (height<=520px){.rotate-notice{z-index:10;background:var(--background);color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:22px;display:flex;position:fixed;inset:0}.rotate-notice strong{color:var(--brand-text);font-size:28px;font-weight:900}}.stage{flex:1;position:relative;overflow:hidden}.city-view{position:absolute;inset:0}.city-caption{border:2px solid var(--line);background:var(--surface);white-space:nowrap;pointer-events:none;border-radius:12px;margin:0;padding:8px 16px;font-weight:800;position:absolute;top:16px;left:50%;transform:translate(-50%)}.screen{padding:24px 20px calc(20px + env(safe-area-inset-bottom));background:var(--background);flex-direction:column;gap:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen--moment .screen__title{color:var(--brand-text);font-size:32px}.screen>*{animation:.22s ease-out screen-content-in}@keyframes screen-content-in{0%{opacity:0;transform:translateY(16px)}}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.screen__title{text-align:center;margin:0;font-size:28px;font-weight:900}.screen__subtitle{color:var(--text-muted);text-align:center;margin:0}.screen__footer{margin-top:auto}.card{border:2px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.button{background:var(--primary);min-height:52px;color:var(--primary-text);font:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:2px solid #0000;border-radius:12px;padding:12px 20px;font-size:19px;font-weight:800}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{background:var(--line);color:var(--line-strong);cursor:default}.button--secondary{border-color:var(--line-strong);background:var(--surface);color:var(--secondary-text)}.button--danger{background:var(--wrong)}.button--link{min-height:44px;color:var(--secondary-text);background:0 0;border:0;font-size:16px}.field{flex-direction:column;gap:6px;font-weight:800;display:flex}.input{border:2px solid var(--line);background:var(--surface-muted);min-height:54px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border-radius:12px;padding:10px 16px;font-size:18px;font-weight:700}.input:focus{border-color:var(--secondary);outline:none}.input::placeholder{color:var(--text-muted);opacity:.45}.input--code{letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:30px;font-weight:900}.error{color:var(--wrong-text);margin:0;font-weight:800}.feedback{color:var(--text-muted);text-align:center;margin:0;font-weight:800}.question{margin:0;font-size:19px;font-weight:700}.landing{text-align:center;align-items:center}.landing__hero{margin-block:auto}.landing__title{color:var(--brand-text);letter-spacing:-.02em;margin:0;font-size:56px;font-weight:900;line-height:1.05}.landing__actions{flex-direction:column;gap:12px;width:100%;margin-bottom:64px;display:flex}.landing__credit{right:0;bottom:calc(16px + env(safe-area-inset-bottom));width:fit-content;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:6px 10px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s ease-out,transform .15s ease-out;display:flex;position:absolute;left:0}.landing__credit-logo{aspect-ratio:770/262;background:currentColor;height:30px;-webkit-mask:url(/art/hell-bros-logo.svg) 50%/contain no-repeat;mask:url(/art/hell-bros-logo.svg) 50%/contain no-repeat}.landing__credit:hover,.landing__credit:focus-visible{color:var(--text);transform:scale(1.08)}.landing__credit:active{transform:scale(.96)}.hud{padding:calc(10px + env(safe-area-inset-top)) 20px 10px;background:var(--primary);color:var(--primary-text);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:900;display:flex}.coin-pill{background:var(--coins);color:var(--group-text);border-radius:12px;align-items:center;gap:8px;padding:4px 14px 4px 6px;font-size:20px;font-weight:900;display:inline-flex}.coin-pill__value{animation:.4s ease-out pop;display:inline-block}.coin-pill__value--negative{color:var(--wrong-text)}.coin{width:28px;height:28px}.city-error{z-index:1;background:var(--background);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:18px;font-weight:800;display:flex;position:absolute;inset:0}.city-error p{margin:0}.screen-header{align-items:center;gap:12px;display:flex}.screen-header__title{margin:0;font-size:24px;font-weight:900}.icon-button{border:2px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--secondary-text);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.mission-card__icon{border-radius:12px;flex:none;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:grid}.quiz-question{margin:0;font-size:22px;font-weight:800}.options{flex-direction:column;gap:12px;display:flex}.option{border:2px solid var(--line);background:var(--surface);min-height:60px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;padding:14px 16px;font-size:18px;font-weight:700}.option:active:not(:disabled){border-color:var(--highlight);background:var(--highlight-soft)}.option:disabled{cursor:default}.option--correct{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.option--wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-text)}.option--dimmed{opacity:.45}.result-panel{bottom:calc(-20px - env(safe-area-inset-bottom));margin:auto -20px calc(-20px - env(safe-area-inset-bottom));padding:20px 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex;position:sticky}.result-panel--correct{background:var(--brand-soft)}.result-panel--wrong{background:var(--wrong-soft)}.result-panel__title{margin:0;font-size:22px;font-weight:900}.result-panel--correct .result-panel__title{color:var(--brand-text)}.result-panel--wrong .result-panel__title{color:var(--wrong-text)}.building{padding:0;overflow:hidden}.interior{position:absolute;inset:0;overflow:hidden;container-type:size}.interior__scene{aspect-ratio:9/16;width:max(100cqw,56.25cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interior__art{width:100%;height:100%;position:absolute;inset:0}.building__header{padding:16px 20px;position:absolute;top:0;left:0;right:0}.mission-spot{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;transition:transform .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-26px)}.mission-spot:hover:not(:disabled),.mission-spot:focus-visible{transform:translate(-50%,-26px)scale(1.08)}.mission-spot:active:not(:disabled){transform:translate(-50%,-26px)scale(.96)}.mission-spot:disabled{cursor:default}.mission-spot--done{opacity:.7}.mission-spot__marker{border:4px solid var(--surface);border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;display:grid;position:relative;box-shadow:0 4px #0003}.mission-building{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .15s ease-out;position:absolute}.mission-building>img{width:100%;height:100%;display:block}.mission-building:hover:not(:disabled),.mission-building:focus-visible{transform:scale(1.04)}.mission-building:hover:not(:disabled)>img,.mission-building:focus-visible>img{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 0 1px var(--text))}.mission-building:active:not(:disabled){transform:scale(.97)}.mission-building:disabled{cursor:default}.mission-building__spot{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%,-26px)}.mission-building--done .mission-building__spot{opacity:.7}.mission-spot:not(:disabled) .mission-spot__marker:after,.mission-building:not(:disabled) .mission-spot__marker:after{content:"";border:3px solid var(--surface);border-radius:50%;animation:1.8s ease-out infinite spot-ring;position:absolute;inset:-4px}@media (prefers-reduced-motion:reduce){.mission-spot:not(:disabled) .mission-spot__marker:after,.mission-building:not(:disabled) .mission-spot__marker:after{opacity:0;animation:none}}@keyframes spot-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.mission-spot__label{border:2px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:12px;flex-direction:column;align-items:center;padding:4px 10px;line-height:1.25;display:flex}.mission-spot__label strong{font-size:15px;font-weight:900}.mission-spot__status{color:var(--text-muted);font-size:12px;font-weight:700}.phase-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.phase-header__title{margin:0;font-size:22px;font-weight:900}.timer{border:2px solid var(--line);min-width:84px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;margin:0;padding:4px 12px;font-size:22px;font-weight:900}.timer--expired{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-text);animation:.4s ease-out pop}.debate-message{background:var(--surface-muted);text-align:center;border:2px solid #0000;border-radius:16px;margin:0;padding:14px 16px;font-size:20px;font-weight:800}.debate-message--speaker{border-color:var(--highlight);background:var(--highlight-soft);color:var(--highlight-text)}.section-title{margin:4px 0 0;font-size:18px;font-weight:900}.role-badge{text-align:center;align-items:center}.role-badge__name{margin:0;font-size:36px;font-weight:900;line-height:1.2}.solution-list{flex-direction:column;gap:12px;display:flex}.solution-card{border:2px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;border-radius:16px;flex-direction:column;gap:6px;padding:16px 16px 16px 24px;display:flex;position:relative;overflow:hidden}.solution-card:before{content:"";background:var(--stripe,var(--brand));width:8px;position:absolute;top:0;bottom:0;left:0}.solution-card--selectable{cursor:pointer}.solution-card--selected{border-color:var(--highlight);background:var(--highlight-soft)}.solution-card__caption{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:800}.solution-card__title{font-size:19px;font-weight:900}.solution-card__stats{flex-wrap:wrap;gap:6px;display:flex}.stat{background:var(--surface-muted);border-radius:12px;padding:2px 10px;font-size:15px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--surface);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-weight:800;display:inline-flex}.chip--selected{border-color:var(--highlight);background:var(--highlight-soft);color:var(--highlight-text)}.avatar{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:inline-grid}.donut{aspect-ratio:1;border-radius:50%;width:min(60cqw,220px);margin:0 auto;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:22%}.donut__total{z-index:1;text-align:center;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}.legend{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.legend__item{align-items:center;gap:10px;font-weight:800;display:flex}.legend__swatch{border-radius:50%;flex:none;width:16px;height:16px}.legend__label{flex:1}.solution-card__image{aspect-ratio:447/371;object-fit:cover;background:var(--surface-muted);border-radius:10px;width:100%;display:block}.stat[title]{cursor:help}.stat-help{border:2px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 14px}.stat-help summary{color:var(--brand-text);cursor:pointer;font-weight:800}.stat-help dl{gap:4px;margin:10px 0 0;display:grid}.stat-help dt{font-weight:900}.stat-help dd{margin:0 0 6px}.event-video{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;display:block}.invitation{gap:12px;padding-top:0;overflow:hidden}.invitation__band{letter-spacing:.05em;text-transform:uppercase;margin:0 -20px;padding:12px 20px;font-weight:900}.invitation__text{margin:0;font-size:17px;line-height:1.5}.gather-count{text-align:center;margin:0;font-size:18px;font-weight:900}.time-skip{z-index:10;color:#fff;text-align:center;background:#000;place-items:center;padding:24px;font-size:24px;font-weight:800;line-height:1.4;animation:.8s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.keyboard-dock{bottom:calc(-20px - env(safe-area-inset-bottom));margin:auto -20px calc(-20px - env(safe-area-inset-bottom));padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:2px solid var(--line);background:var(--surface);flex-direction:column;gap:10px;display:flex;position:sticky}.letter-keyboard{gap:6px;display:grid}.letter-keyboard__row{justify-content:center;gap:4px;display:flex}.letter-key{border:2px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;flex:0 0 calc(10% - 3.6px);padding:0;font-size:18px;font-weight:800}.letter-key:active:not(:disabled){border-color:var(--highlight);background:var(--highlight-soft)}.letter-key:disabled{opacity:.45;cursor:default}.letter-key--hit{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.letter-key--miss{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-text)}.hangman{align-items:center;gap:16px;display:flex}.hangman__drawing{fill:none;width:120px;stroke:var(--text);stroke-linecap:round;stroke-width:4px;flex:none}.hangman__gallows{stroke:var(--line-strong)}.hangman__clue{margin:0;font-size:17px;font-weight:700}.hangman__word{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0;display:flex}.hangman__group{gap:5px;max-width:100%;display:flex}.hangman__slot{border-bottom:3px solid var(--text);text-align:center;flex:0 26px;min-width:16px;height:36px;font-size:24px;font-weight:900}.hangman__misses{color:var(--text-muted);text-align:center;margin:0;font-weight:800}.crossword-header__end{flex:none;align-items:center;gap:4px;display:flex}.crossword-give-up{border:2px solid var(--wrong);background:var(--wrong-soft);color:var(--wrong-text);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:900}.crossword-give-up:active{transform:translateY(1px)}.crossword-header__end .timer{min-width:0}.crossword{gap:4px;width:100%;max-width:360px;margin:0 auto;display:grid}.crossword--dense{gap:2px}.crossword--dense .crossword__square{border-width:1px;border-radius:3px;font-size:13px}.crossword--dense .crossword__number{font-size:7px;top:0;left:1px}.crossword-theme{color:var(--text-muted);justify-content:space-between;gap:8px;margin:-8px 0 0;font-weight:800;display:flex}.crossword-mistakes{flex:none}.crossword-mistakes--some{color:var(--wrong-text)}.crossword__blank{aspect-ratio:1}.crossword__square{aspect-ratio:1;border:2px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:0;font-size:20px;font-weight:900;position:relative}.crossword__number{color:var(--text-muted);font-size:10px;font-weight:800;position:absolute;top:1px;left:3px}.crossword__square--locked{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text);cursor:default}.crossword__square--wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-text)}.crossword__square--selected{border-color:var(--highlight)}.crossword__square--selected:not(.crossword__square--wrong){background:var(--highlight-soft)}.crossword-clue-now{background:var(--highlight-soft);color:var(--highlight-text);border-radius:12px;margin:0;padding:8px 12px;font-size:16px;font-weight:800}.crossword-clues{gap:12px;display:grid}.crossword-clues__title{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px;font-size:15px;font-weight:900}.crossword-clues__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.crossword-clues__item{border-radius:8px;padding:4px 8px;font-size:16px}.crossword-clues__item--active{background:var(--highlight-soft)}.crossword-clues__item--done{color:var(--text-muted);text-decoration:line-through}.input--correct{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.input--wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-text)}.match-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-tile{border:2px solid var(--line);background:var(--surface);min-height:64px;color:var(--text);font:inherit;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;border-radius:12px;padding:10px 12px;font-size:16px;font-weight:700;line-height:1.25}.match-tile:disabled{cursor:default}.match-tile--selected{border-color:var(--highlight);background:var(--highlight-soft);color:var(--highlight-text)}.match-tile--wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-text);animation:.3s ease-in-out shake}.match-tile--matched{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text);opacity:.5;animation:.3s ease-out pop}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.input-with-action{display:flex;position:relative}.input-with-action .input{flex:1;min-width:0;padding-right:110px}.input-action{min-height:42px;color:var(--secondary-text);font:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:15px;font-weight:800;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.room-code-card{text-align:center;align-items:center}.room-code-card__label{color:var(--text-muted);margin:0;font-weight:800}.room-code-card__label--done{color:var(--brand-text)}.room-code{color:var(--brand-text);font:inherit;letter-spacing:.15em;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:clamp(40px,14cqw,96px);font-weight:900;line-height:1.1}.room-code:active{transform:scale(.97)}.players-card{gap:12px}.players-card__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.players-card__title{margin:0;font-size:20px;font-weight:900}.player-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.player-grid__item{border:2px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex}.player-grid__item--offline{opacity:.5}.player-grid__text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.player-grid__name{overflow-wrap:anywhere;font-weight:900}.player-grid__detail{color:var(--text-muted);font-size:14px}.role-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.role-grid__item{background:var(--surface-muted);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.teacher__actions{flex-direction:column;gap:12px;display:flex}