:root{--answer-0:#c9363e;--answer-1:#1f8a4c;--answer-2:#2563c9;--answer-3:#b7791f;--right:#1f8a4c;--wrong:#c9363e;--radius:14px}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}#app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3,p{margin:0}.clash-button{border:1px solid var(--border-color);background:var(--secondary-color);min-height:3rem;color:var(--text-color);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:1.05rem;font-weight:600;display:inline-flex}.clash-button--primary{background:var(--primary-color);color:var(--on-primary);border-color:#0000}.clash-button--primary:hover:not(:disabled){background:var(--primary-hover)}.clash-button--small{min-height:2.25rem;padding:.3rem .9rem;font-size:.9rem}.clash-button--quiet{background:0 0}.clash-button:disabled{opacity:.5;cursor:default}.clash-button:focus-visible,.clash-answer:focus-visible,.clash-input:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.clash-input{border:1px solid var(--border-color);background:var(--secondary-color);width:100%;min-height:3rem;color:var(--text-color);font:inherit;border-radius:10px;padding:.5rem .9rem;font-size:1.1rem}.clash-input--code{letter-spacing:.15em;text-align:center;font-size:1.4rem}.clash-field{gap:.35rem;display:grid}.clash-field__label{font-weight:600}.clash-check{align-items:center;gap:.5rem;min-height:2.5rem;display:flex}.clash-check input{width:1.3rem;height:1.3rem}.clash-home{gap:1rem;max-width:30rem;margin:0 auto;padding:1.5rem 1rem 2rem;display:grid}.clash-home__title{text-align:center}.clash-home__title h1{letter-spacing:-.02em;font-size:clamp(2.2rem,10vw,3rem)}.clash-home__title p{color:var(--text-muted)}.clash-home__card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--secondary-color);box-shadow:var(--card-shadow);gap:.6rem;padding:1rem;display:grid}.clash-home__card h2{font-size:1.2rem}.clash-home__card p{color:var(--text-muted);font-size:.95rem}.clash-home__row{grid-template-columns:1fr auto;gap:.5rem;display:grid}.clash-home__message{min-height:1.45em;color:var(--wrong);text-align:center;font-weight:600}.clash-home__message--info{color:var(--text-muted)}.clash-frame{flex-direction:column;min-height:100dvh;display:flex}.clash-bar{z-index:2;border-bottom:1px solid var(--border-color);background:var(--background-color);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex;position:sticky;top:0}.clash-bar__title{font-weight:700}.clash-frame__game{flex:1;order:2}.clash-frame__controls{z-index:2;order:3;position:sticky;bottom:0}.clash-frame__controls:empty{display:none}.clash-game{max-width:56rem;margin:0 auto;padding:.75rem 1rem 1.5rem}.clash-game__header{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:.75rem;font-size:.95rem;display:flex}.clash-game__name{color:var(--text-color);font-weight:700}.clash-game__score{font-variant-numeric:tabular-nums;font-weight:600}.clash-game__body{gap:.9rem;display:grid}.clash-lobby__title{text-align:center;margin-top:1rem;font-size:1.8rem}.clash-lobby__code,.clash-lobby__note{color:var(--text-muted);text-align:center}.clash-lobby__code strong{color:var(--text-color);letter-spacing:.1em;font-size:1.3rem}.clash-players{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.clash-players__chip{border:1px solid var(--border-color);background:var(--secondary-color);border-radius:999px;padding:.35rem .85rem}.clash-players__chip--you{border-color:var(--primary-color);font-weight:700}.clash--host .clash-players,.clash--host .clash-lobby__code,.clash--host .clash-lobby__title,.clash--host .clash-lobby__note{display:none}.clash-timer{background:var(--border-color);border-radius:999px;height:2rem;position:relative;overflow:hidden}.clash-timer__bar{background:var(--primary-color);height:100%;transition:width .1s linear}.clash-timer__seconds{font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.clash-question__prompt{text-align:center;font-size:clamp(1.25rem,4.5vw,1.9rem);line-height:1.3}.clash-question__prompt--small{font-size:clamp(1.05rem,3.5vw,1.35rem)}.clash-question__image{object-fit:contain;border-radius:var(--radius);background:var(--secondary-color);width:100%;max-height:45dvh;display:block}.clash-question__status{color:var(--text-muted);text-align:center;font-weight:600}.clash-answers{gap:.6rem;display:grid}@media (width>=40rem){.clash-answers{grid-template-columns:1fr 1fr}}.clash-answers--waiting{opacity:.35}.clash-answer{border-radius:var(--radius);color:#fff;min-height:4.25rem;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border:0;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:1.1rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex;position:relative;overflow:hidden}.clash-answer--0{background:var(--answer-0)}.clash-answer--1{background:var(--answer-1)}.clash-answer--2{background:var(--answer-2)}.clash-answer--3{background:var(--answer-3)}.clash-answer:disabled{cursor:default}.clash-answer:active:not(:disabled){transform:scale(.98)}.clash-answer__letter{background:#ffffff38;border-radius:50%;flex:none;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:grid}.clash-answer__text{flex:1}.clash-answer--faded{opacity:.35}.clash-answer--chosen{outline:4px solid var(--text-color);outline-offset:2px}.clash-answer--right{box-shadow:0 0 0 4px var(--right), 0 0 18px var(--right)}.clash-answer__count{background:linear-gradient(to right, #ffffff59 calc(var(--share,0) * 100%), #ffffff1f 0);font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;min-width:2.5rem;padding:.2rem .5rem;position:relative}.clash-result{border-radius:var(--radius);color:#fff;text-align:center;justify-items:center;gap:.1rem;padding:1rem;display:grid}.clash-result--right{background:var(--right)}.clash-result--wrong{background:var(--wrong)}.clash-result__headline{font-size:1.7rem}.clash-result__points{font-size:1.3rem;font-weight:700}.clash-reveal__explanation{border-left:4px solid var(--primary-color);background:var(--secondary-color);border-radius:6px;padding:.8rem 1rem}.clash-standings__title{text-align:center;margin-top:.5rem;font-size:1.8rem}.clash-standings{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.clash-standings__row{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--secondary-color);grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:1.1rem;display:grid}.clash-standings__row--you{border-color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.clash-standings__place{color:var(--text-muted);font-weight:700}.clash-standings__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.clash-standings__score{font-variant-numeric:tabular-nums;font-weight:700}.clash-standings__you{color:var(--text-muted);text-align:center;font-weight:600}.clash-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:.5rem;margin-top:.5rem;display:grid}.clash-podium__step{border-radius:var(--radius) var(--radius) 0 0;background:var(--secondary-color);border:1px solid var(--border-color);text-align:center;align-content:start;justify-items:center;gap:.15rem;padding:.7rem .3rem;display:grid}.clash-podium__step--1{border-color:#c9a227;min-height:10rem;box-shadow:inset 0 4px #c9a227}.clash-podium__step--2{min-height:8rem;box-shadow:inset 0 4px #9aa6b1}.clash-podium__step--3{min-height:6.5rem;box-shadow:inset 0 4px #b2733e}.clash-podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.clash-podium__score{font-variant-numeric:tabular-nums}.clash-podium__place{color:var(--text-muted);font-size:1.4rem;font-weight:800}.clash-host{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:var(--background-color);gap:.6rem;display:grid;box-shadow:0 -6px 18px #0000001f}.clash-host__content{gap:.6rem;width:100%;max-width:56rem;margin:0 auto;display:grid}.clash-host__notice{width:100%;max-width:56rem;color:var(--answer-3);margin:0 auto;font-size:.9rem;font-weight:600}.clash-host__join{text-align:center;justify-items:center;gap:.2rem;display:grid}.clash-host__label{color:var(--text-muted);font-size:.9rem}.clash-host__code{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:clamp(2.4rem,12vw,3.5rem);line-height:1.1}.clash-host__link{overflow-wrap:anywhere;max-width:100%;color:var(--primary-color)}.clash-host__heading{font-size:1rem}.clash-host__players{flex-wrap:wrap;gap:.4rem;max-height:30dvh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.clash-host__player{border:1px solid var(--border-color);background:var(--secondary-color);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .3rem .2rem .8rem;display:inline-flex}.clash-host__you{color:var(--text-muted);padding-right:.5rem}.clash-host__kick{width:2rem;height:2rem;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%}.clash-host__kick:hover{background:var(--border-color);color:var(--wrong)}.clash-host__empty{color:var(--text-muted)}.clash-host__actions{flex-wrap:wrap;gap:.5rem;display:flex}.clash-host__actions .clash-button{flex:10rem}.clash-host--lobby{box-shadow:none}.clash--host .clash-frame__controls:has(.clash-host--lobby){order:1;position:static}.clash-lost{text-align:center;gap:.8rem;max-width:26rem;margin:0 auto;padding:3rem 1rem;display:grid}@media (prefers-reduced-motion:reduce){.clash-answer,.clash-timer__bar{transition:none}}@media (width>=40rem) and (height>=32rem){.clash-frame__game{display:flex}.clash-game{flex-direction:column;flex:1;width:100%;max-width:90rem;padding-inline:clamp(1rem,3vw,3rem);display:flex}.clash-game__body{flex-direction:column;flex:1;display:flex}.clash-game__body>.clash-answers{flex:1;grid-auto-rows:1fr;gap:clamp(.6rem,1.5vw,1.25rem);min-height:16rem}.clash-answer{gap:clamp(.75rem,1.5vw,1.5rem);padding:clamp(.8rem,2vw,1.75rem);font-size:clamp(1.15rem,2.2vw,2.25rem);line-height:1.25}.clash-answer__letter{width:clamp(2.2rem,3.5vw,3.75rem);height:clamp(2.2rem,3.5vw,3.75rem)}.clash-answer__count{min-width:clamp(2.5rem,4vw,4.5rem);padding:.3rem .7rem}.clash-question__prompt{font-size:clamp(1.4rem,2.8vw,2.75rem)}.clash-question__prompt--small{font-size:clamp(1.1rem,2vw,1.75rem)}.clash-question__image{max-height:40dvh}.clash-timer{height:clamp(2rem,3vw,2.75rem)}.clash-timer__seconds,.clash-question__status{font-size:clamp(1rem,1.4vw,1.4rem)}}.clash-setup{gap:.6rem;display:grid}.clash-setup__row{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.clash-setup__row .clash-host__heading{margin-right:.25rem}.clash-setup__counts{flex-wrap:wrap;gap:.35rem;display:flex}.clash-chip{border:1px solid var(--border-color);background:var(--secondary-color);min-width:2.75rem;min-height:2.5rem;color:var(--text-color);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:999px;padding:.25rem .8rem;font-weight:600}.clash-chip--on{background:var(--primary-color);color:var(--on-primary);border-color:#0000}.clash-chip--rules{border-color:var(--answer-3);min-width:0;min-height:0;color:var(--answer-3);cursor:default;place-self:center;padding:.1rem .7rem;font-size:.85rem}.clash-setup__regimes{flex-wrap:wrap;gap:0 1.25rem;display:flex}.clash-setup__rules{gap:.35rem;max-height:45dvh;padding-right:.25rem;display:grid;overflow-y:auto}.clash-setup__group{border:1px solid var(--border-color);background:var(--secondary-color);border-radius:10px}.clash-setup__group-head{cursor:pointer;align-items:center;gap:.6rem;min-height:2.75rem;padding:.25rem .75rem;font-weight:600;display:flex}.clash-setup__group-head input,.clash-setup__rule input{flex:none;width:1.25rem;height:1.25rem}.clash-setup__group-title{flex:1}.clash-setup__n{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.clash-setup__list{padding:0 .75rem .5rem 2.6rem;display:grid}.clash-setup__rule{gap:.6rem;min-height:2.4rem}.clash-setup__rule strong{flex:none;min-width:5.5rem;font-size:.9rem}.clash-setup__rule-title{color:var(--text-muted);font-size:.9rem}.clash-setup__summary{color:var(--text-muted);font-weight:600}.clash-setup__summary--none{color:var(--wrong)}.clash-stage{gap:.75rem;display:grid}.clash-diagram{justify-items:center;gap:.4rem;display:grid}.clash-diagram svg{border-radius:var(--radius);width:100%;max-height:48dvh;display:block}.clash-diagram--plot svg{aspect-ratio:1;max-width:48dvh}.clash-diagram--lights svg{aspect-ratio:120/56}.clash-diagram__caption{color:var(--text-muted);text-align:center;font-size:.95rem}@media (width>=40rem) and (height>=32rem){.clash-frame:not(:has(.clash-host--lobby)){height:100dvh;min-height:0}.clash-frame:not(:has(.clash-host--lobby)) .clash-frame__game{min-height:0;overflow-y:auto}.clash-frame:not(:has(.clash-host--lobby)) .clash-frame__controls{position:static}.clash-game__body:has(>.clash-stage) .clash-question__prompt{font-size:clamp(1.3rem,2.2vw,2.1rem)}.clash-game__body>.clash-stage{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:clamp(.75rem,2vw,1.5rem);min-height:16rem}.clash-stage>.clash-diagram,.clash-stage>.clash-question__image{align-self:center}.clash-stage>.clash-answers{grid-template-columns:1fr;grid-auto-rows:1fr}.clash-stage .clash-diagram svg{max-height:62dvh}.clash-stage .clash-diagram--plot svg{max-width:62dvh}.clash-stage .clash-answer{font-size:clamp(1.05rem,1.6vw,1.8rem)}}.dg-sea{fill:#1d5f8f}.dg-plot--night .dg-sea{fill:#0b2338}.dg-fog{fill:#c9d3da;opacity:.42}.dg-ring{fill:none;stroke:#ffffff59;stroke-width:.6px;stroke-dasharray:3 3}.dg-zone--land{fill:#b9a77a;stroke:#8d7c52;stroke-width:.8px}.dg-zone--lane{fill:#ffffff12;stroke:#ffffff73;stroke-width:.6px;stroke-dasharray:4 3}.dg-zone--separation{fill:#d654c473;stroke:#d654c4e6;stroke-width:.6px}.dg-zone--channel{fill:#78c8ff2e;stroke:#ffffffb3;stroke-width:.8px}.dg-zone--shoal{fill:#a0dcff73;stroke:#fff6;stroke-width:.5px;stroke-dasharray:1.5 1.5}.dg-zone--fogbank{fill:#dce4ea8c;stroke:none}.dg-zone--zone{fill:none;stroke:#fff9;stroke-width:.7px;stroke-dasharray:3 2}.dg-line{stroke-width:.9px;fill:none}.dg-line--white{stroke:#ffffffd9}.dg-line--yellow{stroke:#ffd34d}.dg-line--red{stroke:#ff6b6b}.dg-line--green{stroke:#5be08a}.dg-line--dashed{stroke-dasharray:3 2.5}.dg-arrowhead{fill:#ffffffe6}.dg-text{fill:#fff;stroke:#051928d9;stroke-width:1.6px;paint-order:stroke;text-anchor:middle;font-family:system-ui,sans-serif;font-weight:600}.dg-text--vessel{text-anchor:start}.dg-text--own{fill:#ffe066}.dg-text--highlight{fill:#ffb070}.dg-text--small{font-weight:500}.dg-text--zone{fill:#ffffffd9;font-weight:500}.dg-text--fog{fill:#fff}.dg-text--line{text-anchor:start;font-weight:500}.dg-hull{stroke-width:.7px}.dg-vessel--own .dg-hull{fill:#ffe066;stroke:#6b5200}.dg-vessel--other .dg-hull{fill:#f2f5f7;stroke:#2b3a46}.dg-vessel--highlight .dg-hull{fill:#ffb070;stroke:#5a2c00}.dg-hull--barge{fill:#9aa6b1!important}.dg-house{fill:#00000040}.dg-towline{stroke:#f2f5f7;stroke-width:.6px;stroke-dasharray:1.5 1.2}.dg-net{fill:none;stroke:#ffffffbf;stroke-width:.5px;stroke-dasharray:1 1}.dg-sail{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round}.dg-mast{fill:#2b3a46}.dg-anchor{fill:none;stroke:#fff;stroke-width:.8px}.dg-echo{fill:#8cff8c;opacity:.9}.dg-buoy{stroke:#102030;stroke-width:.6px}.dg-buoy--red{fill:#e04848}.dg-buoy--green{fill:#2fae5f}.dg-buoy--yellow{fill:#f0c419}.dg-buoy--black{fill:#222}.dg-vector{stroke-width:1px}.dg-vector--own{stroke:#ffe066}.dg-vector--other{stroke:#f2f5f7}.dg-vector--highlight{stroke:#ffb070}.dg-track--own{fill:#ffe066}.dg-track--other{fill:#f2f5f7}.dg-track--highlight{fill:#ffb070}.dg-arc{opacity:.32}.dg-arc--green{fill:#2fd06a}.dg-arc--red{fill:#ff4d4d}.dg-arc--white{fill:#fff;opacity:.22}.dg-badge{fill:#05192873}.dg-wind{stroke:#fff;stroke-width:1.4px}.dg-north{fill:#fff}.dg-sky{fill:#071420}.dg-water{fill:#03090f}.dg-lights--day .dg-sky{fill:#a9cbe6}.dg-lights--day .dg-water{fill:#2d6f9e}.dg-hull-side{fill:#4a5560}.dg-mastline{stroke:#3a434c;stroke-width:.8px}.dg-shape{fill:#101418}.dg-shape--basket{fill:none;stroke:#101418;stroke-width:.9px}.dg-flag--white{fill:#fff;stroke:#101418;stroke-width:.3px}.dg-flag--blue{fill:#1f4fbf}.dg-flag--red{fill:#d0312d}.dg-light--white{color:#fff8e8}.dg-light--red{color:#ff3b30}.dg-light--green{color:#30e070}.dg-light--yellow{color:#ffc21a}.dg-light--blue{color:#3d7dff}.dg-light__glow{fill:currentColor;opacity:.8}.dg-light__core{fill:currentColor}.dg-light--white .dg-light__core{fill:#fff}.dg-light--flashing{animation:.5s step-end infinite dg-flash}.dg-light--slow{animation-duration:1s}.dg-light--alternate{animation-delay:-.5s}@keyframes dg-flash{50%{opacity:.05}}.clash-signal{border-radius:var(--radius);color:#fff;background:#1d5f8f;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.25rem 1rem;display:flex}.clash-signal--fog{background:linear-gradient(#c9d3da73,#c9d3da73),#1d5f8f}.clash-signal__blast{background:#fff;border-radius:999px;height:1.1rem;display:inline-block}.clash-signal__blast--long{width:7rem}.clash-signal__blast--short{width:1.6rem}.clash-signal__blast--rapid{width:.9rem;margin-inline:-.2rem}.clash-signal__gap{width:1.5rem}.clash-signal__bell,.clash-signal__stroke{white-space:nowrap;font-weight:700}.clash-signal__repeat{color:var(--text-muted);font-weight:600}.clash-reveal__ref{color:var(--primary-color);margin-bottom:.25rem;display:block}@media (prefers-reduced-motion:reduce){.dg-light--flashing{animation-duration:1.5s}}.clash-waiting{color:var(--text-muted);text-align:center;font-weight:600;animation:1.6s ease-in-out infinite clash-pulse}@keyframes clash-pulse{50%{opacity:.45}}.clash-grade{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--secondary-color);text-align:center;justify-items:center;gap:.35rem;padding:1.25rem 1rem;display:grid}.clash-grade--earned{border-color:#c9a227;box-shadow:0 0 0 1px #c9a227,0 6px 24px #c9a22740}.clash-grade__percent{font-variant-numeric:tabular-nums;font-size:clamp(2.8rem,10vw,4.5rem);line-height:1}.clash-grade__count{color:var(--text-muted);font-weight:600}.clash-grade__board{margin-top:.4rem;line-height:0;display:block}.clash-grade__rank{font-size:1.3rem;font-weight:700}.clash-grade__rank--fail{color:var(--wrong);text-transform:uppercase;letter-spacing:.08em;font-size:1.6rem}@media (prefers-reduced-motion:reduce){.clash-waiting{animation:none}}.clash-question__id{border:1px solid var(--border-color);color:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;border-radius:6px;margin-left:.6rem;padding:.05rem .45rem;font-size:.75rem}@media (width>=40rem) and (height>=32rem){.clash-result{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 1.25rem;padding:.35rem 1rem;display:flex}.clash-result__headline{font-size:clamp(1.2rem,1.8vw,1.6rem)}.clash-result__points{font-size:clamp(1.05rem,1.5vw,1.35rem)}}.clash-host__actions .clash-button--primary,.clash-host__actions .clash-button--next{order:2}.clash-reveal__main{gap:.9rem;min-width:0;display:grid}.clash-side{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--secondary-color);align-content:start;gap:.5rem;padding:.9rem 1rem;display:grid}.clash-side__title{margin:0;font-size:1.1rem}.clash-side__list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.clash-side__row{border-radius:8px;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.5rem;padding:.4rem .6rem;display:grid}.clash-side__row--you{background:color-mix(in srgb, var(--primary-color) 14%, transparent);box-shadow:inset 0 0 0 1px var(--primary-color)}.clash-side__place{color:var(--text-muted);font-weight:700}.clash-side__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.clash-side__score{font-variant-numeric:tabular-nums;font-weight:700}.clash-side__you{color:var(--text-muted);margin:0;font-weight:600}@media (width>=40rem) and (height>=32rem){.clash-reveal__main{flex-direction:column;flex:1;gap:.9rem;display:flex}.clash-reveal__main>.clash-answers{flex:1;grid-auto-rows:1fr;gap:clamp(.6rem,1.5vw,1.25rem);min-height:16rem}.clash-reveal__main>.clash-stage{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:clamp(.75rem,2vw,1.5rem);min-height:16rem}}@media (width>=56rem) and (height>=32rem){.clash-game__body.clash-game__body--split{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(14rem,22vw,20rem);align-items:stretch;gap:clamp(.9rem,2vw,1.5rem);display:grid}.clash-game__body--split>.clash-side{align-self:start;position:sticky;top:0}.clash-game__body--split{grid-template-columns:minmax(0,1fr) clamp(12rem,18vw,16rem)}.clash-game__body--split>.clash-reveal__main,.clash-game__body--split .clash-reveal__main>.clash-answers,.clash-game__body--split .clash-reveal__main>.clash-stage{min-height:0}.clash-game__body--split .clash-answer{font-size:clamp(1rem,1.55vw,1.6rem)}}.clash-about{max-width:30rem;padding:0 1rem calc(2.5rem + env(safe-area-inset-bottom));color:var(--text-muted);margin:0 auto;font-size:.95rem}body[data-screen=game] .clash-about{display:none}.clash-about h2{color:var(--text-color);margin:1.75rem 0 .4rem;font-size:1.15rem}.clash-about p+p{margin-top:.6rem}.clash-about a{color:var(--primary-color)}.clash-about__links{text-align:center;margin-top:2rem}.clash-home .ad-slot,.clash-game .ad-slot{margin:2rem auto 1rem}body[data-screen=home] #app{min-height:0}