@font-face{font-family:Mari;src:url('/assets/headline.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10110f;color:#eeeade;font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d47385;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Mari,Georgia,serif;font-weight:400}h2{font-size:clamp(38px,4.8vw,66px);line-height:1.04;letter-spacing:-1.6px}em{font-weight:400;color:#bc455a}p{line-height:1.6}.header{height:100px;display:flex;align-items:center;gap:35px;padding:0 5.4vw;border-bottom:1px solid #ffffff16;position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-family:Mari;font-size:24px;white-space:nowrap}.brand img{border-radius:8px}.brand small{display:block;font:8px/2 monospace;letter-spacing:2px;color:#b3b0a7}.header nav{display:flex;gap:35px;align-items:center;margin-left:auto;font-size:15px}.header nav a:hover{color:#da8291}.nav-app{border-bottom:1px solid #77776c;padding:9px 0}.age{border:1px solid #77766d;border-radius:50%;font:12px monospace;width:37px;height:37px;display:grid;place-items:center}.hero{min-height:780px;height:calc(100svh - 100px);max-height:1040px;position:relative;isolation:isolate;overflow:hidden;padding:65px 7.8vw 95px;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 52%,#52232a30,transparent 52%)}.hero-copy{position:relative;z-index:2;width:58%}.eyebrow{font:10px/1.7 'Courier New',monospace;font-weight:bold;letter-spacing:2.3px;color:#a9a79d}.red-dot{display:inline-block;background:#ac304b;border-radius:50%;width:6px;height:6px;margin-right:9px}.hero h1{font-size:clamp(110px,12.8vw,196px);line-height:.78;letter-spacing:-5px;margin:36px 0 25px;position:relative}.hero h1 span{color:#a52c43}.hero h1 sup{font:16px monospace;letter-spacing:1px;display:inline-block;vertical-align:top;margin:18px 0 0 10px;color:#9e3146}.tagline{font-family:Mari;font-size:26px;margin:24px 0 17px}.intro{font-size:17px;color:#aaa89e;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #ffffff26;padding:19px 25px;min-height:58px;border-radius:3px;background:#24241f;color:#f5eee3;font-size:19px;font-weight:bold;transition:background .2s,transform .2s}.button:hover{background:#34332d;transform:translateY(-2px)}.primary{background:#8f2035;border-color:#8f2035}.primary:hover{background:#ae3049}.text-link{font-size:16px;border-bottom:1px solid #646259;padding:12px 0}.text-link span{margin-left:15px}.hero-meta{font:9px 'Courier New',monospace;letter-spacing:1.4px;display:flex;align-items:center;gap:20px;margin-top:46px;color:#a4a497}.hero-meta i{color:#aa3046;font-size:18px}.hero-art{position:absolute;right:2%;top:3%;height:96%;width:47%;z-index:1}.hero-art img{width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 15px 35px #0008)}.hero-orbit{width:75%;aspect-ratio:1;border:1px solid #b6a99425;position:absolute;top:15%;right:11%;border-radius:50%}.hero-orbit:after{content:'';position:absolute;inset:-18px;border:1px solid #b6a9940a;border-radius:50%}.art-caption{position:absolute;right:3%;top:13%;z-index:2;transform:rotate(9deg);font:10px/1.6 monospace;letter-spacing:1px}.art-caption em{font:25px Mari;color:#efe8d7}.stamp{position:absolute;bottom:16%;right:2%;border:1px solid #a7917180;border-radius:50%;width:110px;height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:9px/1.5 monospace;letter-spacing:2px;transform:rotate(-15deg);background:#161613bb}.stamp strong{font-weight:400}.stamp span{font-size:27px;color:#b24357}.scroll-hint{position:absolute;bottom:28px;left:7.8vw;font:9px monospace;letter-spacing:2px;color:#777970}.scroll-hint span{margin-left:26px}.manifesto{padding:115px 10vw 130px;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eae5d9;color:#181915;position:relative}.manifesto:before{content:'';position:absolute;top:30px;right:5%;font-size:42px;color:#8f2035}.manifesto>div>p:not(.eyebrow){max-width:450px;color:#636257;font-size:17px}.steps{list-style:none;padding:0;margin:30px 0 0}.steps li{border-top:1px solid #1b1c1a25;padding:17px 0;font-size:15px}.steps span{font:11px monospace;color:#8f2035;margin-right:19px}.card-stack{align-self:center;position:relative;max-width:370px;margin:12px auto;width:100%;padding:26px 20px}.sample-card{position:relative;z-index:2;background:#eee;box-shadow:0 12px 30px #0002;border:1px solid #bbb5a866;border-radius:14px;padding:30px;transform:rotate(-8.5deg);min-height:355px;display:flex;flex-direction:column;font-family:'Courier New',monospace}.sample-card div,.sample-card footer{font-size:9px;display:flex;justify-content:space-between;letter-spacing:1px}.sample-card p{font-size:24px;line-height:1.35;margin:auto 0;letter-spacing:-1px}.card-under{position:absolute;inset:25px 10px;background:#8f2035;transform:rotate(8.5deg);border-radius:14px}.scribble{position:absolute;bottom:-64px;right:0;font:25px/1.1 Mari;transform:rotate(-9deg);color:#8f2035}.explore-teaser{position:relative;overflow:hidden;padding:100px 10vw;border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 80% 0,#8f203528,transparent 65%)}.explore-teaser p:not(.eyebrow){color:#a4a398}.outline{background:transparent}.compass{position:absolute;right:8%;top:0;font-size:430px;color:#8f203520;line-height:1.3;pointer-events:none}.downloads{padding:100px 10vw;display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.downloads p:not(.eyebrow){color:#a4a398}.store-links{display:grid;gap:10px;align-content:center}.store-links a{display:flex;align-items:center;gap:20px;padding:20px 24px;border:1px solid #ffffff24;border-radius:4px;background:#181914;transition:background .2s}.store-links a:hover{background:#25261f}.store-links a>span:last-child{margin-left:auto}.store-links small{display:block;font:8px monospace;letter-spacing:2px;color:#a6a799;margin-bottom:4px}.store-links a>span:nth-child(2){font-size:24px}.store-icon{font:30px Georgia;min-width:30px}.site-footer{padding:32px 5.4vw;border-top:1px solid #ffffff16;font:9px/1.6 monospace;letter-spacing:.5px;color:#9d9e93;display:flex;justify-content:space-between;gap:25px}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:15px;z-index:100}.skip:focus{top:10px}dialog{background:#ece6d9;color:#151612;border:0;border-radius:8px;padding:40px;max-width:490px;width:calc(100% - 32px)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:43px}.dialog-close{position:absolute;right:13px;top:8px;border:0;background:transparent;font-size:30px;color:inherit}#toast{position:fixed;z-index:40;bottom:25px;left:50%;transform:translateX(-50%);background:#ece6d9;color:#151612;border-left:5px solid #8f2035;padding:16px 24px;max-width:90vw;box-shadow:0 8px 40px #0009}.page{max-width:1180px;margin:0 auto;padding:65px 35px 100px;min-height:calc(100svh - 175px)}.page-lead{max-width:650px;margin-bottom:42px}.page-lead h1{font-size:clamp(48px,7vw,90px);line-height:1;margin-bottom:20px}.page-lead p{color:#aaa99d}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mode{padding:40px;background:#1c1d18;border:1px solid #ffffff22;border-radius:8px;position:relative;text-align:left;min-height:280px;display:flex;flex-direction:column;align-items:flex-start}.mode h2{font-size:42px;margin:30px 0 10px}.mode p{color:#b1afa4;max-width:370px}.mode>span:last-child{font-size:35px;position:absolute;right:30px;top:32px}.mode:hover{border-color:#aa354b;background:#242019}.form-panel{max-width:620px;margin:auto;border:1px solid #ffffff22;border-radius:8px;padding:35px;background:#1a1b17}.form-panel h2{font-size:42px}.form-panel label{display:block;font:12px/1.5 monospace;color:#b8b7aa;margin:18px 0 8px}input,select{width:100%;background:#10110f;border:1px solid #77796b;border-radius:4px;padding:15px;color:#f4efe4;font-size:17px}input[type=checkbox]{width:auto;accent-color:#9f2e43}.form-panel .button{width:100%;margin-top:22px}.form-panel .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.join-code{font:36px monospace;letter-spacing:10px;text-align:center}.muted{color:#a7a699;font-size:14px}.tag-checks{display:grid;grid-template-columns:1fr 1fr}.tag-checks label{margin:7px 0;font-size:11px}.back{display:inline-block;font:12px monospace;color:#bbb9ab;margin-bottom:30px}.game-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.code-pill{font:25px monospace;color:#eadfcb;letter-spacing:4px}.players{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.player{padding:10px 15px;background:#24261e;border-radius:4px;font:13px monospace}.player b{color:#d4788b;margin-left:12px}.question{padding:35px;background:#1d1f1a;border:1px solid #eee6cd30;border-radius:12px;min-height:180px;font:clamp(24px,3vw,40px)/1.4 'Courier New',monospace;margin:22px 0}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.answer{background:#eee9dc;color:#151613;border:3px solid transparent;border-radius:10px;padding:22px;font:19px/1.35 'Courier New',monospace;text-align:left;min-height:150px;position:relative}.answer.selected{border-color:#ce536d;background:#ead4d5;transform:translateY(-7px)}.answer.winner{border-color:#ae4059;box-shadow:0 0 30px #a32c4433}.answer:disabled{opacity:1;cursor:default}.answer small{display:block;font:9px monospace;margin-bottom:20px;color:#5d5e52}.game-message{font:20px Mari;color:#d88d9d}.game-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.display-mode .question{font-size:clamp(30px,4vw,64px);min-height:240px}.display-mode .answer{font-size:25px;min-height:160px}.display-mode .header,.display-mode .site-footer{display:none}.display-mode .page{max-width:1600px;min-height:100svh}.empty{border:1px dashed #77786d;padding:28px;color:#a9aa9d;text-align:center}.timer{font:20px monospace;color:#c36c7d}.map-page{height:calc(100svh - 100px);position:relative;overflow:hidden;background:#141713}.map-toolbar{position:absolute;z-index:4;left:30px;top:25px;max-width:420px}.map-toolbar h1{font-size:42px;margin:12px 0 6px}.map-toolbar p{font-size:13px;color:#acae9f;max-width:320px}.map-page{-webkit-user-select:none;user-select:none}.map-canvas{width:100%;height:100%;touch-action:none}.map-canvas *{-webkit-user-select:none;user-select:none}.story-panel{-webkit-user-select:text;user-select:text}.county{fill:#353c30;stroke:#11160f;stroke-width:.8;vector-effect:non-scaling-stroke;transition:fill .2s}.county:hover{fill:#4e5943}.map-pin{fill:#c94460;stroke:#eec9cf;stroke-width:1;cursor:pointer}.map-pin:hover,.map-pin:focus{fill:#f7879f}.map-label{font:3.8px monospace;fill:#b6bfa8;pointer-events:none}.map-controls{position:absolute;right:25px;top:25px;display:grid;gap:8px;z-index:4}.map-controls button{border:1px solid #69705d;background:#161b13;font:24px monospace;width:45px;height:45px;border-radius:4px}.map-credit{position:absolute;bottom:12px;left:20px;font:9px monospace;color:#88917c}.map-credit a{text-decoration:underline}.story-panel{position:absolute;right:20px;bottom:45px;max-width:420px;width:calc(100% - 40px);max-height:65%;overflow:auto;background:#ebe6d9;color:#181b15;padding:30px;border-radius:8px;box-shadow:0 12px 70px #0007}.story-panel h2{font-size:35px}.story-panel .locked{background:#d7d1c4;padding:16px;margin-top:25px;font:12px/1.5 monospace;border:1px dashed #a59e90}.map-list{position:absolute;left:30px;bottom:45px;z-index:3;max-height:30%;overflow:auto;max-width:280px}.map-list button{display:block;background:#1a2017;border:1px solid #69715c;padding:10px;color:#dddccb;text-align:left;width:100%;font-size:13px}.map-list small{display:block;color:#919b82}.map-empty{font:12px/1.7 monospace;color:#afb69e;background:#151b11dc;padding:17px;max-width:290px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-left:12vw}.hero-art{right:8%}}@media(max-width:800px){.header{height:80px;padding:0 22px;gap:14px}.brand{font-size:20px}.brand img{width:34px;height:34px}.header nav{gap:18px;font-size:13px}.nav-app,.header nav a:nth-child(2){display:none}.hero{min-height:900px;height:auto;padding:45px 25px 430px;align-items:start}.hero-copy{width:100%}.hero h1{font-size:clamp(100px,25vw,160px);margin-top:29px}.hero-art{width:78%;height:470px;top:auto;bottom:-20px;right:-6%}.hero-art img{object-position:top;object-fit:contain}.art-caption{right:1%;top:18%;font-size:8px}.stamp{left:5%;right:auto;width:80px;height:80px;bottom:17%;font-size:7px}.hero-actions{gap:20px}.hero-actions .button{font-size:18px;padding:17px 23px}.text-link{font-size:14px}.hero-meta{font-size:8px;gap:12px;margin-top:26px}.tagline{font-size:25px}.intro{font-size:16px}.scroll-hint{left:25px;bottom:28px;width:90px;line-height:1.8}.manifesto{padding:70px 26px 100px;grid-template-columns:1fr;gap:55px}.card-stack{margin-top:20px}.explore-teaser{padding:75px 26px}.compass{font-size:300px;right:-100px;top:65px}.downloads{padding:65px 26px;grid-template-columns:1fr;gap:20px}.site-footer{padding:25px;flex-wrap:wrap;font-size:8px}.mode-grid{grid-template-columns:1fr}.page{padding:40px 20px 70px}.mode{padding:30px;min-height:230px}.form-panel{padding:25px}.answers{grid-template-columns:1fr 1fr}.answer{font-size:16px;padding:16px;min-height:150px}.question{font-size:24px;padding:24px}.game-top{flex-wrap:wrap}.map-page{height:calc(100svh - 80px)}.map-toolbar{left:20px;top:18px;max-width:75%}.map-toolbar h1{font-size:31px}.map-toolbar p{font-size:11px;max-width:250px}.map-list{left:15px;bottom:38px;max-width:210px;max-height:22%}.map-controls{right:12px;top:18px}.map-credit{font-size:7px}.story-panel{z-index:5;max-height:55%}.display-mode .answer{font-size:20px}.display-mode .page{padding-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:800px){.art-caption{display:none}.hero-actions .text-link{flex:1;line-height:1.6}.hero-actions .text-link span{margin-left:3px}.hero-meta{position:relative;z-index:3}.hero-art{bottom:-35px}.stamp{left:-12%;bottom:18%}}

.card-item{display:flex;flex-direction:column;gap:.65rem}.card-item>.answer{width:100%;flex:1}.card-votes{display:flex;gap:.5rem;margin:.5rem 0 1rem}.card-votes button{font:12px Arial,sans-serif;background:transparent;border:1px solid #7776;border-radius:999px;color:inherit;padding:.45rem .7rem;cursor:pointer}.card-votes button[aria-pressed=true]{background:var(--wine,#8f2035);border-color:var(--wine,#8f2035);color:#fff}.card-votes button:disabled{opacity:.5}

.story-panel .muted,.story-panel .eyebrow,dialog .eyebrow,.manifesto .eyebrow{color:#626052}
.map-page:fullscreen{height:100vh;width:100vw}

.privacy-link{border:0;background:none;color:inherit;font:inherit;padding:0;text-decoration:underline;cursor:pointer}

.question .filled-answer{color:#d94557;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}

/* Full-width county map sits below Mari and the hero copy. */
.hero-map{position:absolute;z-index:0;pointer-events:none;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%)}
.hero-map-credit{position:absolute;z-index:3;bottom:12px;right:20px;font:8px/1.5 monospace;color:#777970}.hero-map-credit a{text-decoration:underline}
@media(max-width:800px){.hero-map{top:73%}.hero-map-credit{right:12px;bottom:8px;font-size:7px}}
@media(max-width:500px){.header{padding:0 16px;gap:10px}.header .brand{font-size:18px;gap:8px}.header .brand img{width:30px;height:30px}.header .brand small{font-size:6px;letter-spacing:1.6px}.header nav{font-size:12px;gap:0}.header .age{width:28px;height:28px;flex-shrink:0;font-size:10px}.header #sound-toggle{font-size:0;gap:0;padding:8px;min-height:38px;width:38px;flex-shrink:0;justify-content:center}.header #sound-toggle:before{content:'♪';font:20px Georgia}.header #sound-toggle[aria-pressed=false]:before{content:'♪';opacity:.45;text-decoration:line-through}}

.contact-page{max-width:1200px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact-page h1{font-size:clamp(60px,7vw,100px);line-height:1}.contact-email{display:inline-block;color:#da8291;font-size:clamp(16px,2vw,23px);margin:12px 0 25px;overflow-wrap:anywhere}.contact-page .form-panel{margin:0;max-width:none}.contact-page label{display:block;margin-bottom:20px}.contact-page input,.contact-page textarea{display:block;width:100%;font:16px/1.5 Georgia,serif;padding:14px;margin-top:8px;border:1px solid #626257;border-radius:3px;background:#11130f;color:#eeeade}.contact-page textarea{resize:vertical}.contact-page textarea:focus-visible{outline:3px solid #d47385;outline-offset:3px}.contact-page .button{width:100%}.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contact-status{font-size:15px;overflow-wrap:anywhere}#contact-status[data-state=success]{color:#bbd5a4}#contact-status[data-state=error]{color:#efadba}@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:24px}.contact-page .page-lead{margin-bottom:0}}

.final-scoreboard{width:100%;max-width:1100px;margin:24px auto}.final-score-row{display:flex;justify-content:space-between;gap:24px;padding:20px 24px;margin:10px 0;background:#202020;border-radius:12px;font-size:clamp(22px,3vw,40px)}.final-score-row:first-of-type{border:2px solid #8f2035}

/* Shared monochrome corner marks. */
.question,.answer,.sample-card,.winning-card{position:relative}
.question,.sample-card{padding-top:42px;padding-bottom:42px}
.answer,.winning-card{padding-top:34px;padding-bottom:34px}
.question::before,.question::after,.answer::before,.answer::after,.sample-card::before,.sample-card::after,.winning-card::before,.winning-card::after{content:'';position:absolute;width:22px;height:22px;background:currentColor;pointer-events:none;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.question::before,.sample-card::before{right:12px;top:12px;-webkit-mask-image:url('/assets/card-ok.svg');mask-image:url('/assets/card-ok.svg')}
.question::after,.sample-card::after{left:12px;bottom:12px;-webkit-mask-image:url('/assets/card-down.svg');mask-image:url('/assets/card-down.svg')}
.answer::before,.winning-card::before,.answer::after,.winning-card::after{-webkit-mask-image:url('/assets/card-umbrella.svg');mask-image:url('/assets/card-umbrella.svg')}
.answer::before,.winning-card::before{right:10px;top:10px}.answer::after,.winning-card::after{left:10px;bottom:10px;transform:rotate(180deg)}

.answering-player .question{position:sticky;top:8px;z-index:5;background:#1b1b1b;max-height:40svh;overflow:auto}
.answers.answer-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:12px 8% 28px;perspective:900px}
.answer-deck .card-item{flex:0 0 84%;scroll-snap-align:center}.answer-deck .answer{width:100%;min-height:210px}
@media(min-width:800px){.answer-deck .card-item{flex-basis:42%}}

.map-pin.question-pin{fill:#e6263b;stroke:#111}.map-pin.answer-pin{fill:#fff;stroke:#111}.map-pin:focus{stroke:#df8997;stroke-width:3}
/* The question stays on screen while only the hand scrolls horizontally. */
.answering-player{height:calc(100svh - 100px);min-height:0;padding:14px 24px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.answering-player .game-top{margin:0;flex-wrap:nowrap;gap:12px}.answering-player .game-top .brand{font-size:17px}.answering-player .game-top .code-pill{font-size:18px;letter-spacing:2px}.answering-player .game-top .button{font-size:14px;min-height:40px;padding:8px 14px}.answering-player #connection-state{display:none}
.answering-player>.eyebrow,.answering-player>.game-message,.answering-player>.muted{margin:0;font-size:12px}
.answering-player>.players,.answering-player>.card-votes{display:none}.answering-player>.timer:empty{display:none}
.answering-player .question{position:relative;top:auto;flex-shrink:0;max-height:38svh;margin:0;padding:32px 22px;font-size:20px;line-height:1.35;min-height:0}
.answering-player .answer-deck{flex:1;min-height:0;margin:0;padding:10px 5% 12px;align-items:stretch}.answer-deck .card-item{min-height:0}.answer-deck .answer{height:100%;min-height:0;overflow:auto}.answering-player~.site-footer{display:none}
@media(max-width:800px){.answering-player{height:calc(100svh - 80px);padding:12px 16px}}

/* Vector ornaments keep their design color instead of becoming iOS emoji. */
.asterisk,.manifesto:before{display:inline-block;width:1em;height:1em;flex-shrink:0;background-color:currentColor;-webkit-mask:url('/assets/asterisk.svg') center/contain no-repeat;mask:url('/assets/asterisk.svg') center/contain no-repeat;vertical-align:-.12em}

/* UI arrows use vectors so iOS cannot substitute emoji or fallback glyphs. */
.arrow-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;background-color:currentColor;-webkit-mask:url('/assets/arrow.svg') center/contain no-repeat;mask:url('/assets/arrow.svg') center/contain no-repeat}.arrow-down{transform:rotate(135deg)}.arrow-left{transform:rotate(225deg)}

/* Round pacing: urgent clocks and anonymous arrivals, without revealing choices. */
.timer.urgent{font-size:clamp(44px,6vw,96px);font-weight:800;color:#c64357;line-height:1;min-width:2.5em}
.submission-progress{display:flex;gap:12px;margin:24px 0}
.submission-progress span{flex:1;display:flex;align-items:center;justify-content:center;min-height:85px;background:#252525;border-radius:12px;font-size:32px;transition:background .3s,transform .3s}
.submission-progress .arrived{background:#8f2035;transform:translateY(-6px)}
.display-mode .answer,.round .answer{animation:card-arrives .35s ease-out}
@keyframes card-arrives{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.display-mode .answer,.round .answer{animation:none}.submission-progress span{transition:none}}

.stage-art{position:relative;min-height:90px;padding:28px 0 15px 155px;flex-shrink:0;color:#bc4c62;font:20px monospace;letter-spacing:3px}.stage-art i{position:absolute;top:12px;left:50px;width:48px;height:64px;border-radius:8px;background:#eee3;transform:rotate(-22deg);transform-origin:50% 85%;animation:stage-enter .45s ease-out}.stage-art i:nth-child(2){left:76px;transform:rotate(0);background:#92263e;z-index:1}.stage-art i:nth-child(3){left:100px;transform:rotate(22deg)}.stage-art.revealing i:first-child{background:#eee}.stage-art.selectingWinner i:nth-child(3){background:#eee}.stage-art.roundResult i:nth-child(2){background:#b8435c;box-shadow:0 0 22px #b8435c66;transform:translateY(-8px)}@keyframes stage-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.stage-art i{animation:none}}

/* Sequential story controls use vector arrows on every browser. */
.map-browse-nav{position:absolute;left:30px;bottom:45px;z-index:6;display:grid;gap:8px;max-width:calc(100% - 30px)}
.map-story-nav,.map-county-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#161713ed;border:1px solid #77766d;border-radius:8px;padding:8px;width:100%}
.map-story-arrow{display:grid;place-items:center;width:50px;height:48px;background:transparent;border:1px solid #77766d;border-radius:4px;color:#eeeade}
.map-story-arrow:hover{background:#34332d}.map-story-arrow:disabled{cursor:default}.map-story-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.map-story-page{min-width:65px;text-align:center;font:13px monospace}.map-pin.selected{stroke:#fff;stroke-width:2;fill:#f7879f}
.map-nav-caption{display:grid;gap:3px;text-align:center;min-width:154px}.map-nav-caption small{font:9px monospace;letter-spacing:1.5px;text-transform:uppercase;color:#a7a699}.map-county-name{font-size:14px}.county.selected{fill:#714050}
@media(max-width:800px){.map-browse-nav{left:15px;bottom:32px;gap:6px}.map-story-nav,.map-county-nav{gap:10px;padding:6px}.map-nav-caption{min-width:148px}.map-story-arrow{width:46px;height:44px}.map-page:not(.admin-card-map) .story-panel{bottom:174px;max-height:40%;padding:26px 24px}.map-page:not(.admin-card-map) .story-panel p{line-height:1.45}}

.map-county-count{color:#bcb9ad;letter-spacing:0!important;text-transform:none!important}.map-county-nav .map-nav-caption{gap:2px}

/* Tilted lettering and a dark Estonia map behind the large red star. */
.explore-teaser .compass{width:1em;height:1em;line-height:1;isolation:isolate;z-index:0}
.explore-teaser>p,.explore-teaser>h2,.explore-teaser>a{position:relative;z-index:1}
.explore-star-map{position:absolute;left:50%;top:50%;width:130%;height:auto;max-width:none;transform:translate(-50%,-50%);filter:brightness(.72);z-index:0}
.explore-star-symbol{display:block;position:relative;z-index:1;color:#48101b;opacity:1}
.explore-star-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);padding:13px 24px;background:transparent;color:#eae5d9;border:0;box-shadow:none;z-index:2;font:clamp(24px,2.8vw,36px)/1.15 Mari,Georgia,serif;white-space:nowrap;letter-spacing:-.5px}
@media(max-width:800px){.explore-teaser .compass{position:relative;top:auto;right:auto;font-size:250px;margin:35px auto -10px}.explore-star-label{font-size:25px;padding:11px 18px}}
