.game-page-hero--postcard{background:#f3ead9}.game-page-hero--postcard:after{opacity:.35;background-image:radial-gradient(circle at 1px 1px,#172f3a1c 1px,#0000 0);background-size:20px 20px}.game-rule-card--postcard{border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fffaf0;align-self:center;gap:.7rem;padding:clamp(1.3rem,3vw,2.2rem);display:grid;transform:rotate(1.5deg)}.game-rule-card--postcard strong{font:800 clamp(1rem,2vw,1.25rem)/1.2 var(--font-sans);align-items:center;gap:.75rem;display:flex}.game-rule-card--postcard strong:before{content:"";border:2px solid var(--ink);background:var(--teal);border-radius:50%;width:1.2rem;height:1.2rem}.postcard-game{--postcard-red:#df5b4e;--postcard-blue:#3978c6;--postcard-gold:#e8be55;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#f8f2e7;position:relative;overflow:hidden}.postcard-topline{color:#fff;background:var(--ink);font:800 .72rem/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:.72rem 1rem;display:flex}.postcard-intro,.postcard-example,.postcard-stage,.postcard-transition,.postcard-results{padding:clamp(1.2rem,4vw,3rem)}.postcard-intro__heading{grid-template-columns:minmax(0,.85fr) minmax(18rem,1fr);align-items:end;gap:2rem;max-width:70rem;display:grid}.postcard-intro__heading h2,.postcard-example h2,.postcard-transition h2,.postcard-results h2{margin:.2rem 0 0;font-size:clamp(2rem,5vw,4.2rem)}.postcard-intro__heading>p{max-width:44rem;margin:0;font-size:1.08rem}.postcard-mode-picker{border:0;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;padding:0;display:grid}.postcard-mode-picker label{border:2px solid var(--ink);cursor:pointer;background:#fffaf0;grid-template-columns:auto 1fr;gap:.25rem .8rem;min-height:9.5rem;padding:1.15rem;transition:transform .18s,box-shadow .18s,background .18s;display:grid;position:relative;box-shadow:5px 5px #172f3a2e}.postcard-mode-picker label:hover{transform:translateY(-3px);box-shadow:7px 8px #172f3a38}.postcard-mode-picker label:has(input:checked){box-shadow:7px 7px 0 var(--teal);background:#dff5eb}.postcard-mode-picker input{width:1.25rem;height:1.25rem;accent-color:var(--ink);position:absolute;inset:.8rem .8rem auto auto}.postcard-mode-picker label>span{color:var(--postcard-red);font:900 2.3rem/1 var(--font-display);grid-row:1/3}.postcard-mode-picker strong{padding-right:1.5rem;font-size:1.08rem}.postcard-mode-picker small{color:var(--muted);line-height:1.5}.postcard-intro__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.postcard-intro__actions>span{color:var(--muted);font-size:.9rem}.postcard-example{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.postcard-example[hidden],.postcard-stage[hidden],.postcard-transition[hidden],.postcard-results[hidden],.postcard-intro[hidden]{display:none}.postcard-example__copy>p:not(.eyebrow){max-width:36rem}.postcard-example__copy ul{border-top:1px solid #172f3a40;margin:1.3rem 0 1.6rem;padding:0;list-style:none}.postcard-example__copy li{border-bottom:1px solid #172f3a40;gap:.5rem;padding:.65rem 0;display:flex}.postcard-example__copy .game-text-button{margin-top:1rem;display:block}.postcard-example__lesson{border:1px solid var(--ink);background:#fffaf0;gap:.7rem;margin:1rem 0;padding:1rem;display:grid}.postcard-example__lesson>span{color:var(--postcard-blue);font:900 .7rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.postcard-example__lesson h3,.postcard-example__lesson p{margin:0}.postcard-example__choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.postcard-example__choices button{border:1px solid var(--ink);cursor:pointer;background:#f8f2e7;min-height:44px;padding:.55rem}.postcard-example__choices button:hover,.postcard-example__choices button:focus-visible{background:#dff5eb}.postcard-example__choices button.is-wrong{background:#f6d6d0;text-decoration:line-through}.postcard-example__choices button.is-correct{outline:3px solid var(--ink);outline-offset:2px;background:var(--teal)}.postcard-example__map{border:1px solid var(--ink);background:#e7dfcf;padding:.4rem}.postcard-example__map[hidden],.postcard-example__actions[hidden]{display:none}.postcard-example__feedback{border-left:5px solid var(--teal-dark);background:#e8f6f0;margin:0;padding:.6rem .75rem}.postcard-example__feedback[hidden]{display:none}.postcard-example__actions{flex-wrap:wrap;gap:.7rem;display:flex}.postcard-photo{border:2px solid var(--ink);background:#fffaf0;margin:0;padding:.8rem .8rem 0;position:relative;transform:rotate(-.45deg);box-shadow:8px 9px #172f3a33}.postcard-photo:before{content:"AIR MAIL";z-index:2;color:#fff;border:2px solid var(--ink);background:var(--postcard-red);font:900 .68rem/1 var(--font-sans);letter-spacing:.1em;padding:.35rem .65rem;position:absolute;top:-.7rem;right:1.1rem;transform:rotate(2deg)}.postcard-photo picture,.postcard-photo img{width:100%;display:block}.postcard-photo img{aspect-ratio:16/10;object-fit:cover;background:#e7dfcf;height:auto}.postcard-photo figcaption{grid-template-columns:auto 1fr;align-items:start;gap:.7rem;min-height:5rem;padding:.9rem .35rem 1rem;display:grid}.postcard-photo figcaption span{color:#fff;background:var(--postcard-blue);font:800 .64rem/1 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;padding:.28rem .45rem}.postcard-photo figcaption div{gap:.2rem;display:grid}.postcard-photo figcaption strong{font:800 1rem/1.2 var(--font-sans)}.postcard-photo figcaption p{margin:0;font-size:.9rem;line-height:1.45}.postcard-photo__fallback{text-align:center;background:repeating-linear-gradient(-45deg,#efe7d8 0 12px,#f8f2e7 12px 24px);place-items:center;min-height:18rem;padding:2rem;display:grid}.postcard-photo__fallback[hidden]{display:none}.postcard-photo__fallback span{color:var(--postcard-red);font-size:3rem}.postcard-photo__fallback small{color:var(--muted)}.postcard-progress{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}.postcard-progress>div{gap:.2rem;display:grid}.postcard-progress>div span{color:var(--postcard-blue);font:800 .75rem/1 var(--font-sans);letter-spacing:.09em;text-transform:uppercase}.postcard-progress>div small{color:var(--muted);font-size:.78rem}.postcard-progress>.game-text-button{flex:none}.postcard-progress ol{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.postcard-progress li{border:1px solid var(--ink);width:1.7rem;height:1.7rem;color:var(--muted);background:#fffaf0;border-radius:50%;place-items:center;font-size:.72rem;display:grid}.postcard-progress li.is-complete{color:#fff;background:var(--teal-dark)}.postcard-progress li.is-current{outline:3px solid var(--postcard-gold);outline-offset:2px;color:var(--ink);font-weight:900}.postcard-workspace{grid-template-columns:minmax(18rem,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(1.3rem,3vw,2.5rem);display:grid}.postcard-casefile{border:2px solid var(--ink);background:#fffaf0;min-width:0;padding:clamp(1rem,2.5vw,1.7rem)}.postcard-task-heading{margin-bottom:1rem}.postcard-task-heading h2{margin:.2rem 0 .35rem;font-size:clamp(1.55rem,3vw,2.55rem)}.postcard-task-heading p:last-child{color:var(--muted);margin:0}.postcard-map-frame{background:#e7dfcf;border:1px solid #172f3a73;padding:.55rem}.postcard-map{border:1px solid var(--ink);background:#dcecf0;width:100%;position:relative;overflow:hidden}.postcard-map svg{aspect-ratio:1000/520;width:100%;height:auto;display:block}.postcard-map__ocean{fill:#dcecf0}.postcard-map__land path{fill:#e5d5ab;stroke:#756b55;stroke-width:.65px;vector-effect:non-scaling-stroke}.postcard-map__countries path{fill:#0000;stroke:#172f3a70;stroke-width:.55px;vector-effect:non-scaling-stroke;transition:fill .2s}.postcard-map__countries path.is-highlighted{fill:#57cda6;stroke:var(--ink);stroke-width:1.5px}.postcard-map__graticule path{fill:none;stroke:#3978c640;stroke-width:.6px;stroke-dasharray:5 8;vector-effect:non-scaling-stroke}.postcard-map__choices{pointer-events:none;position:absolute;inset:0}.postcard-map__support{z-index:2;border:4px dashed var(--postcard-gold);pointer-events:none;background:#e8be5533;border-radius:50%;place-items:center;width:6rem;height:6rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.postcard-map__support[hidden]{display:none}.postcard-map__support span{color:var(--ink);font:900 .62rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;background:#fffaf0;padding:.25rem .4rem}.postcard-map__choice{z-index:3;pointer-events:auto;border:2px solid var(--ink);color:var(--ink);font:800 .72rem/1 var(--font-sans);cursor:pointer;background:#fffaf0;transition:transform .15s,background .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:3px 3px #172f3a59}.postcard-map__choice:hover,.postcard-map__choice:focus-visible{z-index:5;transform:translate(-50%,-50%)scale(1.07)}.postcard-map__choice--continent{border-radius:999px;min-width:5.4rem;min-height:44px;padding:.55rem}.postcard-map__choice--pin{color:#fff;background:var(--postcard-red);border-radius:50% 50% 50% 0;place-items:center;width:48px;height:48px;padding:0;display:grid;transform:translate(-50%,-80%)rotate(-45deg)}.postcard-map__choice--pin>span:first-child{font-size:1rem;transform:rotate(45deg)}.postcard-map__choice--pin:hover,.postcard-map__choice--pin:focus-visible{transform:translate(-50%,-80%)rotate(-45deg)scale(1.1)}.postcard-map__choice.is-wrong,.postcard-options button.is-wrong{background:#f6d6d0;text-decoration:line-through}.postcard-map__choice.is-selected,.postcard-options button.is-selected{outline:3px solid var(--postcard-red);outline-offset:3px}.postcard-map__choice.is-correct,.postcard-options button.is-correct{color:var(--ink);background:var(--teal);outline:3px solid var(--ink);outline-offset:2px}.postcard-options{border:0;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0 0;padding:0;display:grid}.postcard-options[hidden]{display:none}.postcard-options button{text-align:left;border:1px solid var(--ink);cursor:pointer;background:#f8f2e7;align-items:center;gap:.65rem;min-height:3.4rem;padding:.65rem;display:flex}.postcard-options button:hover,.postcard-options button:focus-visible{background:#dff5eb}.postcard-options button>span{border:1px solid var(--ink);background:#fff;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.postcard-controls{align-items:center;gap:1rem;min-height:3rem;margin-top:.8rem;display:flex}.postcard-controls p{border-left:4px solid var(--postcard-gold);background:#f5edcf;margin:0;padding:.45rem .65rem;font-size:.9rem}.postcard-controls .button{padding:.6rem .8rem}.postcard-feedback{border:1px solid var(--ink);border-left:8px solid var(--teal-dark);background:#e8f6f0;margin-top:1rem;padding:1rem}.postcard-feedback[hidden]{display:none}.postcard-feedback p{margin:.25rem 0 .8rem}.postcard-feedback .button{padding:.6rem .9rem}.postcard-transition,.postcard-results{text-align:center;background:radial-gradient(circle at 1px 1px,#172f3a1f 1px,#0000 0) 0 0/22px 22px;align-content:center;justify-items:center;min-height:28rem;display:grid}.postcard-transition[hidden],.postcard-results[hidden]{display:none}.postcard-transition>p:not(.eyebrow),.postcard-results>p:not(.eyebrow){max-width:42rem}.postcard-transition__stamp{border:3px double var(--postcard-red);color:var(--postcard-red);font:900 1rem/1 var(--font-sans);letter-spacing:.12em;margin-bottom:1.2rem;padding:.6rem 1rem;transform:rotate(-3deg)}.postcard-transition__location{font-size:1.08rem}.postcard-transition__lesson{border:1px solid var(--ink);background:#fffaf0;max-width:48rem;margin:1rem 0 1.3rem;padding:1rem}.postcard-transition__lesson[hidden]{display:none}.postcard-transition__lesson h3{margin:0 0 .35rem}.postcard-transition__lesson p{margin:.2rem 0 .8rem}.postcard-transition__lesson>strong{color:var(--postcard-blue);letter-spacing:.08em;display:block}.postcard-results dl{grid-template-columns:repeat(4,1fr);gap:.7rem;width:min(100%,40rem);margin:1.4rem 0;display:grid}.postcard-results dl div{border:1px solid var(--ink);background:#fffaf0;padding:1rem .6rem}.postcard-results dt{color:var(--muted);text-transform:uppercase;font-size:.75rem}.postcard-results dd{font:900 2rem/1 var(--font-display);margin:.25rem 0 0}.postcard-results__support{gap:.3rem;max-width:42rem;display:grid}.postcard-results__support strong{color:var(--teal-dark);font:900 .75rem/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.postcard-results__support span{font-size:1.02rem}.postcard-results__route{text-align:left;grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr);align-items:start;gap:1rem;width:min(100%,70rem);margin:1rem 0 1.4rem;display:grid}.postcard-results__map{border:1px solid var(--ink);background:#e7dfcf;padding:.5rem}.postcard-results__map .postcard-map__choices{pointer-events:none}.postcard-results__pin{z-index:3;color:#fff;border:2px solid var(--ink);background:var(--postcard-red);width:2rem;height:2rem;font:900 .72rem/1 var(--font-sans);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 2px #172f3a47}.postcard-results__postcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-height:23rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.postcard-results__postcards li{border:1px solid var(--ink);background:#fffaf0;grid-template-columns:6.5rem 1fr;min-width:0;display:grid}.postcard-results__postcards img{object-fit:cover;width:100%;height:100%;min-height:5rem}.postcard-results__postcards div{grid-template-columns:auto 1fr;align-content:center;gap:.15rem .5rem;min-width:0;padding:.55rem;display:grid}.postcard-results__postcards span{color:var(--postcard-red);font:900 1.35rem/1 var(--font-display);grid-row:1/3}.postcard-results__postcards strong,.postcard-results__postcards small{overflow-wrap:anywhere;min-width:0}.postcard-results__postcards small{color:var(--muted);line-height:1.3}.postcard-results__rule{border-left:5px solid var(--postcard-gold);background:#fffaf0;max-width:52rem;margin:.2rem 0 1.2rem;padding:.75rem 1rem}.postcard-noscript{border:2px solid var(--ink);background:#fffaf0;margin:1rem;padding:1.2rem}.postcard-preview{--postcard-red:#c64c40;--postcard-blue:var(--blue);--postcard-gold:var(--gold);width:min(92%,38rem);height:24rem;margin:auto;position:relative}.postcard-preview__postcard{border:2px solid var(--ink);background:#fffaf0;padding:.65rem;position:absolute;inset:1.5rem 4rem 2rem 1.4rem;transform:rotate(-2deg);box-shadow:8px 8px #172f3a33}.postcard-preview__postcard picture,.postcard-preview__postcard img{width:100%;height:100%;display:block}.postcard-preview__postcard img{object-fit:cover}.postcard-preview__stamp{color:#fff;border:2px solid var(--ink);background:var(--postcard-red);font:900 .65rem/1 var(--font-sans);letter-spacing:.08em;padding:.35rem .55rem;position:absolute;top:-.8rem;left:-.8rem}.postcard-preview__caption{border:1px solid var(--ink);background:#fffaf0f0;justify-content:space-between;align-items:center;gap:.8rem;padding:.55rem .7rem;display:flex;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.postcard-preview__caption small{color:var(--postcard-blue);text-transform:uppercase;font-weight:900}.postcard-preview__caption strong{font-size:.8rem}.postcard-preview__map{border:2px solid var(--ink);width:10.5rem;box-shadow:5px 5px 0 var(--postcard-gold);background:#dcecf0;padding:.35rem;position:absolute;bottom:.25rem;right:.25rem;transform:rotate(3deg)}.postcard-preview__map svg{width:100%;display:block}.postcard-preview__map path{fill:#e5d5ab;stroke:var(--ink);stroke-width:2px}.postcard-preview__map circle{fill:var(--postcard-red);stroke:var(--ink);stroke-width:2px}.postcard-preview__map span{color:#fff;background:var(--postcard-red);border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-weight:900;display:grid;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%)}.postcard-credits-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.postcard-credit-card{border:1px solid var(--ink);background:#fffaf0;overflow:hidden}.postcard-credit-card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.postcard-credit-card__body{padding:1rem}.postcard-credit-card h3{margin:0 0 .35rem;font-size:1.15rem}.postcard-credit-card p{margin:.3rem 0;font-size:.86rem}@media (width<=900px){.postcard-intro__heading,.postcard-example,.postcard-workspace,.postcard-mode-picker{grid-template-columns:1fr}.postcard-mode-picker label{min-height:auto}.postcard-photo{max-width:46rem;margin-inline:auto}.postcard-casefile{width:100%}.postcard-map__choice--continent{min-width:4.7rem;font-size:.65rem}.postcard-credits-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.postcard-topline span:last-child{display:none}.postcard-intro,.postcard-example,.postcard-stage,.postcard-transition,.postcard-results{padding:1rem}.postcard-intro__heading{gap:.7rem}.postcard-example__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.postcard-progress{flex-direction:column;align-items:flex-start}.postcard-progress ol{justify-content:flex-start}.postcard-progress li{width:1.45rem;height:1.45rem;font-size:.64rem}.postcard-photo{padding:.45rem .45rem 0;box-shadow:5px 6px #172f3a33}.postcard-photo figcaption{grid-template-columns:1fr}.postcard-casefile{padding:.75rem}.postcard-map-frame{margin-inline:-.2rem;padding:.25rem}.postcard-map__choice--continent{min-width:44px;min-height:44px;padding:.42rem .5rem;font-size:.56rem}.postcard-map__choice--pin{width:48px;height:48px}.postcard-map__support{width:4.5rem;height:4.5rem}.postcard-options{grid-template-columns:1fr}.postcard-controls{flex-direction:column;align-items:flex-start}.postcard-results dl{grid-template-columns:repeat(2,1fr)}.postcard-results__route{grid-template-columns:1fr}.postcard-results__postcards{max-height:none}.postcard-preview{height:19rem}.postcard-preview__postcard{inset:1rem 2.5rem 2.7rem .4rem}.postcard-preview__map{width:8rem}.postcard-preview__caption strong{display:none}.postcard-credits-grid{grid-template-columns:1fr}}@media (width<=480px){.postcard-results__postcards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.postcard-mode-picker label,.postcard-map__choice{transition:none}}