:root{--navy:#071f3d;--navy2:#0c3157;--coral:#ff6546;--mint:#3ddc97;--yellow:#ffd447;--sky:#dff5ff;--cream:#fff9ef;--ink:#10243b;--muted:#647386;--white:#fff;--line:#dfe6eb;--radius:22px;--shadow:0 22px 60px rgba(7,31,61,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
.skip-link{position:fixed;left:12px;top:-60px;background:#fff;padding:12px;z-index:100}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(255,249,239,.9);backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid rgba(7,31,61,.07)}
.brand{display:flex;flex:0 0 auto;align-items:center;gap:9px;text-decoration:none;color:var(--navy);font:800 24px Manrope}
.brand img{object-fit:contain}
.desktop-nav{display:flex;flex:1 1 auto;justify-content:space-evenly;gap:clamp(12px,2vw,34px);min-width:0;margin-inline:clamp(14px,2vw,32px)}
.desktop-nav a,.desktop-nav button,footer a{color:var(--ink);text-decoration:none;font-weight:600}
.desktop-nav a,.desktop-nav button{min-width:0;text-align:center}
.desktop-nav button{border:0;background:transparent;padding:0;cursor:pointer}
.desktop-nav a:hover,.desktop-nav button:hover{color:var(--coral)}
.header-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}
.language-select select{border:0;background:transparent;font-weight:700;color:var(--navy);padding:10px}
.button{border:0;border-radius:999px;padding:12px 20px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s transform,.2s box-shadow}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--navy);color:#fff}
.button-coral{background:var(--coral);color:#fff;box-shadow:0 10px 24px rgba(255,101,70,.24)}
.button-light{background:#fff;color:var(--navy);border:1px solid var(--line)}
.button-danger{background:#a52d1e;color:#fff;box-shadow:0 10px 24px rgba(165,45,30,.2)}
.button-ghost{background:transparent;color:var(--navy)}
.button-large{padding:16px 25px}
.page{display:none;min-height:70vh}
.page.is-active{display:block}
.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:5vw;padding:62px clamp(24px,7vw,112px) 90px;overflow:hidden}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:2px;color:var(--coral)}
.eyebrow span,.eyebrow i{width:28px;height:3px;border-radius:5px;background:currentColor;display:block}
.hero h1,.inner-hero h1,.join-card h1{font:800 clamp(54px,6vw,92px)/.95 Manrope;margin:20px 0 24px;letter-spacing:-5px;color:var(--navy)}
h1 em,h2 em{font-style:normal;color:var(--coral)}
.hero-copy>p{font-size:19px;line-height:1.65;max-width:600px;color:var(--muted)}
.hero-actions{display:flex;gap:12px;margin:34px 0}
.hero-proof{display:flex;align-items:center;gap:14px;margin-top:32px}
.avatars{display:flex}
.avatars span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--mint);border:3px solid var(--cream);margin-left:-7px;font-size:11px;font-weight:800}
.avatars span:nth-child(2){background:var(--yellow)}
.avatars span:nth-child(3){background:var(--coral);color:#fff}
.hero-proof p{font-size:12px;line-height:1.4;color:var(--muted)}
.hero-proof strong{color:var(--navy)}
.hero-visual{min-height:540px;position:relative}
.sun{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--yellow);right:2%;top:2%;opacity:.85}
.cloud{position:absolute;width:85px;height:28px;border-radius:50px;background:white;filter:drop-shadow(0 8px 12px rgba(0,0,0,.06))}
.cloud:before{content:"";position:absolute;width:38px;height:38px;background:#fff;border-radius:50%;left:16px;top:-17px}
.cloud-one{left:3%;top:10%}
.cloud-two{right:2%;bottom:18%;transform:scale(.75)}
.map-board{position:absolute;inset:8% 4% 4% 7%;background:#e9e1c8;border:10px solid #fff;border-radius:45px;box-shadow:var(--shadow);transform:rotate(4deg);overflow:visible}
.map-grid,.mini-map .map-grid{position:absolute;inset:0;border-radius:inherit;opacity:.52;background:linear-gradient(25deg,transparent 48%,#c9c1a8 49%,#c9c1a8 51%,transparent 52%) 0 0/90px 65px,linear-gradient(-20deg,transparent 48%,#d0c7ae 49%,#d0c7ae 51%,transparent 52%) 0 0/110px 80px}
.river{position:absolute;width:70px;height:110%;background:#a7dff1;left:38%;top:-5%;transform:rotate(24deg);border:5px solid rgba(255,255,255,.5)}
.park{position:absolute;background:#98d7a8;border-radius:50%}
.park-a{width:150px;height:120px;right:10%;top:13%}
.park-b{width:115px;height:130px;left:8%;bottom:9%}
.route-line{position:absolute;inset:20% 18%;border:7px dashed var(--coral);border-left-color:transparent;border-radius:45% 30% 55% 35%;transform:rotate(-11deg)}
.map-pin{position:absolute;width:62px;height:62px;border-radius:50% 50% 50% 12%;border:6px solid white;transform:rotate(-45deg);box-shadow:0 10px 22px rgba(7,31,61,.23);display:grid;place-items:center;color:var(--navy);z-index:2}
.map-pin span{transform:rotate(45deg);font-size:20px;font-weight:900}
.pin-a{background:var(--yellow);left:14%;top:17%}
.pin-b{background:var(--coral);right:12%;top:42%;color:#fff}
.pin-c{background:var(--mint);left:34%;bottom:8%}
.player-dot{position:absolute;left:48%;top:40%;width:34px;height:34px;border-radius:50%;border:7px solid white;background:#357cff;box-shadow:0 0 0 12px rgba(53,124,255,.18)}
.score-float{position:absolute;right:-8%;bottom:2%;background:white;border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);transform:rotate(-4deg);z-index:3}
.score-float>span{width:40px;height:40px;background:var(--yellow);border-radius:12px;display:grid;place-items:center}
.score-float p{margin:0;display:grid}
.score-float small{font-size:9px;color:var(--muted);font-weight:800}
.score-float strong{font-size:13px}
.score-float b{color:var(--mint)}
.hero-sticker{position:absolute;right:0;top:1%;width:100px;height:100px;background:var(--navy);border-radius:50%;color:#fff;display:grid;place-content:center;text-align:center;font-size:10px;transform:rotate(12deg)}
.hero-sticker strong{font-size:13px}
.game-types{padding:90px clamp(24px,7vw,112px);background:#fff}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
.section-heading h2,.steps h2,.discover-teaser h2{font:800 clamp(39px,4vw,64px)/1.02 Manrope;letter-spacing:-3px;margin:16px 0 0}
.section-heading>p{max-width:430px;color:var(--muted);font-size:17px;line-height:1.6}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;max-width:1200px;margin-inline:auto}
.game-card{min-height:315px;padding:22px;border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.game-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.game-card.coral{background:#ffe4dc}
.game-card.yellow{background:#fff0bd}
.game-card.mint{background:#d8f8e9}
.game-card.blue{background:#ddebff}
.game-card.navy{background:#d8f8e9}
.game-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.game-kind,.game-access{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.game-kind{background:rgba(255,255,255,.58);color:var(--navy)}
.game-access{background:var(--navy);color:#fff;letter-spacing:0;text-transform:none}
.game-card[data-access="premium"] .game-access{background:var(--coral)}
.game-card[data-access="business"] .game-access{background:#5635a5}
.game-icon{font:800 46px Manrope;margin:27px 0 14px}
.game-card h3{font:800 23px Manrope;margin:0 0 10px}
.game-card p{margin:0 0 22px;line-height:1.5;color:#465b70}
.game-card button{margin-top:auto;padding:0;background:none;border:0;text-align:left;font-weight:800;color:var(--navy);cursor:pointer}
.game-card button>span:last-child{float:right;font-size:0}
.game-card button>span:last-child::after{content:'\2192';font-size:20px;line-height:1}
.steps{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff;min-height:680px;padding:90px clamp(24px,8vw,130px);gap:10vw;align-items:center}
.steps-art{height:440px;border-radius:50%;background:var(--mint);position:relative;display:grid;place-items:center;overflow:hidden}
.steps-art:before{content:"";position:absolute;width:75%;height:75%;border:2px dashed rgba(7,31,61,.3);border-radius:50%}
.steps-art img{width:240px;filter:drop-shadow(0 22px 20px rgba(0,0,0,.25));z-index:1}
.orbit span{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font-weight:900;z-index:2}
.orbit span:nth-child(1){left:9%;top:17%}
.orbit span:nth-child(2){right:7%;top:42%;background:var(--coral);color:white}
.orbit span:nth-child(3){left:26%;bottom:6%;background:white}
.eyebrow.light{color:var(--mint)}
.steps h2{color:#fff}
.steps-copy ol{list-style:none;padding:0;margin:36px 0}
.steps-copy li{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.steps-copy li>b{width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;color:var(--mint)}
.steps-copy strong{font:700 18px Manrope}
.steps-copy p{margin:5px 0;color:#a9bacb}
.discover-teaser{margin:90px clamp(24px,7vw,112px);padding:60px;background:var(--yellow);border-radius:32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}
.discover-teaser p{color:#655521}
.location-search{background:white;padding:24px;border-radius:20px;box-shadow:var(--shadow)}
.location-search label{display:block;font-weight:800;font-size:13px;margin-bottom:9px}
.location-search>div{display:flex;gap:8px}
.location-search input,.search-main input{width:100%;padding:15px;border:1px solid var(--line);border-radius:12px;outline:none}
.location-search input:focus,input:focus,textarea:focus,select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,101,70,.12)}
.current-location{border:0;background:none;color:var(--navy);font-weight:700;margin-top:16px;cursor:pointer}
footer{padding:54px clamp(24px,7vw,112px) 110px;background:#fff;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px;border-top:1px solid var(--line)}
footer p{color:var(--muted)}
footer nav{display:flex;flex-wrap:wrap;gap:12px 22px}
footer small{color:var(--muted);line-height:1.6}footer small a{color:var(--navy);font-weight:800}
.inner-page{padding:60px clamp(24px,7vw,112px) 100px}
.inner-hero{text-align:center;max-width:800px;margin:30px auto 50px}
.inner-hero h1{font-size:clamp(48px,6vw,80px)}
.inner-hero p{font-size:18px;color:var(--muted)}
.search-panel{display:grid;grid-template-columns:1fr auto auto;gap:12px;background:var(--navy);padding:18px;border-radius:20px;max-width:1000px;margin:auto;align-items:end}
.search-main label{color:#fff;font-size:12px;font-weight:800;display:block;margin:0 0 7px 4px}
.search-main input{background:#fff}
.filter-row{display:flex;gap:9px;overflow:auto;padding:26px 0 18px;max-width:1200px;margin:auto}
.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;color:var(--ink);cursor:pointer}
.chip.active{background:var(--navy);color:#fff}
.results-heading{max-width:1200px;margin:20px auto;display:flex;justify-content:space-between;align-items:center}
.results-heading h2{font:800 26px Manrope}
.results-heading select{border:1px solid var(--line);padding:10px;border-radius:10px;background:white}
.discover-sort{display:grid;justify-items:end;gap:7px}.discover-sort>label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.discover-location{display:flex;gap:6px}.discover-location input{width:180px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.discover-location .button{margin:0;padding:9px 11px;white-space:nowrap}.discover-sort>small{min-height:16px;color:var(--muted)}.game-play-count{font-weight:900}.game-distance-from-user{color:#08734c;font-weight:900}@media(max-width:760px){.results-heading{align-items:stretch;flex-direction:column}.discover-sort{justify-items:stretch}.discover-sort>label{justify-content:space-between}.discover-location{display:grid;grid-template-columns:1fr 1fr}.discover-location input{grid-column:1/-1;width:100%}.discover-location .button{width:100%}}
.result-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.result-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s;cursor:pointer;display:flex;flex-direction:column;height:100%}
.result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.result-art{height:165px;padding:18px;position:relative;background:var(--sky);overflow:hidden}
.result-art:before{content:"";position:absolute;width:180px;height:180px;border:25px solid rgba(255,255,255,.55);border-radius:50%;right:-35px;top:-40px}
.result-art .badge{position:relative;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}
.result-art .distance{position:absolute;bottom:14px;right:14px;background:var(--navy);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px}
.result-body{padding:20px;display:flex;flex:1;flex-direction:column}
.result-body h3{font:800 20px Manrope;margin:0 0 7px}
.result-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.result-title h3{min-width:0}.premium-only-badge{flex:none;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #e3b72c;border-radius:999px;background:#fff0bd;color:#684900;font-size:9px;font-weight:900;line-height:1.2;white-space:nowrap}
.result-body p{color:var(--muted);font-size:14px;line-height:1.5}
.meta{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-top:16px}
.wizard-top{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:auto auto 35px}
.wizard-top h1{font:800 44px Manrope;margin:8px 0}
.wizard-top p{color:var(--muted);margin:0}
.wizard-top .game-version-meta,.game-version-meta{margin-top:7px;color:var(--navy);font-size:13px;font-weight:750}
.start-version-meta{margin:-6px 0 18px;padding:10px 12px;border-radius:12px;background:var(--cream);color:var(--muted);font-size:13px;line-height:1.45}
.start-version-meta strong{color:var(--navy)}
.save-state{font-size:13px;color:var(--muted)}
.save-state span{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;margin-right:7px}
.wizard-layout{display:grid;grid-template-columns:280px 1fr;max-width:1160px;margin:auto;gap:28px}
.wizard-steps{display:flex;flex-direction:column;gap:8px}
.wizard-steps button{border:0;background:transparent;padding:13px;text-align:left;display:flex;gap:13px;border-radius:14px;cursor:pointer;color:var(--muted)}
.wizard-steps button.active{background:white;color:var(--navy);box-shadow:0 5px 20px rgba(7,31,61,.06)}
.wizard-steps b{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.wizard-steps .active b{background:var(--coral);color:#fff;border-color:var(--coral)}
.wizard-steps span{font-weight:800}
.wizard-steps small{display:block;font-weight:400;margin-top:3px}
.wizard-card{background:#fff;border-radius:24px;box-shadow:var(--shadow);min-height:580px;display:flex;flex-direction:column}
.wizard-pane{display:none;padding:45px 55px;flex:1}
.wizard-pane.active{display:block}
.step-kicker{font-size:11px;letter-spacing:1.5px;font-weight:900;color:var(--coral)}
.wizard-pane h2{font:800 32px Manrope;margin:9px 0}
.wizard-pane>p{color:var(--muted);margin-bottom:28px}
.wizard-pane label{display:block;font-weight:700;margin:18px 0;position:relative}
.wizard-pane input,.wizard-pane textarea,.wizard-pane select{display:block;width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:8px;background:#fff}
.wizard-pane textarea{height:110px;resize:vertical}
.wizard-pane label>small{position:absolute;right:10px;bottom:10px;color:var(--muted);font-weight:400}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.type-picker{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.type-picker button{padding:23px;text-align:left;border:2px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;display:grid;grid-template-columns:45px 1fr}
.type-picker button.selected{border-color:var(--coral);background:#fff8f5}
.type-picker button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
.type-picker .business-game-type{position:relative}.type-picker .business-game-type>span{grid-column:2;margin-top:7px;width:max-content;padding:3px 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:10px;font-weight:900}.type-picker .is-plan-locked{opacity:.72;background:#f6f7f8}.type-picker .is-plan-locked::after{content:'🔒';position:absolute;right:13px;top:13px}
.type-picker i{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:var(--yellow);display:grid;place-items:center;font-style:normal;font-weight:900}
.territory-waypoint-settings{display:grid;grid-template-columns:minmax(120px,.4fr) 1fr;gap:14px;align-items:end}.territory-waypoint-settings .review-check{margin:0 0 9px}.territory-waypoint-settings input[type="number"]{width:100%}
.territory-scoring-settings{display:grid;gap:9px;margin:18px 0 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}.territory-scoring-settings legend{padding:0 7px;color:var(--navy);font:800 15px Manrope}.territory-score-option{padding:13px;border:1px solid #d9e4ee;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}.territory-score-option.is-selected{border-color:#159b68;box-shadow:0 0 0 1px rgba(21,155,104,.08)}.login-form .territory-score-option>label{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;margin:0;cursor:pointer}.login-form .territory-scoring-settings input[type="radio"]{width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--coral)}.territory-scoring-settings span{display:grid;gap:3px}.login-form .territory-scoring-settings small{margin-top:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45}.territory-card-bonus{display:grid;gap:8px;margin:10px 0 0 28px;padding-top:9px;border-top:1px solid var(--line)}.login-form .territory-card-bonus>label:first-child{display:grid;grid-template-columns:15px minmax(0,1fr);gap:7px;align-items:start;margin:0;cursor:pointer}.login-form .territory-card-bonus input[type="checkbox"]{width:15px;height:15px;margin:2px 0 0;padding:0;accent-color:var(--coral)}.territory-card-bonus strong{font-size:12px}.login-form .territory-bonus-factor{margin:0;font-size:12px;font-weight:700}.territory-bonus-factor[hidden]{display:none!important}.territory-bonus-factor>span{display:flex;align-items:center;gap:7px}.login-form .territory-bonus-factor input{width:74px;margin:0;padding:7px 9px;font-size:13px}.territory-bonus-factor b{font-size:14px}.login-form .territory-bonus-factor small{margin-top:4px;font-size:11px}
.type-picker small{color:var(--muted)}
.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.language-grid label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:15px;margin:0}
.language-grid input{width:auto;margin:0}
.language-grid small{display:block;position:static;color:var(--coral)}
.info-box{margin-top:22px;padding:16px;background:#fff7d6;border-radius:12px;color:#6c5913;font-size:14px}
.rule-list>label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}
.rule-list label select{width:220px;margin:0}
.rule-list small{position:static;display:block;margin-top:4px}
.advanced{width:100%;padding:18px 0;border:0;background:none;text-align:left;font-weight:800;cursor:pointer}
.advanced span{float:right}
.session-advanced{margin:8px 0 18px;padding:0 16px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbff}.session-advanced summary{padding:14px 0;cursor:pointer;font-weight:800}.session-advanced label{margin-top:12px}
.session-basics{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.session-basics .review-check{grid-column:1/-1}.session-advanced{padding:0 20px 20px;border:2px solid #dce7ee;border-radius:18px;background:#f8fbfd}.session-advanced>summary{padding:18px 2px;list-style:none}.session-advanced>summary::-webkit-details-marker{display:none}.session-advanced>summary span{display:flex;justify-content:space-between;align-items:center;gap:12px}.session-advanced>summary span:after{content:'＋';font-size:20px}.session-advanced[open]>summary span:after{content:'−'}.session-advanced>summary small,.question-points-advanced summary small{display:block;color:var(--muted);font-weight:500}.session-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:4px}.session-advanced-grid>section{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.session-advanced-grid h3,.questionnaire-session-options h3{margin:0;font:800 18px Manrope}.message-permissions{margin-top:18px}.questionnaire-session-options{margin-top:18px;padding:18px;border-radius:16px;background:#fff}.questionnaire-session-options>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.questionnaire-session-options>header p{max-width:570px;margin:4px 0 0;color:var(--muted);font-size:13px}.questionnaire-session-options>header>output{flex:none;padding:7px 10px;border-radius:999px;background:var(--mint);color:#08734c;font-size:12px;font-weight:900}.questionnaire-picker{display:grid;gap:10px;margin-top:14px}.questionnaire-picker>article{padding:13px;border:1px solid var(--line);border-radius:13px;transition:.15s}.questionnaire-picker>article.is-selected{border-color:#159b68;background:#f4fcf8}.questionnaire-use{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0!important}.questionnaire-use>input{width:auto!important;margin:0!important}.questionnaire-use>span{display:grid}.questionnaire-use small{color:var(--muted)}.questionnaire-use output{font-size:12px;font-weight:900;color:#08734c}.questionnaire-picker fieldset{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0 30px;padding:0;border:0}.questionnaire-picker fieldset legend{margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:800}.questionnaire-picker fieldset label{display:flex;align-items:center;gap:6px;margin:0;padding:7px 9px;border-radius:9px;background:#eef3f6;font-size:12px}.questionnaire-picker fieldset input{width:auto;margin:0}.questionnaire-picker fieldset small{padding:1px 6px;border-radius:999px;background:#fff}.questionnaire-effects{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.questionnaire-effects[hidden],.question-point-values[hidden]{display:none}.questionnaire-effects h4{margin:0;font:800 16px Manrope}.question-points-advanced{margin-top:14px;padding:0 13px 12px;border:1px dashed #b8c8d2;border-radius:12px}.question-points-advanced>summary{padding:12px 0;cursor:pointer}.question-points-advanced>summary span{display:grid}.question-point-values{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.question-point-values label span{display:flex;align-items:center;gap:5px}.question-point-values input{min-width:0}.question-point-values b{color:var(--muted);font-size:11px}.question-points-advanced>p,.advanced-empty{color:var(--muted);font-size:12px}.advanced-empty{margin:8px 0 0}@media(max-width:700px){.session-basics,.session-advanced-grid,.question-point-values{grid-template-columns:1fr}.questionnaire-session-options>header{display:grid}.questionnaire-use{grid-template-columns:auto minmax(0,1fr)}.questionnaire-use output{grid-column:2}.questionnaire-picker fieldset{margin-left:0}}
.geodrop-advanced .session-advanced-grid{align-items:start}.geodrop-advanced .session-advanced-grid>section{display:grid;align-content:start;gap:16px;padding:20px}.geodrop-advanced .session-advanced-grid h3{padding-bottom:12px;border-bottom:1px solid var(--line)}.geodrop-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.geodrop-number-setting{display:grid;align-content:start;gap:7px;margin:0!important}.geodrop-number-setting>span{font-weight:800}.geodrop-number-setting input{width:100%;margin:0!important}.geodrop-number-setting small{position:static;line-height:1.4}.geodrop-option{display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:11px;margin:0!important;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.geodrop-option>input{width:18px!important;height:18px;margin:2px 0 0!important}.geodrop-option>span{display:grid;gap:3px}.geodrop-option strong{line-height:1.3}.geodrop-option small{position:static;line-height:1.4}.geodrop-option-wide{grid-column:1/-1}.geodrop-advanced [hidden]{display:none!important}@media(max-width:700px){.geodrop-setting-grid{grid-template-columns:1fr}.geodrop-advanced .session-advanced-grid>section{padding:16px}}
.mini-map{height:290px;border-radius:16px;background:#e7dfc8;position:relative;overflow:hidden;display:grid;place-items:center}
.add-location{z-index:2;padding:15px 20px;border:0;border-radius:99px;background:var(--navy);color:white;font-weight:800;cursor:pointer}
.wizard-nav{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.wizard-nav>span{font-size:12px;color:var(--muted)}
.join-page{padding:70px 20px 120px;background:var(--sky)}
.join-card{width:min(500px,100%);margin:auto;background:#fff;border-radius:30px;padding:38px 48px;text-align:center;box-shadow:var(--shadow)}
.brand.centered{justify-content:center}
.join-label{display:block;color:var(--coral);font-size:11px;font-weight:900;letter-spacing:2px;margin-top:35px}
.join-card h1{font-size:54px;letter-spacing:-3px}
.join-card p{color:var(--muted)}
.join-card form{text-align:left}
.join-card label{font-size:13px;font-weight:800}
.join-card input{width:100%;border:1px solid var(--line);border-radius:14px;padding:18px;text-transform:uppercase;letter-spacing:8px;text-align:center;font:800 24px Manrope;margin:8px 0 14px}
.join-card form .button{width:100%}
.join-divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:22px 0}
.join-divider:before,.join-divider:after{content:"";height:1px;background:var(--line);flex:1}
.qr-button{width:100%;border:1px solid var(--line);background:#fff;border-radius:999px;padding:14px;font-weight:800;cursor:pointer;margin-bottom:22px}
.join-card>small{color:var(--muted)}
.mobile-nav{display:none}
dialog{border:0;border-radius:24px;padding:40px;box-shadow:var(--shadow);max-width:480px;color:var(--ink)}
dialog::backdrop{background:rgba(7,31,61,.68);backdrop-filter:blur(4px)}
.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:27px;cursor:pointer}
#modal:has(#start-session-form){width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 32px);padding:42px 50px;overflow:auto}
#modal:has(#geodrop-setup){width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 32px);padding:42px 50px;overflow:auto}
.geodrop-advanced .session-advanced-grid>section:only-child{grid-column:1/-1}
#start-session-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
#start-session-form>:is(.eyebrow,h2,.start-version-meta,p,.review-check,details,fieldset,button,.form-error){grid-column:1/-1}
#start-session-form>label{min-width:0}
@media(max-width:700px){#modal:has(#start-session-form){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:36px 20px 24px}#start-session-form{grid-template-columns:1fr}#start-session-form>*{grid-column:1}}
@media(max-width:700px){#modal:has(#geodrop-setup){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:36px 20px 24px}.geodrop-advanced .session-advanced-grid{grid-template-columns:1fr}}
.modal-demo h2{font:800 30px Manrope}
.modal-demo .demo-art{height:180px;border-radius:16px;background:var(--mint);display:grid;place-items:center;font-size:70px}
.login-form label{display:block;font-weight:700;margin:14px 0}
.login-form input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;margin-top:6px}
.login-form .button{width:100%;margin-top:10px}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--navy);color:white;border-radius:99px;padding:13px 20px;z-index:100;transition:.3s;box-shadow:var(--shadow)}
.toast.show{transform:translate(-50%,0)}
.reveal{animation:rise .65s both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:none}
}
.plan-prices>small{color:var(--muted);font-weight:700}
.geodrop-setup>fieldset summary{position:relative;padding-right:68px}.geodrop-country-count{position:absolute;right:14px;top:50%;translate:0 -50%;padding:4px 8px;border-radius:999px;background:#edf3f7;color:#607184;font:800 11px Manrope}
.geodrop-visible-team-settings{display:grid;gap:10px;margin:18px 0;padding:16px;border:1px solid #cbdde8;border-radius:16px;background:#eef7fb}.geodrop-visible-team-settings h3,.geodrop-visible-team-settings p{margin:0}.geodrop-visible-team-settings h3{font:800 17px Manrope}.geodrop-visible-team-settings p{color:#536173;font-size:13px;line-height:1.45}.geodrop-visible-team-settings .geodrop-option,.geodrop-visible-team-settings .geodrop-number-setting{margin:0;background:#fff}
.host-geodrop-stage header b{padding:8px 12px;border-radius:10px;background:var(--navy);color:#fff;font-size:22px;font-variant-numeric:tabular-nums}.host-geodrop-stage #host-geodrop-viewer{position:relative;width:100%}.host-geodrop-stage #host-geodrop-viewer>.mly-wrapper,.host-geodrop-stage #host-geodrop-viewer canvas{width:100%!important;height:100%!important}.host-geodrop-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.host-geodrop-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#102b48;color:#fff;font-weight:800}.host-geodrop-loading[hidden]{display:none}
.host-geodrop-stage{display:grid;gap:16px;margin:18px 0}.host-geodrop-stage header{display:flex;justify-content:space-between;align-items:center}.host-geodrop-stage header span{font-weight:900;color:var(--coral)}#host-geodrop-viewer{height:min(58vh,620px);overflow:hidden;border-radius:24px;background:#102b48}.host-geodrop-standings{display:grid;gap:8px}.host-geodrop-standings>div{display:flex;justify-content:space-between;padding:12px 16px;border-radius:12px;background:#f3f6f8}
.host-geodrop-standings[hidden],#host-geodrop-viewer[hidden]{display:none}
.host-geodrop-standings{min-height:min(58vh,620px);align-content:start;padding:26px;border-radius:24px;background:linear-gradient(145deg,#102b48,#173b60);color:#fff}.host-geodrop-standings .geodrop-round-result{display:grid;gap:20px}.geodrop-result-hero,.geodrop-result-place{display:grid;gap:5px;padding:20px 22px;border-radius:18px}.geodrop-result-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#ffcf42;color:#092442}.geodrop-result-hero span,.geodrop-result-place span{grid-column:1/-1;font:800 12px Manrope;text-transform:uppercase;letter-spacing:.08em}.geodrop-result-hero strong{font:900 clamp(22px,3vw,34px) Manrope}.geodrop-result-hero b{font:900 22px Manrope}.geodrop-result-place{background:rgba(255,255,255,.1)}.geodrop-result-place strong{font:800 clamp(19px,2.4vw,28px) Manrope}.geodrop-result-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.geodrop-result-columns>div{display:grid;align-content:start;gap:8px}.geodrop-result-columns h3{margin:0 0 4px;color:#fff}.host-geodrop-standings .geodrop-score-row{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:11px;background:rgba(255,255,255,.1)}.host-geodrop-standings .geodrop-score-row.is-winner{background:rgba(255,207,66,.18);outline:1px solid rgba(255,207,66,.55)}.host-geodrop-standings .geodrop-score-row strong{text-align:right}@media(max-width:720px){.geodrop-result-columns{grid-template-columns:1fr}.geodrop-result-hero{grid-template-columns:1fr}.geodrop-result-hero b{margin-top:4px}.host-geodrop-standings{padding:16px}}
.geodrop-setup>fieldset{display:grid;gap:10px;margin:20px 0;padding:12px;border:1px solid #d9e2e8;border-radius:16px;background:#f7fafb}.geodrop-setup>fieldset>legend{padding:0 8px;color:var(--navy);font:800 14px Manrope}.geodrop-setup>fieldset details{overflow:hidden;border:1px solid #dce5ea;border-radius:13px;background:#fff}.geodrop-setup>fieldset summary{display:grid;grid-template-columns:18px 22px minmax(0,1fr);align-items:center;gap:10px;padding:13px 14px;cursor:pointer;list-style:none;color:var(--navy);font:800 15px Manrope;user-select:none}.geodrop-setup>fieldset summary::-webkit-details-marker{display:none}.geodrop-setup>fieldset summary:before{content:'›';grid-column:1;font-size:24px;line-height:1;transform-origin:center;transition:transform .16s}.geodrop-setup>fieldset details[open]>summary:before{transform:rotate(90deg)}.geodrop-setup>fieldset summary label{display:contents;margin:0}.geodrop-setup>fieldset summary input{grid-column:2;width:18px;height:18px;margin:0;padding:0;accent-color:#1677ed}.geodrop-setup>fieldset summary label{font:inherit}.geodrop-setup>fieldset summary label:not(:has(input)){grid-column:3}.geodrop-setup>fieldset details>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:4px 14px 14px 50px}.geodrop-setup>fieldset details>div .review-check{min-height:40px;margin:0;padding:9px 11px;border-radius:10px;background:#f4f7f9;font-size:13px}.geodrop-setup>fieldset details>div .review-check:hover{background:#eaf3fb}.geodrop-setup>fieldset details>div input{flex:0 0 auto;width:17px;height:17px;margin:0;padding:0;accent-color:#1677ed}@media(max-width:560px){.geodrop-setup>fieldset details>div{grid-template-columns:1fr;padding-left:50px}}
.geodrop-setup>fieldset summary{position:relative;padding-right:68px}.geodrop-country-count{position:absolute;right:14px;top:50%;translate:0 -50%;padding:4px 8px;border-radius:999px;background:#edf3f7;color:#607184;font:800 11px Manrope}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

@media(max-width:1000px){.desktop-nav{display:none}
.hero{grid-template-columns:1fr;padding-top:40px}
.hero-copy{text-align:center}
.hero-copy>p{margin-inline:auto}
.hero-actions,.hero-proof{justify-content:center}
.hero-visual{min-height:470px;max-width:650px;width:100%;margin:auto}
.game-grid{grid-template-columns:1fr 1fr}
.steps{gap:5vw;padding-inline:45px}
.result-grid{grid-template-columns:1fr 1fr}
.wizard-layout{grid-template-columns:1fr}
.wizard-steps{flex-direction:row;overflow:auto}
.wizard-steps button{min-width:160px}
}

@media(min-width:1001px) and (max-width:1450px){
.site-header{gap:8px;padding-inline:24px}
.brand{font-size:21px}
.desktop-nav{gap:12px;margin-inline:10px}
.desktop-nav a,.desktop-nav button{font-size:14px;line-height:1.15}
.header-actions{gap:5px}
.header-actions .button{padding:10px 13px;font-size:14px}
.language-select select{padding-inline:6px}
}

@media(max-width:680px){body{padding-bottom:70px}
.site-header{height:66px;padding:0 16px}
.brand{font-size:21px}
.brand img{width:38px;height:38px}
.desktop-only{display:none}
.header-actions .button{padding:10px 14px}
.hero{padding:42px 20px 65px;min-height:auto}
.hero h1{font-size:52px;letter-spacing:-3.5px}
.hero-copy>p{font-size:17px}
.hero-actions{flex-direction:column}
.hero-visual{min-height:360px}
.map-board{inset:8% 3% 3%;border-width:7px;border-radius:30px}
.score-float{right:-1%;bottom:-4%}
.hero-sticker{width:75px;height:75px}
.game-types{padding:65px 20px}
.section-heading{display:block}
.section-heading>p{margin-top:22px}
.game-grid{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;padding-bottom:0}
.game-card{width:100%;scroll-snap-align:none}
.steps{grid-template-columns:1fr;padding:65px 20px}
.steps-art{height:330px}
.steps-art img{width:180px}
.discover-teaser{margin:55px 15px;padding:38px 22px;grid-template-columns:1fr}
.location-search>div{display:block}
.location-search .button{width:100%;margin-top:8px}
footer{display:block;padding:45px 24px 100px}
footer nav{display:grid;grid-template-columns:1fr 1fr;margin:30px 0}
.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:72px;background:#fff;z-index:50;border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}
.mobile-nav a,.mobile-nav button{border:0;background:none;text-decoration:none;color:var(--muted);font-size:10px;font-weight:700;display:grid;grid-template-rows:24px auto;align-content:center;justify-items:center;gap:3px;min-width:55px}
.mobile-nav [hidden]{display:none!important}
.mobile-nav span{font-size:22px;line-height:1}
.mobile-nav .active{color:var(--coral)}
.mobile-nav .play-action{grid-template-rows:44px auto;transform:translateY(-8px);color:var(--navy)}
.mobile-nav .play-action span{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--coral);color:white;box-shadow:0 8px 20px rgba(255,101,70,.3)}
.inner-page{padding:36px 16px 95px}
.inner-hero{margin:18px auto 35px}
.inner-hero h1{font-size:48px}
.search-panel{grid-template-columns:1fr 1fr}
.search-main{grid-column:1/3}
.result-grid{grid-template-columns:1fr}
.results-heading{align-items:end}
.results-heading h2{font-size:21px}
.results-heading select{max-width:125px}
.wizard-top{display:block}
.save-state{margin-top:12px}
.wizard-top h1{font-size:38px}
.wizard-steps{margin-inline:-16px;padding:0 16px}
.wizard-card{margin-inline:-4px}
.wizard-pane{padding:32px 22px}
.form-grid,.type-picker,.language-grid{grid-template-columns:1fr}
.rule-list>label{display:block}
.rule-list label select{width:100%;margin-top:12px}
.wizard-nav{padding:14px}
.join-page{padding-top:35px}
.join-card{padding:32px 22px}
.join-card h1{font-size:45px}
dialog{width:calc(100% - 28px);padding:30px 22px}
}

.login-form label small{display:block;color:var(--muted);font-weight:400;margin-top:5px}
.message-permissions{display:grid;gap:8px;margin:20px 0 4px;padding:14px;border:1px solid var(--line);border-radius:14px}.message-permissions legend{padding:0 6px;font-weight:800}.message-permissions .review-check{margin:0}.message-permissions>small{color:var(--muted)}
.late-join-start{margin:20px 0 4px!important}.late-join-start small{display:block;margin-top:4px;color:var(--muted);font-weight:400}.host-live-setting{display:flex!important;align-items:center;gap:10px;margin:16px 0!important;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f8fafb}.host-live-setting[hidden]{display:none!important}.host-live-setting input{width:20px;height:20px;accent-color:var(--coral)}.host-live-setting span{display:grid;gap:2px}.host-live-setting small{color:var(--muted);font-weight:400}
.host-messages{display:grid;gap:8px;margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:13px}.host-messages[hidden]{display:none}.host-messages h3{margin:0 0 4px}.host-messages article{display:grid;grid-template-columns:9px 1fr;gap:8px;padding:9px;border-radius:10px;background:#f4f7f9}.host-messages article i{width:9px;height:9px;margin-top:4px;border-radius:50%}.host-messages article strong{font-size:12px}.host-messages article p{margin:3px 0 0;font-size:13px;color:var(--navy)}#host-message-inbox{display:grid;gap:7px;max-height:150px;overflow:auto}.host-messages form{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.host-messages form label{display:grid;gap:4px;margin:0;font-size:12px;font-weight:800}.host-messages form select,.host-messages form textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.host-messages form textarea{min-height:64px;resize:vertical}.host-messages form .button{margin:0}.host-messages form small,#host-message-inbox>small{color:var(--muted)}
.form-error{min-height:20px;color:#b52b1c;font-weight:700;font-size:13px}

.login-form .login-code-input{text-align:center;font:800 30px Manrope;letter-spacing:10px;font-variant-numeric:tabular-nums}

.draft-list{display:grid;gap:8px;margin-top:18px}
.draft-list button{border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;padding:13px;cursor:pointer}
.draft-list small{display:block;color:var(--muted);margin-top:4px}
.account-action-page{min-height:100vh;background:var(--sky);display:grid;place-items:center;padding:25px}
.account-action-page .join-card h1{font-size:44px}
.account-action-page .join-card form{text-align:left}

.visibility-picker{display:grid;gap:10px}
.visibility-picker label{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;padding:15px;margin:0;cursor:pointer}
.visibility-picker label:has(input:checked){border-color:var(--coral);background:#fff8f5}
.visibility-picker input,.review-check input{width:auto;margin:0}
.visibility-picker small{position:static;display:block;color:var(--muted);margin-top:3px}
.review-check{display:flex!important;align-items:center;gap:10px}
.publish-checklist{padding:12px 20px;background:#e5f9ef;border-radius:14px;margin:20px 0}
.publish-checklist p{font-weight:700}
.publish-success{color:#087548;font-weight:800;margin-top:18px}

.join-card #player-name,.join-card select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;margin:8px 0 14px;background:#fff;text-transform:none;letter-spacing:normal;text-align:left;font:inherit}
.publish-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.session-page{background:var(--cream);padding:35px clamp(16px,5vw,70px) 100px}
.session-shell{max-width:1200px;margin:auto}
.session-shell>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.session-heading{display:grid;min-width:0;gap:5px}.session-title-line{display:flex;min-width:0;align-items:baseline;gap:10px}.session-title-line h1{min-width:0;overflow-wrap:anywhere}
.host-session-logo{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font:800 22px Manrope}.host-session-logo img{width:64px;height:64px;object-fit:contain}.host-session-logo+div{flex:1;margin-left:22px}
.session-shell h1{font:800 clamp(32px,4vw,54px) Manrope;margin:8px 0}
.session-shell header p{color:var(--muted)}
#session-code{color:var(--navy);font:900 clamp(30px,4vw,54px)/1 Manrope;letter-spacing:.14em}
.session-code-line{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.session-code-line #copy-session-code{display:inline-grid!important;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;border:2px solid var(--navy);border-radius:9px;background:#fff;color:var(--navy);cursor:pointer;font:800 19px/1 system-ui;transition:.18s}.session-code-line #copy-session-code:hover{border-color:var(--coral);background:#fff4ef}.session-code-line #copy-session-code.is-copied{border-color:#159b68;background:#e2f8ed;color:#08734c}
.session-status{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--coral)}
.session-timer{font:800 38px Manrope;background:var(--navy);color:#fff;padding:15px 23px;border-radius:18px}
.session-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.session-map{height:500px;border-radius:24px;background:#e7dfc8;position:relative;overflow:hidden;display:grid;place-items:center}
.session-map-message{position:relative;z-index:2;background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:var(--shadow);display:grid;gap:5px}
.session-map-message span{font-size:40px;color:var(--coral)}
.session-map-message small{color:var(--muted)}
.lobby-panel{background:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.lobby-panel h2{font:800 23px Manrope}
.lobby-panel h2 span{float:right;background:var(--yellow);border-radius:99px;padding:3px 10px}
.player-list{display:grid;gap:8px;margin:18px 0}
.player-list[hidden],.lobby-panel h2[hidden]{display:none!important}
.player-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px}
.host-player-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px}.team-player-row .host-player-avatar{grid-column:auto}.zonvado-avatar{display:block;overflow:visible}
.team-player-row:has(.host-player-avatar){grid-template-columns:12px 32px minmax(70px,1fr) auto auto auto}
@media(max-width:760px){.team-player-row:has(.host-player-avatar){grid-template-columns:12px 32px minmax(0,1fr) auto}.team-player-row:has(.host-player-avatar) .player-moderation{grid-column:3/5}}
.player-color{width:12px;height:12px;border-radius:50%}
.player-row small{margin-left:auto;color:var(--muted);text-transform:uppercase}
.host-gps{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:800;color:#8a4b00;white-space:nowrap}.host-gps i{width:9px;height:9px;border-radius:50%;background:#f0a323;box-shadow:0 0 0 3px rgba(240,163,35,.14)}.host-gps.is-ok{color:#08734c}.host-gps.is-ok i{background:#159b68;box-shadow:0 0 0 3px rgba(21,155,104,.14)}.player-row .host-gps+small{margin-left:0}
.lobby-panel #host-controls{display:grid;gap:8px;margin-top:20px}
.lobby-panel #host-controls[hidden]{display:none}
@media(max-width:760px){.session-shell>header{align-items:end}
.host-session-logo strong{display:none}.host-session-logo+div{margin-left:8px}
.session-timer{font-size:25px;padding:11px}
.session-grid{grid-template-columns:1fr}
.session-map{height:330px}
.lobby-panel{order:-1}
}


/* Keep large source images and decorative elements inside the viewport. */
html,body{max-width:100%;overflow-x:hidden}
.cookie-consent{position:fixed;z-index:7000;inset:auto 18px 18px;display:flex;justify-content:center;pointer-events:none}.cookie-consent[hidden]{display:none}.cookie-consent>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(100%,1080px);padding:18px;border:2px solid var(--navy);border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(7,31,61,.28);pointer-events:auto}.cookie-consent>div>span{font-size:32px}.cookie-consent section strong{font:800 18px Manrope}.cookie-consent p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.cookie-consent p a{color:var(--navy);font-weight:800}.cookie-consent>div>div{display:flex;gap:8px}.cookie-consent .button{width:auto;margin:0;white-space:nowrap}footer nav button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}footer nav button:hover{text-decoration:underline}@media(max-width:760px){.cookie-consent{inset:auto 10px 74px}.cookie-consent>div{grid-template-columns:auto 1fr;padding:15px}.cookie-consent>div>div{grid-column:1/-1;display:grid}.cookie-consent .button{width:100%;white-space:normal}.cookie-consent>div>span{font-size:27px}}

.site-header{width:100%}

.brand{min-width:0}

.brand img{display:block;width:46px;height:46px;flex:0 0 46px;object-fit:contain}

@media(max-width:680px){.brand img{width:38px;height:38px;flex-basis:38px}
}


.result-card[role="button"]{cursor:pointer}
.result-card[role="button"]:focus-visible{outline:4px solid var(--coral);outline-offset:3px}
.card-link{display:block;margin-top:18px;color:var(--coral)}

.source-language-label{display:grid;gap:8px;max-width:360px;margin:24px 0}
.source-language-label select,.map-search input,.location-item input,.location-item textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;color:var(--ink)}

.map-search{display:flex;gap:10px;margin:24px 0 14px}
.map-search input{flex:1}
.location-map-wrap{position:relative}.location-map{height:430px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#e9e1c8;z-index:1}.map-expand-button{position:absolute;z-index:500;top:12px;right:12px;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(7,31,61,.18);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(7,31,61,.18);color:var(--navy);font:800 13px Manrope;cursor:pointer;backdrop-filter:blur(7px)}.map-expand-button:hover{background:#fff}.location-map-wrap.is-expanded{position:fixed;inset:0;z-index:3000;padding:12px;background:var(--cream)}.location-map-wrap.is-expanded .location-map{width:100%;height:100%;border-radius:16px}.location-map-wrap.is-expanded .map-expand-button{top:24px;right:24px}.map-editor-expanded{overflow:hidden}
.map-help{color:var(--muted);font-size:14px}.route-distance-estimate{margin:8px 0 16px;padding:10px 12px;border-radius:12px;background:#eef8f5;color:#315d54;font-size:13px}.route-distance-estimate strong,.route-distance-estimate small,.transport-advice{display:block}.route-distance-estimate strong{color:#08734c}.route-distance-estimate small{margin-top:3px;color:var(--muted)}.transport-advice{margin-top:8px;line-height:1.7}.transport-modes{margin:16px 0;padding:14px;border:1px solid #dbe3e8;border-radius:14px}.transport-modes legend{font-weight:900}.transport-modes p,.transport-modes>small{color:var(--muted);font-size:13px}.transport-modes>div{display:flex;flex-wrap:wrap;gap:8px}.transport-modes label{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dbe3e8;border-radius:999px;background:#fff;font-weight:800}.transport-modes input{width:auto;margin:0}
.game-question-excel{display:flex;align-items:center;gap:10px;margin:14px 0 20px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.game-question-excel[hidden]{display:none}.game-question-excel>span{display:grid;gap:2px;margin-right:auto}.game-question-excel small{color:var(--muted)}.game-question-import.is-loading{opacity:.6;pointer-events:none}@media(max-width:680px){.game-question-excel{align-items:stretch;flex-direction:column}.game-question-excel .button{width:100%;text-align:center}}
.outdoor-gps-warning{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:14px 16px;border:1px solid #edbd58;border-radius:16px;background:#fff5d8;color:#624600}.outdoor-gps-warning[hidden]{display:none}.outdoor-gps-warning>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:#ffd66e;font-size:20px}.outdoor-gps-warning strong{display:block;margin:1px 0 4px;color:#493300}.outdoor-gps-warning p{margin:0;font-size:14px;line-height:1.5}@media(max-width:680px){.outdoor-gps-warning{padding:13px}.outdoor-gps-warning>span{flex-basis:30px;width:30px;height:30px}}
.location-list{display:grid;gap:14px;margin-top:20px}
.location-item{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}
.location-item header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.location-item header strong{display:flex;align-items:center;gap:8px;flex:1}
.location-name{font-weight:800}
.remove-location{border:0;background:#fff0ed;color:#b63220;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}
.location-coordinates{font-size:13px;color:var(--muted);margin-bottom:14px}
.location-coordinates input{display:inline-block;width:80px;padding:6px}
.location-item label{display:grid;gap:7px;margin-top:12px;font-weight:700}
.location-item textarea{min-height:78px;resize:vertical}
.geodrop-creator-settings{padding:17px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}.geodrop-creator-settings h3{margin:0 0 10px}.geodrop-creator-settings>div{display:grid;grid-template-columns:minmax(180px,.45fr) 1fr;gap:16px;align-items:end}.geodrop-creator-settings label{margin:0}.geodrop-location-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px;border-radius:12px;background:#fff3ef;color:#9c301e;font-weight:800}.geodrop-location-status.is-ready{background:#e5f8ef;color:#126843}.geodrop-location-status .button{width:auto;margin:0;color:var(--navy)}
@media(max-width:700px){.geodrop-creator-settings>div{grid-template-columns:1fr}.geodrop-location-status{align-items:stretch;flex-direction:column}.geodrop-location-status .button{width:100%}}
.geodrop-creator-preview #creator-streetview-preview{width:min(760px,78vw);height:min(520px,62vh);margin-top:16px;border-radius:16px;overflow:hidden;background:#edf2f5}
.leaflet-tooltip{background:var(--navy);color:#fff;border:0;border-radius:50%;font-weight:800}
.leaflet-tooltip:before{display:none}

.save-state[data-state="saving"] span,.save-state[data-state="dirty"] span{background:var(--yellow)}
.save-state[data-state="error"]{color:#b52b1c}
.save-state[data-state="error"] span{background:#b52b1c}
.publish-checklist p.incomplete{color:#9b3425}
.publish-checklist:has(.incomplete){background:#fff3d7}
.button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.map-help.form-error{min-height:0}

@media(max-width:680px){.map-search{display:grid}
.location-map{height:330px}
}

.language-grid label.source-language{border-color:var(--coral);background:#fff5f1}
.language-grid label.source-language input{accent-color:var(--coral)}
.source-badge{display:block;color:var(--coral);font-size:11px;margin-top:4px}

.limit-settings{display:grid;gap:22px;margin-top:30px}
.limit-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}
.limit-card>header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}
.limit-card h3{margin:0 0 5px;font:800 21px Manrope}
.limit-card p,.limit-card>small{margin:0;color:var(--muted)}
.limit-card>header>strong{background:var(--navy);color:#fff;padding:9px 14px;border-radius:999px;text-align:center}
.range-row{display:grid;grid-template-columns:150px 1fr;align-items:end;gap:20px;margin:16px 0}
.range-row label{display:grid;gap:6px;font-weight:700}
.range-row input[type="number"]{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px}
.range-row input[type="range"]{width:100%;accent-color:var(--coral)}

@media(max-width:680px){.limit-card>header{display:grid}
.range-row{grid-template-columns:1fr}
.limit-card>header>strong{justify-self:start}
}

.range-values{display:grid;grid-template-columns:repeat(2,minmax(120px,220px));gap:16px;margin:22px 0 14px}
.range-values label{display:grid;gap:6px;font-weight:700}
.range-values input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px}
.dual-range{--range-start:4%;--range-end:20%;position:relative;height:42px;margin:8px 8px 22px}
.dual-range:before{content:"";position:absolute;left:0;right:0;top:18px;height:8px;border-radius:99px;background:linear-gradient(to right,#dfe6eb 0 var(--range-start),var(--coral) var(--range-start) var(--range-end),#dfe6eb var(--range-end) 100%)}
.dual-range input[type="range"]{position:absolute;inset:0;width:100%;height:42px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}
.dual-range input[type="range"]::-webkit-slider-runnable-track{height:8px;background:transparent}
.dual-range input[type="range"]::-moz-range-track{height:8px;background:transparent}
.dual-range input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border:3px solid #fff;border-radius:50%;background:var(--coral);box-shadow:0 2px 7px rgba(7,31,61,.25);pointer-events:auto;cursor:grab}
.dual-range input[type="range"]::-moz-range-thumb{width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:var(--coral);box-shadow:0 2px 7px rgba(7,31,61,.25);pointer-events:auto;cursor:grab}
.dual-range input[type="range"]:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(255,101,70,.3);outline-offset:3px}
.dual-range #min-teams,.dual-range #min-players{z-index:2}
.dual-range #max-teams,.dual-range #max-players{z-index:3}

@media(max-width:680px){.range-values{grid-template-columns:1fr 1fr}
.dual-range{margin-inline:4px}
}

.account-heading{max-width:1160px;margin:20px auto 38px}
.account-heading h1{font:800 clamp(42px,5vw,68px)/1 Manrope;margin:14px 0}
.account-heading p{color:var(--muted);font-size:18px}
.account-shell{max-width:1160px;margin:auto}
.account-tabs{display:flex;gap:7px;padding:7px;margin-bottom:22px;overflow-x:auto;background:rgba(255,255,255,.7);border:1px solid rgba(214,221,225,.8);border-radius:18px;scrollbar-width:thin}
.account-tabs button{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 15px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:700 13px Manrope;white-space:nowrap;cursor:pointer}
.account-tabs button:hover:not(:disabled){background:#fff;color:var(--navy)}
.account-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(15,37,54,.16)}
.account-tabs button:focus-visible{outline:3px solid rgba(255,101,70,.35);outline-offset:2px}
.account-tabs button:disabled{opacity:.42;cursor:not-allowed}
.account-tabs button small{padding:2px 6px;border-radius:20px;background:#e5e9eb;font:700 9px DM Sans;text-transform:uppercase;letter-spacing:.04em;color:#66747d}
.account-panels{min-height:420px}.account-panel[hidden]{display:none}
.profile-card,.account-games,.account-empty{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.profile-card{max-width:720px}
.account-empty{display:grid;place-items:center;min-height:360px;text-align:center}
.account-empty>span{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:var(--cream);color:var(--coral);font:800 32px Manrope}
.account-empty h2{margin:14px 0 4px;font:800 27px Manrope}.account-empty p{max-width:520px;margin:0;color:var(--muted);line-height:1.6}
.notification-badge,.nav-notification{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--coral);color:#fff;font:800 10px DM Sans;line-height:1}.notification-badge[hidden]{display:none}.account-tabs button[aria-selected="true"] .notification-badge{background:#fff;color:var(--coral)}.nav-notification{margin-left:5px;vertical-align:middle}
.social-editor{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:15px}.social-editor legend{padding:0 7px;font-weight:800}.social-editor>p{margin:0 0 12px;color:var(--muted);font-size:13px}.social-add{display:grid;grid-template-columns:150px 1fr auto;gap:8px}.social-add select,.social-add input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.social-link-list{display:grid;gap:6px;margin-top:10px}.social-link-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#f4f7f9}.social-profile-link{display:grid;min-width:0;color:var(--navy);text-decoration:none}.social-profile-link:hover strong{text-decoration:underline}.social-link-list small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);white-space:nowrap}.social-profile-link b{color:var(--coral);font-size:12px}.social-link-list button{border:0;background:none;color:#a52d1e;font-size:21px;cursor:pointer}
.account-friends{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.account-friends>header h2{margin:0 0 5px;font:800 27px Manrope}.account-friends>header p{margin:0;color:var(--muted)}.friend-request-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;margin:22px 0;padding:16px;border-radius:14px;background:var(--cream)}.friend-request-form label{display:grid;gap:6px;font-weight:700}.friend-request-form input{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.friend-request-form p{grid-column:1/-1;margin:0}.friend-group{margin-top:22px}.friend-group h3{margin:0 0 8px;font:800 15px Manrope}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;margin-top:6px}.friend-row.request{border-color:#ffc8bb;background:#fff8f5}.friend-row.pending{background:#f6f8f9}.friend-person{display:grid;gap:2px;min-width:0;border:0;background:none;color:var(--navy);text-align:left}.friend-person:is(button){cursor:pointer}.friend-person strong{font:800 15px Manrope}.friend-person small{color:var(--muted)}.friend-row>div:last-child{display:flex;gap:6px}.friend-row .button{padding:9px 12px}.friend-remove{border:0;background:none;color:#9b4034;font-size:12px;cursor:pointer}
.friend-profile h2{margin:8px 0 2px}.friend-meta{margin:0;color:var(--muted)}.friend-bio{margin:20px 0;white-space:pre-wrap}.public-socials{display:flex;flex-wrap:wrap;gap:7px}.public-socials a{padding:7px 10px;border-radius:20px;background:var(--cream);color:var(--navy);font-weight:700;text-decoration:none}.friend-profile h3{margin:24px 0 9px}.friend-games{display:grid;gap:7px}.friend-games article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;border:1px solid var(--line);border-radius:11px}.friend-games article>div{display:grid}.friend-games small{color:var(--muted)}
.hosted-session-list{display:grid;gap:10px}.hosted-session{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}.hosted-session.is-active{border-color:#b7ddd0;background:#f4fbf8}.hosted-session>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:2px;min-width:0}.hosted-session strong{font:800 16px Manrope;overflow-wrap:anywhere}.hosted-session small{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.25}.hosted-session .button{flex:none}.hosted-session-actions{display:flex;align-items:center;gap:8px}.session-state{display:flex;align-items:center;gap:6px;width:max-content;margin:0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.session-state i{width:8px;height:8px;border-radius:50%;background:#82909a}.state-lobby{color:#397a9a}.state-lobby i{background:#4ca6d2}.state-active{color:#25805f}.state-active i{background:#31b77f;box-shadow:0 0 0 4px rgba(49,183,127,.13)}.state-paused{color:#9a6a19}.state-paused i{background:#e3a333}.state-finished i{background:#82909a}
@media(max-width:650px){.social-add{grid-template-columns:1fr}.friend-request-form{grid-template-columns:1fr}.friend-row{align-items:flex-start;flex-direction:column}.friend-row>div:last-child{width:100%}.friend-row>div:last-child .button{flex:1}.account-friends{padding:22px}.friend-games article{align-items:stretch;flex-direction:column}.friend-games .button{width:100%}.hosted-session-actions{display:grid;width:100%}}
@media(max-width:650px){.account-heading{margin-bottom:24px}.account-heading h1{font-size:40px}.account-tabs{margin-inline:-10px;border-radius:0;border-inline:0;padding-inline:16px}.account-tabs button{padding-inline:13px}.account-panel,.profile-card,.account-games,.account-empty{border-radius:18px}.account-games>header{display:grid}.account-games>header .button{width:100%;text-align:center}.account-empty{min-height:300px;padding:24px}.hosted-session{display:grid}.hosted-session .button{width:100%}}
.profile-card h2,.account-games h2{font:800 27px Manrope;margin:0 0 20px}
.profile-card label{display:block;font-weight:700;margin:18px 0;position:relative}
.profile-card input,.profile-card textarea{display:block;width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;margin-top:7px;background:#fff}
.profile-card input[readonly]{background:#f3f5f7;color:var(--muted)}
.profile-card textarea{min-height:130px;resize:vertical}
.profile-card label>small{display:block;color:var(--muted);font-weight:400;margin-top:6px}
.profile-card label:has(textarea)>small{text-align:right}
.profile-field{margin:18px 0}.profile-field>label{margin:0}.profile-field>small{display:block;margin-top:6px;color:var(--muted);font-weight:400}.birth-date-control{position:relative;display:block}.birth-date-control>#profile-birth-date{padding-right:58px}.birth-date-control>#profile-birth-date-button{position:absolute;z-index:2;top:50%;right:8px;display:grid;place-items:center;width:42px;height:42px;padding:0;transform:translateY(-50%);border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-size:0;cursor:pointer}.birth-date-control>#profile-birth-date-button::before{content:"";width:19px;height:18px;border:2px solid currentColor;border-radius:4px;background:linear-gradient(currentColor,currentColor) 0 4px/100% 2px no-repeat}.birth-date-control>#profile-birth-date-button::after{content:"";position:absolute;top:10px;width:11px;height:4px;border-left:2px solid currentColor;border-right:2px solid currentColor}.birth-date-control>#profile-birth-date-button:hover,.birth-date-control>#profile-birth-date-button:focus-visible{border-color:var(--coral);color:var(--coral);outline:none}.birth-date-native{position:absolute;width:1px;height:1px;right:28px;bottom:0;opacity:0;pointer-events:none}
.profile-card>.button{margin-right:8px}
.contact-card{margin:0 auto;max-width:820px}.contact-card .form-grid label>small{display:inline;margin:0 0 0 4px}.contact-card select{display:block;width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;margin-top:7px;background:#fff}.contact-captcha span{display:inline-block;margin-left:8px;padding:7px 12px;border-radius:10px;background:#fff0bd}.contact-captcha input{max-width:180px}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.account-games>header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}
.account-games>header h2{margin-bottom:5px}
.account-games>header p{margin:0;color:var(--muted)}
.account-draft-list .account-draft{display:flex;align-items:stretch;gap:10px}
.account-draft-list .draft-open{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:18px;flex:1}
.account-draft-list .play-stat{text-align:center;min-width:85px}
.account-draft-list .play-stat b{display:block;font:800 24px Manrope}
.account-draft-list .open-draft{color:var(--coral);font-weight:800;white-space:nowrap}
.account-draft-list .play-now,.account-draft-list .version-now{align-self:stretch;white-space:nowrap;border-radius:12px}
.account-draft-list .version-now{padding:10px 14px}
.version-history>p{color:var(--muted);line-height:1.5}.version-history-list{display:grid;gap:9px;margin-top:20px}.version-history-list section{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:13px}.version-history-list section.is-current{border-color:#89d9b5;background:#f1fcf7}.version-history-list section>div{display:grid;gap:3px}.version-history-list section>div>span{display:flex;align-items:center;gap:8px}.version-history-list strong{color:var(--navy)}.version-history-list small{color:var(--muted)}.version-history-list em{font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#087548;background:#d8f8e9;border-radius:999px;padding:3px 7px}.version-history-list .button{padding:9px 12px}
.account-draft-list .delete-draft{align-self:stretch;width:42px;border:1px solid #f1c6be;border-radius:12px;background:#fff8f5;color:#a52d1e;font-size:19px;cursor:pointer}.account-draft-list .delete-draft:hover{border-color:#a52d1e;background:#fff}
.draft-list .play-now{border-color:var(--coral);background:var(--coral);color:#fff;padding:13px 22px;text-align:center;box-shadow:0 10px 24px rgba(255,101,70,.24)}
.active-session-list{display:grid;gap:10px;margin-top:20px}.active-session-list button{width:100%;display:grid;grid-template-columns:1fr auto;gap:18px;text-align:left}.active-session-list small{color:var(--muted);font-weight:500}.active-session-list strong{color:var(--navy)}
.played-session-list{gap:5px!important}.played-session-list button{padding:9px 11px!important;border-radius:10px!important}.played-session-list button span{gap:1px!important}.played-session-list button strong{font-size:13px}.played-session-list button small{font-size:11px;line-height:1.25}.played-session-list button b{font-size:12px}

@media(max-width:850px){.account-layout{grid-template-columns:1fr}
.account-games>header{align-items:flex-start}
.account-draft-list .account-draft{display:grid;grid-template-columns:1fr auto}
.account-draft-list .draft-open{grid-template-columns:1fr auto}
.account-draft-list .open-draft{grid-column:1/3}
.account-draft-list .play-now,.account-draft-list .version-now{height:auto}
.account-draft-list .version-now{grid-column:1;grid-row:2}
.account-draft-list .delete-draft{grid-column:2;grid-row:2;height:42px}
.profile-card,.account-games{padding:22px}
}


/* Align the coloured range exactly between the thumb centres in Chrome/Safari. */
.dual-range{--thumb-size:26px}

.dual-range:before{left:calc(var(--thumb-size)/2);right:calc(var(--thumb-size)/2);height:6px;top:18px}

.dual-range input[type="range"]::-webkit-slider-runnable-track{height:6px}

.dual-range input[type="range"]::-moz-range-track{height:6px}

.dual-range input[type="range"]::-webkit-slider-thumb{width:var(--thumb-size);height:var(--thumb-size);margin-top:-10px;transition:transform .15s,box-shadow .15s}

.dual-range input[type="range"]::-moz-range-thumb{box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);transition:transform .15s,box-shadow .15s}

.dual-range input[type="range"]:hover::-webkit-slider-thumb{box-shadow:0 3px 10px rgba(7,31,61,.3)}

.dual-range input[type="range"]:hover::-moz-range-thumb{box-shadow:0 3px 10px rgba(7,31,61,.3)}

.dual-range input[type="range"]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}

.dual-range input[type="range"]:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.08)}

.dual-range input[type="range"]:focus-visible::-moz-range-thumb{outline:3px solid rgba(255,101,70,.3);outline-offset:3px}

.wizard-pane .dual-range input[type="range"]{padding:0;border:0;border-radius:0;box-shadow:none}

.map-location-popup{min-width:230px;display:grid;gap:7px}
.map-location-popup strong{font:800 14px Manrope;color:var(--navy)}
.map-location-popup label{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:800}.map-location-popup input{width:100%;min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:9px;color:var(--navy);font:inherit}
.map-location-popup small{color:var(--muted)}
.map-location-popup>div{display:flex;gap:7px;margin-top:3px}
.map-location-popup button{border:0;border-radius:999px;padding:7px 10px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}
.map-location-popup .popup-delete{background:#fff0ed;color:#a52d1e}
.active-player-count{display:inline-flex;align-items:center;margin-left:6px;padding:4px 8px;border-radius:999px;background:#e7f6f1;color:#087153;font-size:11px;white-space:nowrap}.team-list .host-team-card{flex:none;min-height:44px}
.leaflet-marker-icon{cursor:grab}
.leaflet-marker-dragging{cursor:grabbing}

.answer-note{margin-top:12px;padding:13px 15px;border-radius:12px;background:#e5f9ef;color:#087548;font-size:14px}
.choice-editor{margin:18px 0 0;padding:16px;border:1px solid var(--line);border-radius:14px}
.choice-editor legend{padding:0 7px;font-weight:800}
.choice-editor legend small{display:block;color:var(--muted);font-weight:400;margin-top:3px}
.open-answer-matching{display:grid;gap:7px;margin:18px 0 0;padding:14px;border:1px solid var(--line);border-radius:14px}.open-answer-matching legend{padding:0 7px;font-weight:800}.open-answer-matching label{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px;border-radius:10px;background:#f5f7f8;cursor:pointer}.location-item .open-answer-matching input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--coral)}.open-answer-matching span{display:grid;gap:2px}.open-answer-matching strong{font-size:13px}.open-answer-matching small{color:var(--muted);font-size:11px;line-height:1.35}
.choice-row{display:grid;grid-template-columns:24px 1fr 36px;gap:9px;align-items:center;margin:9px 0}
.location-item .choice-row input{margin:0}
.location-item .choice-row input[type="radio"]{width:20px;height:20px;accent-color:var(--coral)}
.remove-choice{width:34px;height:34px;border:0;border-radius:50%;background:#fff0ed;color:#a52d1e;font-size:20px;cursor:pointer}
.remove-choice:disabled{opacity:.35;cursor:not-allowed}
.add-choice{border:0;background:transparent;color:var(--navy);font-weight:800;padding:8px 0;cursor:pointer}

.translation-provider{display:block;color:var(--muted);margin:8px 0 20px}
.translation-field{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.translation-field label{margin:0}
.translation-original{background:var(--cream);border-radius:12px;padding:14px;white-space:pre-wrap;min-height:52px;font-weight:400;margin-top:8px}
.translation-field textarea{height:90px}
@media(max-width:700px){.translation-field{grid-template-columns:1fr}
}
.button[hidden]{display:none!important}
.host-start-button{width:100%;margin:0 0 12px;padding:13px 18px;box-shadow:0 8px 20px rgba(255,101,70,.22)}.host-start-button[hidden]{display:none!important}.team-list{max-height:min(52vh,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c3ca transparent;padding-right:4px}.team-list::-webkit-scrollbar{width:7px}.team-list::-webkit-scrollbar-thumb{border-radius:99px;background:#b8c3ca}.team-list::-webkit-scrollbar-track{background:transparent}
.session-map .leaflet-control{z-index:800}.session-map-message[hidden]{display:none}.team-list{display:grid;gap:8px;margin:10px 0 18px}.team-name-row{display:grid!important;grid-template-columns:12px 12px 1fr auto;align-items:center;gap:9px;margin:0!important}.team-name-row i{width:12px;height:12px;border-radius:50%}.team-name-row input{margin:0!important;padding:9px!important}.team-name-row b{font-size:12px}#fixed-team-count[hidden]{display:none!important}
.host-team-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.host-team-card>.team-name-row{padding:10px;background:#f8fafb}.host-team-card>.team-name-row input{border:0!important;background:transparent!important;font-weight:800}.team-members{display:grid;gap:7px;padding:8px 10px 10px}.team-player-row{display:grid;grid-template-columns:12px minmax(80px,1fr) auto auto;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;background:#fff}.team-player-row>small{color:var(--muted);font-size:11px}.team-player-row .host-gps{margin-left:0}.solo-team-list .host-team-card{border-radius:12px}.host-activity{width:11px;height:11px;border-radius:50%;cursor:help}.host-activity.is-active{background:#159b68;box-shadow:0 0 0 3px rgba(21,155,104,.14)}.host-activity.is-waiting{background:#f0a323;box-shadow:0 0 0 3px rgba(240,163,35,.14)}.host-activity.is-offline{background:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.14)}
.team-player-row.is-kicked,.host-team-card.is-kicked{opacity:.58}.team-player-row strong small{color:#a15c00}.player-moderation{grid-column:2/5;display:flex;gap:6px}.player-moderation button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px 8px;color:var(--navy);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.player-moderation .kick-player{color:#a52d1e;background:#fff4f1}.solo-team-list .player-moderation,.solo-team-list .moderation-state{display:flex;margin:0 10px 10px}.moderation-state{color:#a52d1e;font-size:11px;font-weight:800}.host-messages article small{display:block;color:var(--muted);font-size:10px}.host-messages article.from-host{background:#fff7d6}
.host-team-card>.team-name-row{padding:8px 9px}.team-members{gap:4px;padding:5px 8px 7px}.team-player-row{grid-template-columns:12px minmax(70px,1fr) auto auto auto;gap:7px;padding:6px 7px}.team-player-row>small{font-size:10px}.player-moderation{grid-column:auto;display:flex;gap:4px}.player-moderation button{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;padding:0;font-size:13px;line-height:1}.player-moderation button:hover{background:#eef4f5}.player-moderation span{display:grid;place-items:center}.player-moderation svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player-moderation .player-map-visibility{display:flex;align-items:center;gap:4px;width:auto;height:28px;padding:0 7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;cursor:pointer}.player-map-visibility input{width:13px;height:13px;margin:0;accent-color:#087f8c}.player-map-visibility span{display:inline}.solo-team-list .host-team-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.solo-team-list .team-name-row{min-width:0}.solo-team-list .player-moderation,.solo-team-list .moderation-state{display:flex;margin:0 8px 0 2px}.moderation-state{font-size:10px;white-space:nowrap}
.activity-log-head,.host-messages #host-message-inbox article{display:grid;grid-template-columns:56px minmax(90px,170px) minmax(90px,170px) minmax(0,1fr);align-items:center;gap:12px}.activity-log-head{position:sticky;top:0;z-index:1;padding:3px 9px;background:#fff;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.host-messages #host-message-inbox article{padding:5px 9px;border-radius:6px}.host-messages #host-message-inbox article>*{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-messages #host-message-inbox article time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.host-messages #host-message-inbox article strong,.host-messages #host-message-inbox article .log-player{font-size:11px}.host-messages #host-message-inbox article p{font-size:12px;line-height:1.2}.host-messages #host-message-inbox{gap:2px}
.host-messages #host-message-inbox article p.has-audience{display:flex;align-items:center;gap:7px}.host-messages #host-message-inbox article .log-message-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.host-messages #host-message-inbox article .log-audience{display:inline-block;flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#e8eef2;color:#647386;font-size:9px;font-weight:700;line-height:1.2}
@media(max-width:700px){.activity-log-head,.host-messages #host-message-inbox article{grid-template-columns:42px minmax(70px,110px) minmax(70px,110px) minmax(120px,1fr);gap:7px}}
.host-messages{gap:5px;padding:9px}.host-messages h3{font-size:14px}#host-message-inbox{gap:3px;max-height:118px}.host-messages article{gap:6px;padding:6px 7px;border-radius:7px}.host-messages article p{margin:1px 0 0;font-size:12px;line-height:1.25}.host-messages article strong{font-size:11px}.host-messages form{gap:6px;padding-top:7px}.host-messages form textarea{min-height:48px}
.session-shell>.host-messages{margin:14px 0 0;background:#fff;box-shadow:var(--shadow)}.session-shell>.host-messages #host-message-inbox{max-height:112px}.host-messages-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.host-messages-heading h3{margin:0}.host-messages-heading button{margin:0;padding:5px 9px;border:1px solid #b8c3ca;border-radius:999px;background:#fff;color:var(--navy);font:800 11px DM Sans,sans-serif;cursor:pointer}.host-messages-heading button:hover{border-color:var(--coral);background:#fff4ef}.host-messages-heading button[hidden]{display:none}@media(min-width:761px){body:not(.host-display-mode) .session-shell>.host-messages #host-message-inbox{max-height:clamp(240px,34vh,440px)}}.location-progress-label{border:2px solid #ff6546!important;border-radius:999px!important;background:#fff!important;color:var(--navy)!important;font-weight:900!important;box-shadow:0 2px 7px rgba(7,31,61,.2)!important}.location-progress-label:before{display:none!important}
.start-countdown-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;align-content:center;gap:8px;background:rgba(7,31,61,.94);color:#fff;text-align:center}.start-countdown-overlay[hidden]{display:none}.start-countdown-overlay span{font:800 clamp(28px,5vw,64px) Manrope}.start-countdown-overlay strong{font:900 clamp(110px,24vw,300px)/.85 Manrope;color:var(--yellow)}.start-countdown-overlay small{font-size:clamp(16px,2vw,28px);opacity:.8}.start-countdown-overlay .countdown-cancel{margin-top:20px;min-width:190px}.start-countdown-overlay .countdown-cancel[hidden]{display:none}
.host-fit-map{display:grid;place-items:center;width:34px;height:34px;margin-top:6px;border:2px solid rgba(0,0,0,.2);border-radius:4px;background:#fff;color:var(--navy);font-size:22px;font-weight:800;line-height:1;box-shadow:0 1px 5px rgba(0,0,0,.25);cursor:pointer}.host-fit-map:hover{background:#f4f7f9}
.host-map-filter{display:flex;gap:10px;padding:7px 9px;border:1px solid rgba(7,31,61,.18);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 1px 5px rgba(0,0,0,.18);color:var(--navy);font-size:12px;font-weight:800}.host-map-filter label{display:flex;align-items:center;gap:4px;margin:0;cursor:pointer}.host-map-filter input{width:14px;height:14px;margin:0;accent-color:#087f8c}
.host-display-controls{display:flex;align-items:center;gap:10px}.host-fullscreen{padding:11px 15px;white-space:nowrap}.host-fullscreen span{font-size:12px}
.host-finished-state{position:fixed;inset:0;z-index:6500;display:grid;place-items:center;padding:28px;background:rgba(7,31,61,.94);backdrop-filter:blur(7px);color:var(--navy);text-align:center}.host-finished-state[hidden]{display:none}.host-finished-state article{display:grid;justify-items:center;gap:12px;width:min(100%,620px);padding:38px;border:3px solid var(--navy);border-radius:30px;background:var(--cream);box-shadow:10px 10px 0 var(--yellow)}.host-finished-icon{font-size:70px;line-height:1;filter:drop-shadow(0 5px 0 rgba(7,31,61,.12))}.host-finished-state article>span{color:#d9472a;font-size:12px;font-weight:900;letter-spacing:.16em}.host-finished-state h2{margin:0;font:900 clamp(34px,6vw,58px)/1.05 Manrope}.host-finished-state article>p{max-width:480px;margin:0;color:var(--muted);font-size:18px;line-height:1.5}.host-finished-summary{display:grid;gap:4px;width:100%;margin:6px 0;padding:16px;border-radius:16px;background:#fff}.host-finished-summary strong{font-size:20px}.host-finished-summary small{color:var(--muted)}.host-finished-actions{display:flex;justify-content:center;gap:10px;width:100%}.host-finished-actions button{width:auto;margin:0}@media(max-width:620px){.host-finished-state{padding:18px}.host-finished-state article{padding:28px 20px;border-radius:23px}.host-finished-actions{display:grid}.host-finished-actions button{width:100%}}
.host-header-tools{display:grid;justify-items:end;gap:9px;margin-left:auto}
.host-session-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.host-session-actions>.button{width:auto;margin:0;padding:10px 14px;box-shadow:none;white-space:nowrap}
.host-session-actions .host-live-setting{gap:7px;margin:0!important;padding:8px 11px;border-radius:999px;background:#fff}
.host-session-actions .host-live-setting input{width:18px;height:18px;margin:0}
.host-session-actions .host-live-setting span{display:block}.host-session-actions .host-live-setting small{display:none}
body.host-display-mode{overflow:hidden;background:var(--cream)}body.host-display-mode>.site-header,body.host-display-mode>footer,body.host-display-mode>.mobile-nav{display:none!important}body.host-display-mode .session-page{min-height:100vh;padding:12px 22px}body.host-display-mode .session-shell{max-width:none}body.host-display-mode .session-shell>header{margin-bottom:10px}body.host-display-mode .session-shell h1{font-size:clamp(28px,3vw,44px)}body.host-display-mode .session-grid{height:calc(100vh - 265px)}body.host-display-mode .session-map{height:100%}body.host-display-mode .lobby-panel{max-height:100%;overflow:auto}body.host-display-mode .session-shell>.host-messages{height:118px}
body.host-display-mode .host-messages form{display:none!important}
body.host-display-mode .player-moderation{display:flex!important}body.host-display-mode .player-moderation .kick-player{display:none!important}body.host-display-mode .player-moderation button,body.host-display-mode .player-moderation .player-map-visibility{height:26px}body.host-display-mode .moderation-state{display:inline-flex!important}body.host-display-mode .team-list{align-content:start;grid-auto-rows:max-content}
body.host-display-mode .host-session-logo{display:flex!important}
@media(max-width:760px){.host-display-controls{align-items:flex-end;flex-direction:column}.host-fullscreen span{display:none}body.host-display-mode{overflow:auto}body.host-display-mode .session-grid{height:auto}body.host-display-mode .session-map{height:55vh}}
@media(min-width:761px){body.host-display-mode{height:100dvh;overflow:hidden}body.host-display-mode .session-page{height:100dvh;min-height:0;padding:10px 22px;overflow:hidden}body.host-display-mode .session-shell{display:grid;grid-template-rows:auto minmax(0,1fr) 154px;gap:9px;height:100%;min-height:0}body.host-display-mode .session-shell>header{min-width:0;margin:0;gap:12px}body.host-display-mode .host-session-logo{flex:0 0 auto}body.host-display-mode .host-session-logo+.session-heading{flex:1 1 360px;min-width:180px;margin-left:8px}body.host-display-mode .host-header-tools{min-width:0;max-width:58vw}body.host-display-mode .host-session-actions{max-width:100%}body.host-display-mode .session-grid{height:auto;min-width:0;min-height:0}body.host-display-mode .session-map,body.host-display-mode .lobby-panel{min-width:0}body.host-display-mode .session-map{height:100%;min-height:0}body.host-display-mode .lobby-panel{display:flex;flex-direction:column;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}body.host-display-mode .lobby-panel>*{max-width:100%}body.host-display-mode .lobby-panel>h3{margin:5px 0}body.host-display-mode .team-list{flex:1;min-height:0;max-height:none;margin:4px 0 9px;gap:5px}body.host-display-mode .host-team-card>.team-name-row{padding:4px 7px}body.host-display-mode .team-name-row input{padding:5px!important;font-size:13px}body.host-display-mode .team-name-row b{font-size:11px}body.host-display-mode .host-start-button{flex:0 0 auto;margin-bottom:7px;padding:10px 14px}body.host-display-mode .session-shell>.host-messages{display:grid;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:0;margin:0;overflow:hidden}body.host-display-mode .session-shell>.host-messages h3{margin:0}body.host-display-mode .session-shell>.host-messages #host-message-inbox{min-height:108px;max-height:none;overflow:auto}}
@media(min-width:761px) and (max-width:1280px){body.host-display-mode .session-page{padding-inline:12px}body.host-display-mode .host-session-logo strong{display:none}body.host-display-mode .host-session-logo img{width:48px;height:48px}body.host-display-mode .session-shell h1{font-size:clamp(23px,2.5vw,34px)}body.host-display-mode .host-header-tools{max-width:58vw;gap:5px}body.host-display-mode .host-session-actions{gap:5px}body.host-display-mode .host-session-actions>.button{padding:7px 9px;font-size:11px}body.host-display-mode .host-session-actions .host-live-setting{padding:6px 8px;font-size:11px}body.host-display-mode .host-display-controls{gap:6px}body.host-display-mode .host-waypoint-range{padding:4px 7px;font-size:11px}body.host-display-mode .session-timer{padding:10px 15px;font-size:30px}}
@media(min-width:761px) and (max-width:1600px){
 body.host-display-mode .session-page{padding:9px 14px}
 body.host-display-mode .session-shell{grid-template-rows:auto minmax(0,1fr) 112px;gap:8px}
 body.host-display-mode .session-shell>header{gap:9px}
 body.host-display-mode .host-session-logo img{width:52px;height:52px}
 body.host-display-mode .host-session-logo+div{margin-left:4px}
 body.host-display-mode .session-shell h1{margin:3px 0;font-size:clamp(24px,2.3vw,34px)}
 body.host-display-mode #session-code{font-size:clamp(28px,3vw,43px)}
 body.host-display-mode .session-code-line{margin:2px 0}
 body.host-display-mode .session-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.78fr);gap:12px}
 body.host-display-mode .host-lobby-briefing{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:12px;min-height:0;padding:16px;border-radius:18px}
 body.host-display-mode .lobby-join{align-content:center;padding:10px}
 body.host-display-mode .lobby-join h2{margin:5px 0 14px;font-size:clamp(24px,2.2vw,32px);line-height:1.15}
 body.host-display-mode .lobby-join ol{gap:8px}
 body.host-display-mode .lobby-join li{grid-template-columns:31px minmax(0,1fr);gap:9px;font-size:13px;line-height:1.3}
 body.host-display-mode .lobby-join li>b{width:31px;height:31px;font-size:12px}
 body.host-display-mode .lobby-join :is(.lobby-url-step,.lobby-code-step){padding:12px;border-radius:13px}
 body.host-display-mode .lobby-join .lobby-game-code{font-size:clamp(38px,3.8vw,56px);letter-spacing:.11em}
 body.host-display-mode .lobby-rules{padding:14px;border-radius:14px}
 body.host-display-mode .lobby-rules h3{margin-bottom:6px;font-size:18px}
 body.host-display-mode .lobby-rules dl>div{grid-template-columns:100px minmax(0,1fr);gap:8px;padding:6px 0}
 body.host-display-mode .lobby-rules dt{font-size:10px}
 body.host-display-mode .lobby-rules dd{font-size:11px;line-height:1.25}
 body.host-display-mode .lobby-duration-control{gap:5px}
 body.host-display-mode .lobby-duration-control button{width:24px;height:24px;font-size:15px}
 body.host-display-mode .lobby-duration-control output{min-width:68px}
 body.host-display-mode .lobby-panel{padding:18px;border-radius:18px}
 body.host-display-mode .lobby-panel h3{font-size:17px}
 body.host-display-mode .session-shell>.host-messages{padding:7px 10px}
 body.host-display-mode .session-shell>.host-messages #host-message-inbox{min-height:0}
}
.session-map[hidden],.host-lobby-briefing[hidden]{display:none!important}.host-lobby-briefing{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;min-height:500px;padding:28px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.lobby-join{display:grid;align-content:center;padding:clamp(10px,3vw,35px)}.lobby-join h2{margin:10px 0 24px;font:800 clamp(27px,3vw,42px) Manrope}.lobby-join h2 strong{color:var(--coral)}.lobby-join ol{display:grid;gap:13px;margin:0;padding:0;list-style:none}.lobby-join li{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;font-size:16px;font-weight:700}.lobby-join li>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff}.lobby-join a{color:var(--coral)}.lobby-join li:last-child strong{letter-spacing:.15em}.lobby-rules{padding:22px;border-radius:18px;background:var(--cream)}.lobby-rules h3{margin:0 0 12px;font:800 22px Manrope}.lobby-rules dl{display:grid;gap:0;margin:0}.lobby-rules dl>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.lobby-rules dl>div:last-child{border-bottom:0}.lobby-rules dt{color:var(--muted);font-size:12px;font-weight:800}.lobby-rules dd{margin:0;font-size:13px;font-weight:700}@media(max-width:760px){.host-lobby-briefing{grid-template-columns:1fr;min-height:0;padding:18px}.lobby-join{padding:4px}.lobby-rules dl>div{grid-template-columns:95px 1fr}}
.lobby-join{min-width:0}.lobby-join li{grid-template-columns:38px minmax(0,1fr)}.lobby-join a{overflow-wrap:anywhere}.lobby-join .lobby-url-step,.lobby-join .lobby-code-step{padding:18px;border:2px solid var(--coral);border-radius:18px;background:#fff6f2}.lobby-join .lobby-url-step{align-items:start}.lobby-join .lobby-url-step>span{display:grid;gap:6px}.lobby-join .lobby-url-step a{display:block;color:var(--coral);font:900 clamp(18px,1.7vw,25px)/1.15 Manrope;letter-spacing:-.025em;white-space:nowrap;overflow-wrap:normal}.host-lobby-briefing.has-long-play-url .lobby-url-step a{font-size:clamp(14px,1.2vw,19px);white-space:normal;overflow-wrap:anywhere}.lobby-join .lobby-code-step{margin-top:2px}.lobby-join .lobby-game-code{display:block;max-width:100%;margin-top:4px;color:var(--coral);font:900 clamp(42px,4.5vw,68px)/1 Manrope;letter-spacing:.1em}
.lobby-join h2 strong{overflow-wrap:anywhere;word-break:break-word}.host-lobby-briefing.has-long-play-url .lobby-join h2{font-size:clamp(21px,2.4vw,34px)}
.lobby-game-explanation{max-width:760px;margin:10px 0 18px;color:var(--muted);font-size:15px;font-weight:650;line-height:1.5}
.lobby-rules{display:grid;align-content:start;gap:16px}.lobby-qr{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;padding:13px;border-radius:16px;background:#fff}.lobby-qr img{display:block;width:132px;height:132px;border-radius:8px;image-rendering:pixelated}.lobby-qr img[hidden]{display:none}.lobby-qr.is-unavailable{grid-template-columns:1fr;border:2px dashed #d3dee5}.lobby-qr div{display:grid;min-width:0;gap:4px}.lobby-qr strong{font:800 17px/1.15 Manrope}.lobby-qr small{color:var(--muted);font-size:11px;line-height:1.35}.lobby-qr a{overflow:hidden;color:#31506b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.lobby-qr b{margin-top:4px;color:var(--coral);font:900 23px Manrope;letter-spacing:.12em}.lobby-key-rules h3{margin:0 0 7px;font-size:17px}.lobby-key-rules dl{margin:0}.lobby-key-rules dl>div{padding:7px 0}.lobby-full-rules{grid-column:1/-1;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.lobby-full-rules summary{cursor:pointer;font-weight:900}.lobby-full-rules dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin-top:12px}.lobby-full-rules dl>div{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.lobby-full-rules dt{color:var(--muted);font-size:11px;font-weight:800}.lobby-full-rules dd{margin:0;font-size:12px;font-weight:700}body.host-display-mode .lobby-full-rules{display:none}body.host-display-mode .lobby-rules{gap:9px}body.host-display-mode .lobby-qr{grid-template-columns:104px minmax(0,1fr);padding:9px}body.host-display-mode .lobby-qr.is-unavailable{grid-template-columns:1fr}body.host-display-mode .lobby-qr img{width:104px;height:104px}body.host-display-mode .lobby-qr strong{font-size:15px}body.host-display-mode .lobby-qr b{font-size:19px}@media(max-width:1100px){.lobby-full-rules dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.lobby-join .lobby-url-step a{white-space:normal;overflow-wrap:anywhere}.lobby-qr{grid-template-columns:110px minmax(0,1fr)}.lobby-qr.is-unavailable{grid-template-columns:1fr}.lobby-qr img{width:110px;height:110px}.lobby-full-rules dl{grid-template-columns:1fr}}
@media(min-width:701px) and (max-height:800px){#modal:has(#start-session-form){max-height:calc(100dvh - 16px);padding:25px 38px 20px}#start-session-form>h2{margin:8px 0 12px}.start-version-meta{margin:-3px 0 10px;padding:7px 11px}.session-advanced{margin:4px 0 11px}.session-advanced>summary{padding:12px 2px}}
@media(min-width:761px){body:not(.host-display-mode) .session-page{padding-inline:clamp(18px,3vw,54px)}body:not(.host-display-mode) .session-shell{max-width:1680px}body:not(.host-display-mode) .session-shell>header{display:grid;grid-template-columns:auto minmax(360px,1fr) auto;align-items:center;gap:18px}body:not(.host-display-mode) .host-session-logo{grid-column:1}body:not(.host-display-mode) .host-session-logo+.session-heading{grid-column:2;min-width:0;margin:0}body:not(.host-display-mode) .session-title-line{align-items:center}body:not(.host-display-mode) .session-title-line h1{font-size:clamp(30px,2.8vw,48px);line-height:1.12}body:not(.host-display-mode) #session-code{font-size:clamp(30px,3vw,48px)}body:not(.host-display-mode) .host-header-tools{grid-column:3;max-width:560px;margin:0}body:not(.host-display-mode) .session-grid{grid-template-columns:minmax(0,2.2fr) minmax(320px,.8fr)}body:not(.host-display-mode) .host-lobby-briefing{grid-template-columns:minmax(0,1.4fr) minmax(285px,.72fr);gap:22px}body:not(.host-display-mode) .lobby-join{padding:clamp(20px,3vw,48px)}}
@media(min-width:761px) and (max-width:1100px){body:not(.host-display-mode) .session-shell>header{grid-template-columns:auto minmax(0,1fr)}body:not(.host-display-mode) .host-header-tools{grid-column:1/-1;justify-items:stretch;max-width:none;width:100%}body:not(.host-display-mode) .host-session-actions{justify-content:flex-start}body:not(.host-display-mode) .host-display-controls{justify-content:flex-start}body:not(.host-display-mode) .session-grid{grid-template-columns:minmax(0,1fr) 300px}body:not(.host-display-mode) .host-lobby-briefing{grid-template-columns:1fr}}
.lobby-duration-control{display:inline-flex;align-items:center;gap:8px}.lobby-duration-control button{display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:1px solid #cbd5dc;border-radius:8px;background:#fff;color:var(--navy);box-shadow:none;font:900 18px/1 system-ui}.lobby-duration-control button:hover:not(:disabled){border-color:var(--coral);background:#fff4ef}.lobby-duration-control button:active:not(:disabled){transform:translateY(1px)}.lobby-duration-control button:disabled{opacity:.35;cursor:not-allowed}.lobby-duration-control output{min-width:78px;text-align:center;font-weight:800}
.played-games{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.played-games>header h2{margin:0 0 4px}.played-games>header p{margin:0;color:var(--muted)}.played-session-list{display:grid;gap:8px;margin-top:16px}.played-session-list button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;color:var(--navy);text-align:left;cursor:pointer}.played-session-list button:hover{border-color:var(--coral);background:#fff8f5}.played-session-list button span{display:grid;gap:3px}.played-session-list button small{color:var(--muted)}.played-session-list button b{color:var(--coral);white-space:nowrap}#modal:has(.session-report){width:min(920px,calc(100vw - 32px));max-width:920px;max-height:calc(100dvh - 32px);padding:34px;overflow:auto}.session-report{width:100%;min-width:0;overflow:hidden}.session-report h2{margin:8px 0 3px}.session-report>p{margin:0 0 18px;color:var(--muted)}.report-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.report-highlights section{display:grid;min-width:0;gap:5px;padding:14px;border-radius:13px;background:var(--cream)}.report-highlights small,.report-highlights strong{overflow-wrap:anywhere}.report-highlights small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.report-highlights strong{font:800 17px Manrope}.session-report h3{margin:22px 0 9px}.report-table{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px}.report-row{display:grid;grid-template-columns:minmax(120px,1fr) 65px 65px 100px;min-width:410px;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px}.report-row:last-child{border-bottom:0}.report-head{background:#f4f7f9;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.report-players{display:grid;gap:5px}.report-players>div{display:flex;justify-content:space-between;gap:15px;padding:8px 10px;border-radius:9px;background:#f8fafb;font-size:12px}.report-players>div>span{min-width:0;overflow-wrap:anywhere}.report-players>div>span:first-child{display:grid}.report-players small{color:var(--muted)}.report-distance-note{display:block;margin-top:16px;color:var(--muted);line-height:1.4}@media(max-width:650px){#modal:has(.session-report){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:26px 14px 20px}.report-highlights{grid-template-columns:1fr}.report-row{grid-template-columns:minmax(90px,1fr) 44px 44px 75px;padding-inline:8px}.report-players>div{display:grid}.played-session-list button{align-items:flex-start;flex-direction:column}}
.geodrop-report-table .report-row{grid-template-columns:minmax(130px,1fr) 72px 115px 125px minmax(190px,1.15fr);min-width:720px}.geodrop-report-table .is-ineligible,.geodrop-report .report-players .is-ineligible{color:var(--muted);background:#f3f5f6}.geodrop-report-table .is-ineligible strong{text-decoration:line-through;text-decoration-thickness:1px}.geodrop-report .report-distance-note{padding:12px 14px;border-radius:10px;background:#eef7fb;color:var(--navy)}
.geodrop-round-report{margin-top:22px}.geodrop-round-wins,.geodrop-round-cards{display:grid;gap:8px}.geodrop-round-wins>div,.geodrop-round-cards>article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.geodrop-round-wins>div.is-leader{border-color:#f4cf65;background:#fff8d9}.geodrop-round-wins span,.geodrop-round-cards span{display:grid;gap:2px}.geodrop-round-wins small,.geodrop-round-cards small{color:var(--muted);font-size:11px}.geodrop-round-wins strong{white-space:nowrap}.geodrop-round-cards .button{min-height:38px;padding:8px 13px;white-space:nowrap}.geodrop-round-map-popup{position:fixed;inset:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;border:0;border-radius:0;display:grid;place-items:center;padding:18px;background:rgba(7,31,61,.72);overflow:auto}.geodrop-round-map-popup::backdrop{background:rgba(7,31,61,.4);backdrop-filter:none}.geodrop-round-map-popup>article{width:min(1000px,100%);padding:16px;border-radius:20px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.35)}.geodrop-round-map-popup header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.geodrop-round-map-popup h3,.geodrop-round-map-popup header small{margin:0}.geodrop-round-map-popup header button{width:42px;height:42px;border:0;border-radius:50%;background:#edf1f4;color:var(--navy);font-size:28px;cursor:pointer}.geodrop-round-map-popup #geodrop-report-map{height:min(68vh,620px);border-radius:14px}.geodrop-round-map-popup footer{display:flex;align-items:center;gap:8px;padding:12px 2px 0;font-weight:700}.geodrop-map-target-dot{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px var(--line)}@media(max-width:650px){.geodrop-round-cards>article{align-items:flex-start;flex-direction:column}.geodrop-round-cards .button{width:100%}.geodrop-round-map-popup{padding:6px}.geodrop-round-map-popup>article{padding:10px;border-radius:15px}.geodrop-round-map-popup #geodrop-report-map{height:70vh}.geodrop-report-player-label{font-size:10px}}
.report-download{margin-bottom:4px}.report-answer-frequencies{display:grid;gap:10px}.report-answer-frequencies section{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.report-answer-frequencies section>strong,.report-answer-frequencies section>small{display:block}.report-answer-frequencies section>small{margin-top:3px;color:var(--muted)}.report-answer-frequencies ul{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none}.report-answer-frequencies li{display:flex;justify-content:space-between;gap:15px;padding:7px 9px;border-radius:8px;background:#fff}.report-answer-frequencies li span{overflow-wrap:anywhere}.report-answer-frequencies li b{white-space:nowrap;color:var(--coral)}
.ai-tool{margin:16px 0;padding:0;border:1px solid #c9d8ff;border-radius:16px;background:linear-gradient(135deg,#f7f9ff,#fff);box-shadow:0 8px 24px rgba(55,125,255,.08)}.ai-tool>summary{display:flex;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;list-style:none}.ai-tool>summary::-webkit-details-marker{display:none}.ai-tool>summary>span:last-child{display:grid;gap:2px}.ai-tool>summary small,.ai-tool>form>small,.ai-tool>small{color:var(--muted)}.ai-spark{display:inline-grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:9px;background:#e8edff;color:#5265d9;font-size:17px}.ai-tool>form,.ai-tool[open]>div,.ai-tool[open]>button,.ai-tool[open]>p,.ai-tool[open]>small{margin-inline:15px}.ai-tool>form{display:grid;gap:11px;padding:0 0 15px}.ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-grid label,.translation-provider-choice{display:grid;gap:5px;font-size:12px;font-weight:800}.ai-grid input,.ai-grid select,.translation-provider-choice select{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.questionnaire-ai-tool{padding-bottom:15px}.questionnaire-ai-tool>.ai-grid{margin-bottom:11px}@media(max-width:650px){.ai-grid{grid-template-columns:1fr}}

/* Volwaardige maker- en hostbediening op smalle telefoons. */
@media(max-width:680px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .site-header{gap:8px}.site-header>.brand span{display:none}.header-actions{min-width:0;margin-left:auto;gap:5px}.header-actions .language-select select{padding:7px 5px}.header-actions>a.button-dark{max-width:138px;padding:9px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
 .mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom)}.mobile-nav a,.mobile-nav button{min-width:0;flex:1;min-height:48px;padding:2px;font-size:9px}.mobile-nav span{font-size:20px}
 .create-page{padding-inline:10px}.wizard-top{padding-inline:6px}.wizard-layout{gap:8px}.wizard-steps{position:sticky;top:0;z-index:40;margin-inline:-10px;padding:7px 10px;gap:5px;background:rgba(255,249,239,.96);box-shadow:0 6px 16px rgba(7,31,61,.08);scroll-snap-type:x mandatory;scroll-padding-inline:calc(50vw - 38px);overscroll-behavior-inline:contain}.wizard-steps button{display:grid;justify-items:center;align-content:center;min-width:76px;min-height:57px;padding:5px 4px;gap:2px;scroll-snap-align:center;text-align:center}.wizard-steps b{width:27px;height:27px;font-size:11px}.wizard-steps span{max-width:70px;overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.wizard-steps small{display:none}.wizard-card{min-height:0;margin:0;border-radius:17px}.wizard-pane{padding:24px 14px 28px}.wizard-pane h2{font-size:27px}.wizard-pane :is(input,select,textarea){font-size:16px}
 .wizard-nav{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:42;gap:8px;margin-top:auto;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);box-shadow:0 -7px 20px rgba(7,31,61,.1)}.wizard-nav>span{display:none}.wizard-nav .button{min-height:46px;padding:10px 12px}.wizard-nav #wizard-next{margin-left:auto}
 .map-search .button{width:100%;min-height:46px;margin:0}.location-map{height:min(56dvh,390px);border-radius:15px}.location-item{padding:14px;border-radius:15px}.location-item header{align-items:flex-start}.location-item header strong{min-width:0}.location-item .location-name{min-width:0}.location-coordinates{line-height:2}.location-coordinates input{width:72px}.choice-row{grid-template-columns:24px minmax(0,1fr) 40px}.remove-location,.remove-choice{min-width:40px;min-height:40px}.limit-card{padding:16px}.publish-actions{display:grid}.publish-actions .button{width:100%;min-height:48px}
 dialog,#modal:has(#start-session-form),#modal:has(.session-report){width:calc(100vw - 12px);max-width:none;max-height:calc(100dvh - 12px);margin:6px;padding:26px 14px 20px;border-radius:18px;overflow:auto;overscroll-behavior:contain}.modal-close{position:sticky;top:0;z-index:5;float:right;min-width:44px;min-height:44px}.session-advanced{padding-inline:12px}.session-advanced>summary{min-height:52px}.session-advanced-grid>section,.questionnaire-session-options{padding:12px}
 .account-heading h1{font-size:34px}.account-tabs{position:sticky;top:0;z-index:35;scroll-snap-type:x mandatory}.account-tabs button{scroll-snap-align:start}.profile-card,.account-games,.account-friends{padding:17px}.account-draft-list .account-draft{grid-template-columns:minmax(0,1fr) 42px}.account-draft-list .draft-open{grid-template-columns:minmax(0,1fr) auto;padding:10px}.draft-title-line{align-items:flex-start;flex-direction:column}.account-draft-list .play-stat{min-width:52px}.profile-card>.button{width:100%;margin:5px 0}
 .questionnaire-page-head h2{font-size:30px}.questionnaire-head-actions{display:grid;grid-template-columns:1fr;width:100%}.questionnaire-settings,.questionnaire-questions-section{padding:14px}.questionnaire-list-head .button{width:100%}.questionnaire-question{padding:12px}.questionnaire-question>header{align-items:flex-start;gap:8px}.questionnaire-question>header .button{min-height:40px}.questionnaire-actions .button{min-height:46px}
 .session-page{padding:16px 10px calc(92px + env(safe-area-inset-bottom))}.session-shell>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;margin-bottom:12px}.host-session-logo{grid-row:1}.host-session-logo+div{grid-column:2;min-width:0;margin:0}.session-shell h1{margin:3px 0;font-size:25px;overflow-wrap:anywhere}.session-shell header p{margin:3px 0;font-size:12px}.host-header-tools{grid-column:1/-1;justify-items:stretch;width:100%;margin:0}.host-session-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.host-session-actions>.button,.host-session-actions .host-live-setting{justify-content:center;width:100%;min-height:44px;margin:0!important;white-space:normal}.host-display-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:6px}.host-waypoint-range{min-width:0}.host-waypoint-range select{max-width:100%}.host-fullscreen{display:none}.session-timer{font-size:24px;padding:9px 12px;border-radius:12px}.session-grid{gap:12px}.lobby-panel{padding:15px;border-radius:17px}.session-map{height:min(58dvh,430px);border-radius:17px}.host-start-button{min-height:48px}.team-player-row{grid-template-columns:12px minmax(0,1fr) auto;gap:6px}.team-player-row>small{display:none}.team-player-row .host-gps{grid-column:2;margin:0}.player-moderation{grid-column:2/4;justify-content:flex-start}.solo-team-list .host-team-card{grid-template-columns:1fr}.solo-team-list .player-moderation,.solo-team-list .moderation-state{margin:0 8px 8px}.session-shell>.host-messages #host-message-inbox{max-height:min(46dvh,360px)}.activity-log-head,.host-messages #host-message-inbox article{grid-template-columns:42px minmax(76px,1fr) minmax(120px,1.5fr);min-width:0;gap:6px}.activity-log-head span:nth-child(3),.host-messages #host-message-inbox article .log-player{display:none}.host-messages form .button{min-height:46px}
}
.report-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:9px 0 22px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line)}.report-settings>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:10px;padding:10px 12px;background:#fff}.report-settings dt{color:var(--muted);font-size:11px;font-weight:800}.report-settings dd{margin:0;overflow-wrap:anywhere;font-size:12px;font-weight:700}@media(max-width:650px){.report-settings{grid-template-columns:1fr}}
.report-settings-more{margin:-13px 0 22px}.report-settings-more>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#f8fafb;color:var(--navy);font-size:12px;font-weight:800;cursor:pointer;list-style:none}.report-settings-more>summary::-webkit-details-marker{display:none}.report-settings-more>summary:after{content:'+';margin-left:auto;font-size:18px;line-height:1}.report-settings-more[open]>summary{margin-bottom:9px;background:#fff}.report-settings-more[open]>summary:after{content:'−'}.report-settings-more>summary span{padding:2px 7px;border-radius:999px;background:#e8eef2;color:var(--muted);font-size:10px}.report-settings-more .report-settings{margin-bottom:0}
.account-renewal-status{display:flex;align-items:flex-start;gap:12px;margin:12px 0 22px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}.account-renewal-status>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#dce7ed;color:var(--navy);font-size:21px}.account-renewal-status.is-active{border-color:#add8c8;background:#effaf5}.account-renewal-status.is-active>span{background:#08734c;color:#fff}.account-renewal-status div{display:grid;gap:2px}.account-renewal-status small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.account-renewal-status strong{font:800 16px Manrope}.account-renewal-status p{margin:2px 0 0;color:var(--muted);font-size:13px}
.account-cancel-renewal{justify-self:start;margin-top:9px;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#a52b20;font:700 12px Manrope;cursor:pointer}.account-cancel-renewal:disabled{opacity:.5;cursor:wait}
.host-finished-state article{position:relative}.host-finished-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(7,31,61,.08);color:var(--navy);font:400 30px/1 Arial,sans-serif;cursor:pointer;transition:background .18s,transform .18s}.host-finished-close:hover{background:rgba(255,101,70,.18);transform:scale(1.05)}.host-finished-close:focus-visible{outline:3px solid var(--coral);outline-offset:2px}@media(max-width:620px){.host-finished-close{top:10px;right:10px;width:38px;height:38px}}
.plan-price-current{flex-wrap:wrap}

/* Accountplannen en afrekenen */
.pricing-card>[data-plan-details],.pricing-card.free>.button{margin-top:auto}
.plan-prices label span>small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:700}
.profile-business{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px}.profile-business legend{padding:0 8px;font-weight:800}.profile-account-kind{display:flex;gap:20px}.profile-account-kind label{display:flex;align-items:center;gap:7px}.profile-account-kind input{width:auto}.profile-business #profile-company-fields{display:grid;gap:14px}.profile-business #profile-company-fields[hidden]{display:none}
.billing-review{width:min(600px,100%)}.billing-review>p{margin-top:0}.billing-review-choice,.billing-review-profile,.billing-review-totals{display:grid;gap:12px;margin:14px 0;padding:16px;border-radius:16px;background:#f7f9fa}.billing-review-choice{grid-template-columns:1fr 1fr;background:var(--cream)}.billing-review-choice div,.billing-review-profile div{display:grid;gap:3px}.billing-review small{color:var(--muted)}.billing-review-profile{position:relative}.billing-profile-link{justify-self:start;padding:0;border:0;background:none;color:var(--coral);font-weight:800;cursor:pointer}.billing-review-totals>div{display:flex;justify-content:space-between;gap:20px}.billing-review-totals .is-credit{color:#168452}.billing-review-total{padding-top:12px;border-top:1px solid var(--line);font-size:19px}.billing-preview-error{display:grid;gap:15px}.billing-preview-error h2,.billing-preview-error p{margin:0}@media(max-width:560px){.billing-review-choice{grid-template-columns:1fr}}
.pricing-page{width:100%;max-width:1320px;margin-inline:auto}.pricing-heading{text-align:center;max-width:820px;margin:0 auto 34px}.pricing-heading h1{margin:10px 0;font:800 clamp(34px,5vw,60px)/1.02 Manrope}.pricing-heading p{color:var(--muted);font-size:18px}.pricing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pricing-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 18px 44px rgba(7,31,61,.08)}.pricing-card.premium{border:2px solid var(--coral);background:linear-gradient(180deg,#fff9ef,#fff)}.pricing-card.business{background:linear-gradient(180deg,#effbf5,#fff)}.pricing-card.current{box-shadow:0 0 0 4px rgba(255,101,70,.13),0 18px 44px rgba(7,31,61,.08)}.pricing-card header{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.pricing-card header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff0bd;color:var(--coral);font-size:22px}.pricing-card header h2{margin:0;font:800 25px Manrope}.pricing-card header b{padding:6px 9px;border-radius:999px;background:var(--navy);color:#fff;font-size:10px}.plan-prices{display:grid;gap:7px;margin:22px 0}.plan-prices label{cursor:pointer}.plan-prices input{position:absolute;opacity:0}.plan-prices span{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.plan-prices input:checked+span{border-color:var(--coral);background:#fff4ef}.plan-prices strong{font:800 21px Manrope}.free-price{font:800 34px Manrope!important}.pricing-card ul{display:grid;gap:10px;margin:5px 0 25px;padding:0;list-style:none}.pricing-card li{font-weight:600}.plan-buy{display:grid;gap:9px;margin-top:auto}.plan-buy select,.billing-form :is(input,select){width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.pricing-development{margin-top:25px;padding:24px;border-radius:22px;background:var(--navy);color:#fff}.pricing-development strong{font:800 20px Manrope}.pricing-development p{max-width:850px;color:#d9e4ee}.account-plan-summary{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border-radius:20px;background:linear-gradient(120deg,#fff0bd,#fff9ef)}.account-plan-summary>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--navy);color:var(--yellow);font-size:28px}.account-plan-summary h2{margin:2px 0;font:800 28px Manrope}.account-plan-summary p{margin:0;color:var(--muted)}.business-domain-form{display:grid;gap:12px;margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:18px}.business-domain-form h3,.business-domain-form p{margin:0}.business-domain-form label{display:flex;align-items:center;gap:5px;font-weight:900}.business-domain-form input{width:min(420px,100%);padding:12px;border:1px solid var(--line);border-radius:10px}.business-domain-form button{justify-self:start}
.billing-history{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.billing-history h3{margin:0 0 14px}.billing-history-table{overflow-x:auto}.billing-history-head,.billing-history-row{display:grid;grid-template-columns:110px minmax(190px,1.4fr) minmax(130px,1fr) minmax(120px,.8fr) 110px;gap:12px;align-items:center;min-width:760px;padding:11px 8px}.billing-history-head{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.billing-history-row{border-top:1px solid var(--line);font-size:14px}.billing-history-row small{display:block;color:var(--muted)}.billing-status{width:max-content;padding:5px 9px;border-radius:999px;background:#f1f3f5;font-size:12px;font-weight:800}.billing-status.paid{background:#e4f7ed;color:#17663d}.billing-status.failed,.billing-status.cancelled,.billing-status.expired{background:#fff0ec;color:#a5341f}
@media(max-width:900px){.pricing-plans{grid-template-columns:1fr}.account-plan-summary{grid-template-columns:50px 1fr}.account-plan-summary .button{grid-column:1/-1}}@media(max-width:560px){.pricing-card{padding:20px}.pricing-card header{grid-template-columns:40px 1fr}.pricing-card header b{grid-column:1/-1;justify-self:start}}
.pricing-plans{display:block}.pricing-audience-switch{display:flex;width:max-content;margin:0 auto 20px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}.pricing-audience-switch button{min-width:150px;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.pricing-audience-switch button.active{background:var(--navy);color:#fff}.pricing-audience[hidden]{display:none}.pricing-plan-grid{display:grid;gap:14px;margin:0 auto}.pricing-plan-grid.individual{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center}.pricing-plan-grid.business{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-vat-note{margin:0 0 14px;text-align:center;color:var(--muted);font-weight:700}.pricing-plan-grid .pricing-card{padding:20px;border-radius:20px}.pricing-plan-grid .pricing-card header{grid-template-columns:38px minmax(0,1fr) auto}.pricing-plan-grid .pricing-card header>span{width:38px;height:38px;font-size:18px}.pricing-plan-grid .pricing-card header h2{font-size:20px}.pricing-plan-grid .plan-prices{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 12px}.pricing-plan-grid .plan-prices>small,.pricing-plan-grid .free-price{grid-column:1/-1}.pricing-plan-grid .plan-prices span{padding:8px 10px}.pricing-plan-grid .plan-prices strong{font-size:18px}.pricing-plan-grid .free-price{font-size:27px!important}.pricing-plan-grid .pricing-card ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin:2px 0 16px;font-size:14px}.pricing-plan-grid .plan-buy{grid-template-columns:minmax(0,1fr) auto;align-items:center}.pricing-plan-grid .plan-buy .button{white-space:nowrap}.pricing-plan-grid .pricing-card.free>.button{width:100%}@media(max-width:900px){.pricing-plan-grid.business{grid-template-columns:1fr}.pricing-plan-grid.individual{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pricing-audience-switch{width:100%}.pricing-audience-switch button{min-width:0;flex:1}.pricing-plan-grid.individual{grid-template-columns:1fr}.pricing-plan-grid .pricing-card ul{grid-template-columns:1fr}.pricing-plan-grid .plan-buy{grid-template-columns:1fr}}
.pricing-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-bottom:18px}.pricing-controls .pricing-audience-switch{margin:0}.pricing-period-switch{display:flex;width:max-content;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}.pricing-period-switch button{min-width:92px;padding:10px 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer;text-transform:capitalize}.pricing-period-switch button.active{background:var(--coral);color:#fff}.pricing-period-switch button[hidden]{display:none}.pricing-plan-grid.individual{grid-template-columns:repeat(2,minmax(0,460px))}.pricing-plan-grid.individual .pricing-card ul{grid-template-columns:1fr}.pricing-plan-grid.business{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-plan-grid.business .pricing-card ul{grid-template-columns:1fr}.pricing-plan-grid.business .plan-buy{grid-template-columns:1fr}.pricing-plan-grid .plan-prices{display:block}.plan-price-current{display:flex;align-items:baseline;gap:7px;padding:4px 0;background:transparent}.plan-price-current>span{display:inline;padding:0!important;border:0;border-radius:0;color:var(--muted);font-size:13px;font-weight:700}.plan-price-current small{flex-basis:100%;display:block;margin-top:3px;color:var(--muted);font-weight:700}.plan-price-current small[hidden],.plan-period-inputs[hidden]{display:none}.pricing-plan-grid .plan-prices>small{display:block;margin-top:7px}@media(max-width:1200px){.pricing-plan-grid.business{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px) and (min-width:651px){.pricing-plan-grid.business{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pricing-controls,.pricing-period-switch{width:100%}.pricing-period-switch button{min-width:0;flex:1}.pricing-plan-grid.business{grid-template-columns:1fr}}
.pricing-card>[data-buy-plan]{width:100%;margin-top:auto}.billing-payment-method{display:grid;gap:8px;margin:14px 0}.billing-payment-method select{width:100%}
.billing-status.refunded,.billing-status.charged_back{background:#fff0bd;color:#765700}
.billing-check-payment{grid-column:5;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-size:11px;font-weight:800;cursor:pointer}.billing-history-row:has(.billing-check-payment) .billing-status{display:none}
.feedback-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#f8fbfd}.feedback-preferences legend{padding:0 10px;color:var(--navy);font:800 18px Manrope,sans-serif}.feedback-preferences .review-check{align-items:flex-start;min-height:86px;margin:0;padding:16px;border:1px solid #dce7ee;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.feedback-preferences .review-check:hover{border-color:#a9c7d9;box-shadow:0 8px 22px rgba(7,31,61,.07);transform:translateY(-1px)}.feedback-preferences .review-check:has(input:checked){border-color:#82c9aa;background:#f4fcf8}.feedback-preferences .review-check:has(input:disabled){opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.feedback-preferences .review-check input{flex:0 0 auto;width:20px;height:20px;margin-top:1px;accent-color:#1677ed}.feedback-preferences .review-check span{color:var(--navy);font:800 15px/1.45 Manrope,sans-serif}.feedback-preferences>small{grid-column:1/-1;padding:2px 2px 0;color:var(--muted);line-height:1.5}.feedback-list{display:grid;gap:12px}.feedback-list article{display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.feedback-list article header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feedback-list article header div{display:grid;gap:3px}.feedback-list article small{color:var(--muted)}.feedback-list article p{margin:0;white-space:pre-wrap}.feedback-list article button{justify-self:start}.feedback-stars{flex:none;color:#e5a700;font-size:20px;letter-spacing:1px}.feedback-kind{width:max-content;padding:4px 8px;border-radius:999px;background:var(--cream);font-size:12px}.feedback-rating{display:flex;flex-wrap:wrap;gap:7px;border:0;padding:0}.feedback-rating legend{margin-bottom:7px;font-weight:800}.feedback-rating label{margin:0}.feedback-rating input{position:absolute;opacity:0}.feedback-rating span{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.feedback-rating input:checked+span{border-color:#e5a700;background:#fff8d6;color:#815e00}.questionnaire-owners{width:min(680px,100%)}.questionnaire-owner-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.questionnaire-owner-row>div{display:grid}.questionnaire-owner-row small{color:var(--muted)}.questionnaire-owner-row>span{display:flex;flex-wrap:wrap;gap:7px}.questionnaire-owners form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px}@media(max-width:700px){.feedback-preferences{grid-template-columns:1fr;padding:18px}.feedback-preferences .review-check{min-height:0}}@media(max-width:560px){.feedback-list article header,.questionnaire-owner-row{align-items:stretch;display:grid}.questionnaire-owner-row>span .button{flex:1}.questionnaire-owners form{grid-template-columns:1fr}.feedback-stars{font-size:18px}}
.business-account-panel{display:grid;gap:14px;margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.business-account-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.business-account-panel h3,.business-account-panel p{margin:0}.business-domain-status{padding:7px 10px;border-radius:999px;background:#fff0bd;font-size:12px}.business-domain-status.approved{background:#e4f7ed;color:#17663d}.business-domain-status.rejected{background:#fff0ec;color:#a5341f}.business-account-panel form{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto;gap:10px}.business-account-panel :is(input,select){padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.business-account-panel ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.business-account-panel li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:#f7f9fa}.business-account-panel li div{display:grid}.business-account-panel li small{color:var(--muted)}.business-account-panel li span{display:flex;flex-wrap:wrap;gap:8px}.business-account-panel li button,.business-candidates button{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.business-auto{display:flex;align-items:center;gap:9px;font-weight:700}.business-auto input{width:auto}.business-candidates{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.business-candidates button{display:grid;text-align:left}.business-brand-note{padding:13px;border-radius:12px;background:var(--cream)}@media(max-width:700px){.business-account-panel>header,.business-account-panel li{align-items:flex-start;flex-direction:column}.business-account-panel form{grid-template-columns:1fr}}
.pricing-card>[data-plan-details][hidden],.pricing-card>[data-buy-plan][hidden]{display:none!important}

/* Herkenbare kwaliteitslabels voor Zonvado-beheerders en hun openbare publicaties. */
.official-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 9px;border:1px solid #e3b72c;border-radius:999px;background:linear-gradient(135deg,#fff8d7,#ffe57c);box-shadow:0 3px 10px rgba(113,80,0,.13);color:#5c4300;font:800 10px/1.2 Manrope;letter-spacing:.02em;vertical-align:middle}.official-badge i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--navy);color:#fff;font:900 10px Manrope;font-style:normal}.official-badge-user{padding:2px 6px;background:#eef8ff;border-color:#a7cee8;color:#164d70;box-shadow:none;font-size:9px}.official-badge-user i{width:13px;height:13px;background:#1689bc;font-size:8px}.result-art>.official-badge{position:absolute;top:20px;right:20px}.result-card.is-official-zonvado{outline:2px solid rgba(227,183,44,.42);outline-offset:-2px}.result-body>small .official-badge{margin-left:4px}.friend-person strong,.friend-profile h2{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.questionnaire-list strong .official-badge,.questionnaire-result strong .official-badge,.questionnaire-selected-card strong .official-badge{margin-left:6px}

/* Compacte eigen spellen en echte openbare spellen */
.account-draft-list{gap:6px}
.account-draft-list .account-draft{gap:6px}
.account-draft-list .draft-open{grid-template-columns:minmax(0,1fr) auto 34px;gap:12px;padding:10px 12px;min-height:58px}
.draft-title-line{display:flex;align-items:center;gap:8px;min-width:0}
.draft-title-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visibility-badge{flex:none;padding:3px 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#edf1f4;color:#536173}
.visibility-friends{background:#fff0bd;color:#805c00}
.visibility-public{background:#d8f8e9;color:#08734c}
.account-draft-list .play-stat{min-width:66px}
.account-draft-list .play-stat b{font-size:18px}
.account-draft-list .play-stat small{font-size:10px}
.account-draft-list .open-draft{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff1ed;color:var(--coral);font-size:18px}
.account-draft-list .play-now,.account-draft-list .version-now{padding:8px 12px}
.account-draft-list .delete-draft{width:38px}
.result-body>small{display:block;min-height:32px;color:var(--muted);font-size:11px;line-height:1.4}
.result-body .public-game-play{width:100%;min-height:42px;margin-top:auto;padding:11px}
.result-body .meta{margin-bottom:16px}
.discover-empty{grid-column:1/-1;display:grid;gap:5px;padding:28px;border:1px dashed var(--line);border-radius:16px;background:#fff;text-align:center}
.discover-empty span{color:var(--muted)}
.results-heading>span{color:var(--muted);font-size:13px}
@media(max-width:850px){.account-draft-list .draft-open{grid-template-columns:minmax(0,1fr) auto 34px}.account-draft-list .open-draft{grid-column:auto}.visibility-badge{font-size:8px}}

/* Duidelijke verwijder- en archiveeractie bij Mijn spellen */
.account-draft-list .delete-draft{position:relative;width:44px;min-width:44px;padding:0;border:1px solid #e5e9ed;border-radius:12px;background:#fff;color:#647386;font-size:0;box-shadow:0 3px 10px rgba(7,31,61,.05);transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.account-draft-list .delete-draft::before{content:"";display:block;width:17px;height:13px;margin:auto;border:2px solid currentColor;border-top-width:3px;border-radius:2px 2px 4px 4px;box-sizing:border-box}
.account-draft-list .delete-draft::after{content:"";position:absolute;top:calc(50% - 10px);left:50%;width:14px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 -3px 0 -1px currentColor;transform:translateX(-50%)}
.account-draft-list .delete-draft:not([data-play-count="0"])::before{height:14px;border-radius:3px;background:linear-gradient(currentColor,currentColor) center 3px/100% 2px no-repeat}
.account-draft-list .delete-draft:not([data-play-count="0"])::after{top:calc(50% - 7px);width:19px;height:4px;border-radius:2px;box-shadow:none}
.account-draft-list .delete-draft:hover{border-color:#e79080;background:#fff5f2;color:#a52d1e;box-shadow:0 6px 16px rgba(165,45,30,.12);transform:translateY(-1px)}
.publication-badge{flex:none;padding:3px 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.publication-badge.has-changes{background:#fff0bd;color:#805c00}.publication-badge.is-concept{background:#e8eef2;color:#536173}
@media(max-width:700px){.draft-title-line{flex-wrap:wrap}.publication-badge{order:3;width:max-content}}
.account-draft-list .game-owners-button{align-self:stretch;width:44px;min-width:44px;padding:0;border:1px solid #dbe4ea;border-radius:12px;background:#f7fafb;color:var(--navy);font-size:21px;cursor:pointer;box-shadow:0 3px 10px rgba(7,31,61,.05);transition:.18s ease}
.account-draft-list .game-owners-button:hover{border-color:#87a6b8;background:#edf5f7;transform:translateY(-1px)}
.co-owner-badge{flex:none;padding:3px 7px;border-radius:999px;background:#ddebff;color:#315b82;font-style:normal;font-size:9px;font-weight:900;white-space:nowrap}
.game-owners{width:min(680px,90vw)}.game-owner-list{display:grid;gap:9px;margin:22px 0}
.game-owner-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #e1e8ec;border-radius:14px;background:#fff}.game-owner-row.is-primary{background:#f4faf7;border-color:#cce8da}
.game-owner-row>span:first-child{display:grid;gap:3px}.game-owner-row small{color:var(--muted)}.game-owner-row em{padding:5px 9px;border-radius:999px;background:#d8f8e9;color:#286247;font-style:normal;font-size:11px;font-weight:800}
.game-owner-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.game-owner-actions .button{padding:8px 11px;font-size:12px}
#add-game-owner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:20px}#add-game-owner label{display:grid;gap:6px}#add-game-owner .form-error{grid-column:1/-1}.owner-transfer-note{margin-top:16px;color:var(--muted);font-size:13px}
.game-owners-editor{margin-top:26px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#f8fafb}
.game-owners-editor[hidden]{display:none}
.game-owners-editor>header h3{margin:0 0 5px;font:800 20px Manrope}.game-owners-editor>header p{margin:0;color:var(--muted)}
.game-owners-editor .game-owner-list{margin:16px 0}
#add-game-owner-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
#add-game-owner-inline label{display:grid;gap:6px;font-weight:700}#add-game-owner-inline select{width:100%}
#add-game-owner-inline .form-error{grid-column:1/-1;margin:0}
@media(max-width:700px){.account-draft-list .game-owners-button{grid-column:2;grid-row:3;height:42px}.game-owner-row{align-items:flex-start;flex-direction:column}.game-owner-actions{justify-content:flex-start}#add-game-owner{grid-template-columns:1fr}}
.questionnaire-tip{margin-bottom:18px}.questionnaire-list{display:grid;gap:9px}.questionnaire-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:14px}.questionnaire-list article div{display:grid;gap:4px}.questionnaire-list small{color:var(--muted)}
.questionnaire-editor{width:min(820px,92vw);display:grid;gap:14px}.questionnaire-editor>label,.questionnaire-question label{display:grid;gap:6px}.questionnaire-languages{display:flex;gap:14px;flex-wrap:wrap}
.questionnaire-question{display:grid;gap:13px;margin:12px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd}.questionnaire-question>header{display:flex;align-items:center;justify-content:space-between}
.questionnaire-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.questionnaire-meta label{display:grid;gap:5px}
.questionnaire-question fieldset{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;border:1px solid #e3e9ed;border-radius:12px}.questionnaire-question fieldset label:first-of-type{grid-column:1/-1}.questionnaire-question textarea{min-height:70px}
.questionnaire-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.questionnaire-import{cursor:pointer}
@media(max-width:700px){.questionnaire-meta{grid-template-columns:1fr}.questionnaire-question fieldset{grid-template-columns:1fr}.questionnaire-list article{align-items:flex-start;flex-direction:column}}
.maintenance-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 15%,rgba(255,205,58,.2),transparent 28%),linear-gradient(145deg,#071f3d,#0b3554);color:#fff;text-align:center}
.maintenance-screen[hidden]{display:none}
.maintenance-card{display:grid;justify-items:center;gap:14px;width:min(520px,100%);padding:clamp(28px,6vw,58px);border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.maintenance-card img{filter:drop-shadow(0 12px 22px rgba(0,0,0,.24))}
.maintenance-card .eyebrow{color:var(--yellow)}
.maintenance-card h1{margin:0;font:800 clamp(30px,6vw,48px)/1.05 Manrope}
.maintenance-card p{max-width:430px;margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.6}
.maintenance-card small{color:rgba(255,255,255,.62)}
.maintenance-card .button{margin-top:4px}
body.maintenance-active{overflow:hidden}

.territory-host-label{border:0!important;background:transparent!important;box-shadow:none!important}.territory-host-label:before{display:none!important}.territory-host-label span{display:flex;align-items:center;gap:5px;max-width:112px;padding:4px 8px 4px 4px;border:3px solid #fff;border-radius:999px;background:var(--territory-color);box-shadow:0 3px 10px #071f3d55;color:#fff;font-weight:900;transform:translateZ(0);transition:background-color .3s,transform .3s}.territory-host-label b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:#fff;color:var(--navy);font-size:13px}.territory-host-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}

.questionnaire-editor-page[hidden]{display:none}.questionnaire-editor-page{min-height:70vh}.questionnaire-page-loading{min-height:420px;display:grid;place-content:center;text-align:center}.questionnaire-page-loading h2{font:800 32px Manrope}
.questionnaire-editor{width:100%;display:grid;gap:22px}.questionnaire-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 2px 4px}.questionnaire-page-head h2{margin:8px 0 5px;font:800 clamp(30px,4vw,46px)/1 Manrope}.questionnaire-page-head p{margin:0;color:var(--muted)}.questionnaire-page-head .eyebrow{display:block;margin-top:18px}.questionnaire-back{padding:0;border:0;background:none;color:var(--muted);font:700 13px Manrope;cursor:pointer}.questionnaire-back:hover{color:var(--coral)}.questionnaire-head-actions{display:flex;gap:9px;flex:none}
.questionnaire-settings,.questionnaire-questions-section{padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(7,31,61,.06)}.questionnaire-settings>header>div,.questionnaire-list-head>div{display:flex;align-items:center;gap:13px}.questionnaire-settings>header span,.questionnaire-list-head>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--navy);color:#fff;font:800 16px Manrope}.questionnaire-settings h3,.questionnaire-list-head h3{margin:0;font:800 22px Manrope}.questionnaire-settings header p,.questionnaire-list-head p{margin:3px 0 0;color:var(--muted)}
.questionnaire-settings-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,.65fr) minmax(170px,.75fr);gap:16px;margin-top:24px}.questionnaire-settings-grid label,.questionnaire-question label{display:grid;align-content:start;gap:7px;font-weight:700}.questionnaire-title-field{grid-column:1}.questionnaire-description-field{grid-column:1/-1}.questionnaire-settings :is(input,select,textarea),.questionnaire-question :is(input,select,textarea){width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit}.questionnaire-settings :is(input,select,textarea):focus,.questionnaire-question :is(input,select,textarea):focus{outline:3px solid rgba(255,101,70,.16);border-color:var(--coral)}
.questionnaire-language-picker{margin:22px 0 0;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#f8fafb}.questionnaire-language-picker legend{padding:0 7px;font-weight:800}.questionnaire-language-picker>p{margin:0 0 12px;color:var(--muted);font-size:13px}.questionnaire-languages{display:flex;gap:9px;flex-wrap:wrap}.questionnaire-languages label{cursor:pointer}.questionnaire-languages input{position:absolute;opacity:0;pointer-events:none}.questionnaire-languages span{display:block;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800}.questionnaire-languages input:checked+span{border-color:var(--navy);background:var(--navy);color:#fff}.questionnaire-languages input:disabled+span{opacity:.75}
.questionnaire-list-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.questionnaire-question{counter-increment:questionnaire-item;gap:18px;margin:14px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#f8fafb;box-shadow:none}.questionnaire-questions-section{counter-reset:questionnaire-item}.questionnaire-question>header{padding-bottom:12px;border-bottom:1px solid var(--line)}.questionnaire-question>header strong{font:800 18px Manrope}.questionnaire-question>header strong:after{content:' ' counter(questionnaire-item)}.questionnaire-question>header .button{padding:7px 10px;color:#9b4034}.questionnaire-meta{grid-template-columns:180px 220px minmax(260px,1fr);gap:14px}.questionnaire-question fieldset{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:14px;padding:18px;border:1px solid #dce5ea;border-radius:15px;background:#fff}.questionnaire-question fieldset[hidden]{display:none}.questionnaire-question fieldset legend{padding:0 8px;color:var(--coral);font:800 13px Manrope;letter-spacing:.08em}.questionnaire-question fieldset label:first-of-type{grid-column:1/-1}.questionnaire-question textarea{min-height:88px;resize:vertical}.questionnaire-question [data-q-question]{min-height:76px}.questionnaire-question small{color:var(--muted);font-weight:400}.questionnaire-question small input{display:inline-block;width:72px;margin-left:7px;padding:7px}
.questionnaire-add-large{display:grid;justify-items:center;width:100%;margin-top:16px;padding:22px;border:2px dashed #cbd6dc;border-radius:17px;background:#fbfcfd;color:var(--navy);cursor:pointer}.questionnaire-add-large:hover{border-color:var(--coral);background:#fff8f5}.questionnaire-add-large span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:5px;border-radius:50%;background:var(--coral);color:#fff;font-size:24px}.questionnaire-add-large small{color:var(--muted)}
.questionnaire-sticky-actions{position:sticky;bottom:12px;z-index:30;display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(7,31,61,.16);backdrop-filter:blur(12px)}.questionnaire-sticky-actions>div{display:flex;gap:8px;flex-wrap:wrap}.questionnaire-sticky-actions>.form-error{margin:0;color:var(--muted)}.questionnaire-import{cursor:pointer}
.questionnaire-question [hidden]{display:none!important}.questionnaire-question .open-answer-matching{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:9px 10px;border-style:dashed;background:rgba(255,255,255,.65)}.questionnaire-question .open-answer-matching legend{color:var(--muted);font-size:11px;letter-spacing:0}.questionnaire-question .open-answer-matching label,.questionnaire-question .open-answer-matching label:first-of-type{display:flex;grid-column:auto;align-items:flex-start;gap:7px;padding:7px 8px;background:#fff}.questionnaire-question .open-answer-matching input[type="radio"]{flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;padding:0;accent-color:var(--coral)}.questionnaire-question .open-answer-matching strong{font-size:12px}.questionnaire-question .open-answer-matching small{font-size:10px}.questionnaire-question [data-lang]>.choice-editor{display:block;grid-column:1/-1;margin:0}.questionnaire-question .choice-editor .choice-row{display:grid;grid-template-columns:20px minmax(0,1fr) 38px;align-items:center;gap:9px;margin:9px 0}.questionnaire-question .choice-editor .choice-row input[type="radio"]{width:18px;height:18px;padding:0;accent-color:var(--coral)}.questionnaire-question .choice-editor .remove-choice{width:38px;height:38px;border:0;border-radius:9px;background:#f3e8e6;color:#9b4034;font-size:20px}.questionnaire-question .choice-editor .add-choice{margin-top:6px;border:1px dashed var(--line);border-radius:10px;padding:9px 12px;background:#fff;font-weight:700}
@media(max-width:850px){.questionnaire-page-head{align-items:flex-start;flex-direction:column}.questionnaire-head-actions{width:100%;flex-wrap:wrap}.questionnaire-settings-grid,.questionnaire-meta,.questionnaire-question fieldset{grid-template-columns:1fr}.questionnaire-title-field,.questionnaire-description-field,.questionnaire-question fieldset label:first-of-type{grid-column:auto}.questionnaire-list-head{align-items:flex-start;flex-direction:column}.questionnaire-sticky-actions{position:static;grid-template-columns:1fr}.questionnaire-sticky-actions>div{justify-content:flex-start}}
@media(max-width:560px){.questionnaire-settings,.questionnaire-questions-section{padding:17px;border-radius:18px}.questionnaire-page-head .questionnaire-head-actions .button{flex:1}.questionnaire-question{padding:15px}.questionnaire-question .open-answer-matching{grid-template-columns:1fr}.questionnaire-sticky-actions>div{display:grid}.questionnaire-sticky-actions .button{width:100%}}

/* Zichtbare score buiten presentatie-modus en spelcode tijdens aftellen. */
.team-name-row{grid-template-columns:12px 12px minmax(0,1fr) auto}
.team-name-row input{min-width:0}
.team-name-row b{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:6px 9px;border-radius:999px;background:var(--navy);color:#fff;white-space:nowrap}

.geodrop-auto-advance{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px;border:1px solid #f0c64c;border-radius:16px;background:#fff7d6;color:var(--navy)}
.geodrop-auto-advance-clock{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;font:900 24px/1 Manrope;font-variant-numeric:tabular-nums;box-shadow:0 0 0 5px rgba(9,36,66,.08)}
.geodrop-auto-advance>div{display:grid;gap:8px;min-width:0}.geodrop-auto-advance strong{font:800 15px/1.25 Manrope}.geodrop-auto-advance-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(9,36,66,.13)}.geodrop-auto-advance-track i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--coral);transition:width .25s linear}

.solo-team-list .host-team-card:has(.host-player-avatar){display:block}.solo-team-list .host-team-card:has(.host-player-avatar)>.team-name-row{grid-template-columns:32px 12px 12px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 9px;padding:12px}.solo-team-list .host-team-card:has(.host-player-avatar) .host-player-avatar{grid-column:1;grid-row:1/3}.solo-team-list .host-team-card:has(.host-player-avatar) .player-color{grid-column:2;grid-row:1}.solo-team-list .host-team-card:has(.host-player-avatar) .host-activity{grid-column:3;grid-row:1}.solo-team-list .host-team-card:has(.host-player-avatar) input{grid-column:4;grid-row:1;padding:2px!important}.solo-team-list .host-team-card:has(.host-player-avatar) .team-name-row b{grid-column:2/5;grid-row:2;justify-self:start;min-width:0;padding:4px 9px;background:#e8eef3;color:var(--navy);font-size:11px}
@media(max-width:560px){.geodrop-auto-advance{grid-template-columns:44px minmax(0,1fr);padding:10px 12px}.geodrop-auto-advance-clock{width:44px;height:44px;font-size:20px}.geodrop-auto-advance strong{font-size:13px}}
.start-countdown-overlay>strong{font:900 clamp(110px,24vw,300px)/.85 Manrope;color:var(--yellow)}
.start-countdown-overlay .countdown-game-code{margin:14px 0 0;padding:9px 16px;border:1px solid #ffffff55;border-radius:999px;font-size:clamp(16px,2vw,24px)}
.start-countdown-overlay .countdown-game-code b{margin-left:7px;color:var(--yellow);letter-spacing:.18em}
.start-countdown-overlay .countdown-game-code[hidden]{display:none}

/* Zoek en voeg vragensets toe zonder een lange catalogus in het startscherm. */
.questionnaire-search{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:end;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.questionnaire-search>label{margin:0}.questionnaire-search input[type=search]{margin-top:6px}.questionnaire-search fieldset{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}.questionnaire-search fieldset legend{margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800}.questionnaire-search fieldset label{display:flex;align-items:center;gap:5px;margin:0;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:800}.questionnaire-search fieldset input{width:auto;margin:0}.questionnaire-search-status{margin:12px 2px 7px;color:var(--muted);font-size:12px}.questionnaire-search-results{display:grid;gap:8px}.questionnaire-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:12px}.questionnaire-result>span{display:grid}.questionnaire-result small{margin-top:2px;color:var(--muted)}.questionnaire-result button,.questionnaire-remove{width:auto;margin:0;padding:8px 12px}.questionnaire-selected{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.questionnaire-selected[hidden]{display:none}.questionnaire-selected>h4{margin:0;font:800 16px Manrope}.questionnaire-selected-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.questionnaire-selected-card>header>span{display:grid}.questionnaire-selected-card>header small{color:var(--muted)}.questionnaire-remove{border-color:#d8e2e8;background:#fff;color:var(--ink);font-size:12px}@media(max-width:700px){.questionnaire-search{grid-template-columns:1fr}.questionnaire-result{grid-template-columns:1fr}.questionnaire-result button{justify-self:start}.questionnaire-selected-card>header{grid-template-columns:1fr}.questionnaire-remove{justify-self:start}}
.questionnaire-result{grid-template-columns:minmax(0,1fr) auto auto}.questionnaire-result-counts{display:flex!important;flex-wrap:wrap;gap:5px}.questionnaire-result-counts i{padding:4px 7px;border-radius:999px;background:#eef3f6;color:var(--muted);font-size:10px;font-style:normal}.questionnaire-selected-card>header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.questionnaire-selected-card>header output{color:#08734c;font-size:12px;font-weight:900}@media(max-width:700px){.questionnaire-result,.questionnaire-selected-card>header{grid-template-columns:1fr}}

.draft-diff{max-width:760px}.publication-explainer{margin:18px 0;padding:16px;border:2px solid #bfead8;border-radius:14px;background:#f2fcf7}.publication-explainer strong{color:#08734c}.publication-explainer p{margin:5px 0 0;color:var(--muted)}.draft-diff>ul{display:grid;gap:8px;padding:0;list-style:none}.draft-diff>ul li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px}.draft-diff>ul li>span{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.draft-diff del{color:#9b4b3a}.draft-diff ins{color:#08734c;font-weight:800;text-decoration:none}.draft-diff footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.draft-diff-button{white-space:nowrap}@media(max-width:900px){.draft-diff>ul li{grid-template-columns:1fr}.draft-diff footer{align-items:stretch;flex-direction:column}}
.questionnaire-required{display:grid;gap:3px;margin-bottom:16px;padding:13px 15px;border:2px solid #f3ca55;border-radius:13px;background:#fff8dc;color:#704f00}.questionnaire-required span{font-size:12px}
.questionnaire-session-primary{grid-column:1/-1;margin:8px 0 18px;border:2px solid #f3ca55;background:#fffdf5}.territory-question-choice{display:grid;gap:10px}.territory-question-choice>span{display:grid;gap:3px}.territory-question-choice>span small{color:var(--muted);line-height:1.4}.territory-question-choice .review-check{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.territory-question-choice .review-check small{display:block;margin-top:3px;color:var(--muted)}[data-questionnaire-config][hidden]{display:none}
.waypoint-range-card{grid-column:1/-1}.waypoint-range-card>input{width:100%;accent-color:var(--coral)}.waypoint-range-scale{display:flex;justify-content:space-between;color:#647386;font-size:.8rem}.session-range-value{float:right;color:var(--coral);font-weight:900}.host-waypoint-range{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #d9e2ea;border-radius:12px;background:#fff;font-size:.78rem;font-weight:800;white-space:nowrap}.host-waypoint-range select{min-width:76px;padding:7px;border:1px solid #cbd5df;border-radius:8px;background:#fff;font:inherit;color:var(--navy)}

@media(max-width:680px){
 .draft-title-line{align-items:flex-start;flex-direction:column}.account-draft-list .account-draft{grid-template-columns:minmax(0,1fr) 42px}.account-draft-list .draft-open{grid-template-columns:minmax(0,1fr) auto;padding:10px}.account-draft-list .open-draft{grid-column:auto}.questionnaire-settings,.questionnaire-questions-section{padding:14px}.questionnaire-question{padding:12px}.questionnaire-sticky-actions{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:42}.questionnaire-search{padding:11px}.questionnaire-result button,.questionnaire-remove{min-height:42px}.host-waypoint-range{white-space:normal}
}

/* Individuele prijskaarten volgen het formaat en kleurgebruik van Zakelijk. */
.pricing-plan-grid.individual{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:min(100%,840px)}
.pricing-plan-grid.individual .pricing-card.premium{border:1px solid var(--line);background:linear-gradient(180deg,#effbf5,#fff)}
@media(max-width:650px){.pricing-plan-grid.individual{grid-template-columns:1fr;width:100%}}
.host-battleship{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:22px;padding:30px;border-radius:26px;background:linear-gradient(145deg,#dff4ff,#fff)}.host-battleship header{grid-column:1/-1}.host-battleship header span{color:#0877a9;font-weight:900;letter-spacing:.14em}.host-battleship header h2{margin:7px 0;font-size:clamp(34px,5vw,58px)}.host-battleship-visual{display:grid;min-height:260px;place-items:center;border-radius:22px;background:#092847;font-size:110px}.host-battleship ol{display:grid;align-content:start;gap:8px;margin:0;padding:0;list-style:none}.host-battleship li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:13px;border-radius:12px;background:#fff}.host-battleship li b{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#0877a9;color:#fff}.battleship-relations{grid-column:1/-1}.battleship-relations p{display:inline-block;margin:4px;padding:9px 12px;border-radius:10px;background:#fff}@media(max-width:720px){.host-battleship{grid-template-columns:1fr;padding:18px}.host-battleship header,.battleship-relations{grid-column:auto}.host-battleship-visual{min-height:180px}}
.lobby-panel #session-players,.lobby-panel #session-teams{max-height:min(42vh,430px);overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:#a9bac5 #eef3f5}.host-clueless-session .solo-team-list .player-color,.host-clueless-session .solo-team-list .host-activity,.host-battleship-session .solo-team-list .player-color,.host-battleship-session .solo-team-list .host-activity{display:none}.host-clueless-session .solo-team-list .host-team-card:has(.host-player-avatar)>.team-name-row,.host-battleship-session .solo-team-list .host-team-card:has(.host-player-avatar)>.team-name-row{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto;padding:7px 9px}.host-clueless-session .solo-team-list .host-player-avatar,.host-battleship-session .solo-team-list .host-player-avatar{grid-column:1;grid-row:1;width:28px;height:28px}.host-clueless-session .solo-team-list input,.host-battleship-session .solo-team-list input{grid-column:2!important;grid-row:1!important}.host-clueless-session .solo-team-list .team-name-row b,.host-battleship-session .solo-team-list .team-name-row b{display:none}
.word-imposter-setup{display:grid;gap:18px}.word-imposter-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.word-imposter-settings label{display:grid;gap:7px;font-weight:800}.word-imposter-settings select,.word-imposter-settings input{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;font:inherit}@media(max-width:600px){.word-imposter-settings{grid-template-columns:1fr}}
.host-word-imposter{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:24px;min-height:440px;padding:32px;border-radius:26px;background:linear-gradient(135deg,#fff0bd,#fff)}.host-word-imposter header{grid-column:1/-1}.host-word-imposter header span{color:var(--coral);font-weight:900;letter-spacing:.12em}.host-word-imposter header h2{margin:8px 0;font-size:clamp(34px,5vw,60px)}.host-imposter-wait,.host-imposter-result{display:grid;place-items:center;align-content:center;padding:30px;border-radius:22px;background:var(--navy);color:#fff;text-align:center}.host-imposter-wait div,.host-imposter-result div{font-size:90px}.host-word-imposter ol{display:grid;align-content:start;gap:8px;margin:0;padding:0;list-style:none}.host-word-imposter li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px;border-radius:13px;background:#fff}.host-word-imposter li b{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--navy);color:#fff}@media(max-width:760px){.host-word-imposter{grid-template-columns:1fr;padding:20px}.host-word-imposter header{grid-column:auto}}
.discover-content-tabs{display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 26px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff}.discover-content-tabs button{padding:10px 20px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:800 14px Manrope,sans-serif;cursor:pointer}.discover-content-tabs button.active{background:var(--navy);color:#fff}.questionnaire-card .result-art{display:grid;height:auto;min-height:220px;align-content:end;padding:22px}.questionnaire-card .questionnaire-title{position:relative;margin-top:18px;color:var(--navy);font:800 clamp(28px,4vw,42px)/1.08 Manrope,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}.questionnaire-card .questionnaire-count{position:relative;margin-top:8px;color:#31506b;font:800 15px/1.3 Manrope,sans-serif}.questionnaire-card .result-body>p:first-child{min-height:2.8em}.questionnaire-breakdown{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.questionnaire-breakdown span{padding:6px 9px;border-radius:999px;background:#f2f5f7;font-size:12px;font-weight:800}.public-questionnaire-detail{display:grid;gap:18px}.public-questionnaire-detail h2,.public-questionnaire-detail p{margin:0}.questionnaire-sample{padding:18px;border:2px solid var(--navy);border-radius:16px;background:#fff8e8}.questionnaire-sample span{display:block;margin-bottom:7px;color:var(--coral);font-size:11px;font-weight:900;letter-spacing:.1em}.questionnaire-sample strong{font-size:20px;line-height:1.35}@media(max-width:520px){.questionnaire-card .result-art{min-height:190px}.questionnaire-card .questionnaire-title{font-size:clamp(26px,9vw,36px)}.questionnaire-card .result-body>p:first-child{min-height:0}}
.profile-share{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #d9e4eb;border-radius:18px;background:linear-gradient(135deg,#f4faf8,#f7f9fd)}.profile-share>div{display:grid;gap:4px}.profile-share small{color:var(--muted);line-height:1.4}.profile-share-button{display:flex;flex:0 0 auto;align-items:center;gap:10px;min-height:48px;padding:7px 9px 7px 8px;border:0;border-radius:999px;background:var(--navy);box-shadow:0 8px 18px #09284724;color:#fff;font:800 15px Manrope,sans-serif;cursor:pointer;transition:.2s}.profile-share-button:hover{transform:translateY(-2px);box-shadow:0 11px 22px #09284735}.profile-share-button:focus-visible,.share-option:focus-visible,.share-inline:focus-visible{outline:3px solid #ffb8a8;outline-offset:3px}.profile-share-button b{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#ffffff1c;font-size:18px}.profile-share-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--coral)}.profile-share-icon svg{width:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.share-dialog{display:grid;gap:14px}.share-dialog>p{margin:0;color:var(--muted);line-height:1.55}.share-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.share-option{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:8px 12px;border:1px solid #dbe4ea;border-radius:14px;background:#fff;color:var(--navy);font:800 14px Manrope,sans-serif;text-align:left;text-decoration:none;cursor:pointer;transition:.18s}.share-option:hover{border-color:#b8c7d1;background:#f7fafb;transform:translateY(-2px);box-shadow:0 7px 16px #09284712}.share-option.is-copied{border-color:#6bc6a6;background:#eefaf5}.share-channel-icon{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:11px;background:#edf2f5;color:var(--navy)}.share-channel-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.share-channel-whatsapp{background:#25d366;color:#fff}.share-channel-facebook{background:#1877f2;color:#fff}.share-channel-facebook svg{fill:currentColor;stroke:none}.share-channel-x{background:#000;color:#fff}.share-channel-x svg{stroke-width:2.2}.share-channel-copy{background:#fff0bd}.share-channel-more{background:var(--coral);color:#fff}.share-channel-more svg circle{fill:currentColor;stroke:none}.share-native{grid-column:auto}.share-privacy{padding:10px 12px;border-radius:10px;background:#e7f6f1;color:#17634e;font-size:12px}.share-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-left:8px;padding:7px 13px;border:1px solid #d6e1e8;border-radius:999px;background:#fff;color:var(--navy);font:800 13px Manrope,sans-serif;cursor:pointer}.share-inline .share-channel-icon{width:27px;height:27px;flex-basis:27px;border-radius:50%;background:var(--navy);color:#fff}.share-inline .share-channel-icon svg{width:15px;height:15px}.result-body>.share-inline{width:100%;margin:8px 0 0}@media(max-width:650px){.share-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.profile-share{align-items:stretch;flex-direction:column}.profile-share-button{align-self:flex-start}.share-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-option{flex-direction:column;justify-content:center;gap:6px;min-height:78px;padding:9px 5px;text-align:center}.share-channel-icon{width:34px;height:34px;flex-basis:34px}.share-inline{width:100%;margin:7px 0 0}}