:root{font-family:Inter,"Noto Sans JP",system-ui,sans-serif;color:#173342;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #149c7c;outline-offset:4px}header{background:#fff;border-bottom:1px solid #dbe3e7;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;color:#143341;font-size:21px;font-weight:750;display:flex;align-items:center;gap:12px}.brand small{font-size:12px;letter-spacing:2px;color:#6d7f89}.mark{background:#123747;color:#8ff0ce;border-radius:9px;padding:3px 10px;font-size:27px}nav{display:flex;gap:8px}nav button{background:transparent;color:#617580;padding:10px 15px;border-radius:6px;font-size:14px}nav button[aria-current]{background:#e8f3ef;color:#136851;font-weight:700}main{max-width:1500px;margin:auto;padding:30px 5%}.intro{display:flex;justify-content:space-between;align-items:center;margin:10px 0 30px}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:700;color:#538074;margin:0 0 10px}h1{font-size:clamp(28px,3vw,40px);margin:0;letter-spacing:.02em}h2{font-size:24px;margin:0 0 14px}.quiet{color:#647781;font-size:14px;line-height:1.9}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.modes{display:flex;gap:6px}.modes button{background:#e4ebef;padding:11px 16px;border-radius:6px;color:#47606d;font-size:14px}.modes .selected{background:#153949;color:#fff}.modes small{font-size:12px;margin-left:6px}#round{color:#647c87;letter-spacing:.15em;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;background:white;border:1px solid #d4e0e5;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #17334208}.mapwrap{position:relative;min-height:560px;background:#193442}#quizMap{height:100%;min-height:560px;width:100%;background:#193442}.north{position:absolute;right:20px;top:22px;z-index:500;text-align:center;color:white;line-height:1.3;font-size:18px;text-shadow:0 1px 4px #000}.mapnote{position:absolute;bottom:30px;left:18px;right:18px;text-align:center;z-index:500;font-size:12px;background:#102b3bdc;color:#e9f5f5;padding:9px;border-radius:5px;pointer-events:none}.maperror{position:absolute;top:40%;left:20px;right:20px;background:white;padding:16px;z-index:600;border-radius:8px;font-size:14px}aside{padding:30px 26px}label{font-size:14px;font-weight:600;display:block;margin:20px 0 8px}input{width:100%;padding:13px;border:1px solid #bacbd3;border-radius:6px;background:#fff;color:#173342;margin-top:7px}#answer{margin:0 0 12px;font-size:18px}.primary,.secondary{width:100%;padding:13px 16px;border-radius:6px;font-weight:650;font-size:14px}.primary{background:#11775f;color:white}.primary span{float:right}.secondary{background:#edf3f5;color:#244b5b;border:1px solid #d2dfe5}.hintbox{margin-top:25px;padding-top:24px;border-top:1px solid #e1e9ed}.hinttitle{display:flex;justify-content:space-between;font-size:14px}.hinttitle span{color:#5e7986}.steps{display:flex;gap:6px;margin-top:12px}.steps i{height:4px;background:#e1e9ed;flex:1;border-radius:8px}.steps i.used{background:#159e7e}.footnote{font-size:12px;color:#70858e;margin-top:22px;line-height:1.8}#feedback{font-size:15px;line-height:1.8;min-height:28px;color:#126f58}footer{margin-top:25px;display:flex;justify-content:space-between;gap:14px;color:#71828b;font-size:12px}.sectiontitle{display:flex;justify-content:space-between}.citygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:20px}.citygrid button,#editorList button{padding:14px;background:white;border:1px solid #d6e0e5;border-radius:6px;text-align:left}#listMap{height:450px;border-radius:10px}.editor{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;max-width:800px}.editor>div{display:flex;gap:12px;margin-top:22px;grid-column:1/-1}#editorList{display:flex;flex-wrap:wrap;gap:8px}#export{max-width:300px;margin-top:15px}[hidden]{display:none!important}@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 300px}aside{padding:24px 20px}.brand small{display:none}}@media(max-width:700px){header{padding:15px 5%;flex-wrap:wrap}nav{width:100%;justify-content:space-between}main{padding-top:22px}.intro{align-items:start;margin-bottom:22px}.intro>.quiet{display:none}.workspace{grid-template-columns:1fr}.mapwrap,#quizMap{height:380px;min-height:380px}aside{padding:24px}.modes button{padding:10px 8px;font-size:12px}.modes small{display:none}#round{font-size:10px}.editor{grid-template-columns:1fr}.editor>div{flex-direction:column}footer{flex-direction:column;gap:6px}#listMap{height:350px}}
.mode-note{font-size:13px;color:#57717c;margin:0 0 14px;line-height:1.7}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid #d4e0e5;border-radius:12px;background:#fff;overflow:hidden}.editor-map-panel{min-width:0;background:#edf3f5}#editorMap{height:540px;background:#193442;cursor:crosshair}.editor-map-actions{padding:16px}.editor-map-actions .secondary{width:auto;background:white}#positionStatus{font-size:13px;line-height:1.8;color:#476471}.city-form{padding:26px}.city-form label{margin-top:16px}.city-form>label:first-of-type{margin-top:0}.city-form .quiet{font-size:13px;margin:8px 0}.city-form .primary{margin-top:20px}.city-form .footnote{margin-top:12px}.preview-field{border:0;border-top:1px solid #e0e8ed;padding:16px 0;margin:22px 0 4px}.preview-field legend{font-size:14px;font-weight:700;padding-right:10px}.preview-stages{display:flex;gap:6px}.preview-stages button{flex:1;padding:10px 5px;font-size:13px;border-radius:5px;background:#edf3f5;color:#254b5c}.preview-stages button[aria-pressed=true]{background:#11775f;color:#fff}.city-form summary{font-size:13px;cursor:pointer;color:#526e7d;padding:10px 0}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coordinate-fields label{font-size:12px}.coordinate-fields input{font-size:13px;padding:8px}.city-form details .secondary{margin-top:12px}.compact{width:auto}.sectiontitle{gap:16px;align-items:center}.registered-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:16px}.registered-heading #export{margin:0}#editorList{margin:10px 0 20px}#saveStatus{font-size:14px;color:#126f58;line-height:1.8}footer a,.licenses a{color:#116d60}.licenses{max-width:850px;line-height:1.9}.licenses h1{margin:28px 0}.licenses h2{margin-top:36px}.leaflet-control-attribution{max-width:100%;overflow-wrap:anywhere}.leaflet-image-layer{image-rendering:pixelated}@media(max-width:950px){.editor-workspace{grid-template-columns:minmax(0,1fr) 300px}.city-form{padding:20px}}@media(max-width:700px){.editor-workspace{grid-template-columns:1fr}#editorMap{height:370px}.sectiontitle{align-items:start;flex-direction:column}.sectiontitle h2{font-size:22px}.registered-heading{align-items:start;flex-direction:column}.city-form{padding:24px}.editor-map-actions .secondary{width:100%}}
.quiz-setup{background:#fff;border:1px solid #d4e0e5;border-radius:12px;padding:34px;max-width:760px}.quiz-setup .primary{max-width:320px;margin-top:14px}.session-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0}.session-actions .quiet{margin:0}.zoom-controls{display:flex;align-items:center;gap:12px;margin:8px 0 18px}.zoom-controls input[type=range]{flex:1;min-width:0;padding:0;accent-color:#11775f}.zoom-controls input[type=number]{width:85px;padding:10px}.pin-legend{display:flex;flex-wrap:wrap;gap:20px;padding:14px 16px 0;font-size:14px}.pin-legend span{display:flex;align-items:center;gap:8px}.pin-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.registered-dot{background:#13785f}.draft-dot{background:#2983c5}.registered-pin span{display:block;width:24px;height:24px;background:#13785f;border:3px solid white;transform:rotate(-45deg);border-radius:50% 50% 50% 0;box-shadow:0 2px 5px #0008}.registered-pin span:after{content:'';position:absolute;inset:6px;background:white;border-radius:50%}.pin-edit{margin-top:12px}.map-status{padding:0 16px;font-size:13px;color:#9a3d24}.map-status:empty{display:none}.modes .selected:disabled{opacity:1}.registered-pin:focus-visible{outline:3px solid #ffd24f;outline-offset:5px}@media(max-width:700px){.session-actions{align-items:stretch;flex-direction:column}.quiz-setup{padding:24px}.session-actions .compact{width:100%}}
.filter-defs{position:absolute;pointer-events:none}.wsf-tiles{filter:url(#wsf-palette);image-rendering:pixelated}#roadsMap{height:100%;min-height:560px;width:100%;background:#0f2330}.map-loading{position:absolute;inset:0 0 24px;z-index:650;background:#102b3b;color:#e9f5f5;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.maperror{z-index:700}.region-options{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.region-options button{padding:15px 20px;border:1px solid #c7d9d5;border-radius:6px;background:#edf3f5;color:#244b5b;font:inherit}.region-options button[aria-pressed=true]{background:#11775f;color:#fff}.city-form select{font:inherit;width:100%;padding:12px;border:1px solid #bacbd3;border-radius:6px;background:white;color:#173342}#regionWarning:empty{display:none}.maplibregl-ctrl-attrib{font-size:11px}@media(max-width:700px){#roadsMap{height:380px;min-height:380px}.region-options{flex-direction:column}}
.continent-picker{margin-top:24px;border-top:1px solid #dae6e6;padding-top:18px}.continent-heading{font-size:16px;font-weight:700;margin:0}.continent-picker>.quiet{margin:6px 0 12px}.continent-map{border:1px solid #cadde2;border-radius:10px;background:#e7f0f4;overflow:hidden}.continent-map svg{display:block;width:100%;height:auto}.continent-map [role=button]{cursor:pointer;outline:none}.continent-map path{fill:#83b9af;stroke:#e7f0f4;stroke-width:.65;transition:fill .15s}.continent-map [role=button]:hover path,.continent-map [role=button]:focus-visible path{fill:#479682;stroke:#193f48;stroke-width:1}.continent-map [aria-pressed=true] path{fill:#146b58;stroke:#0c483a;stroke-width:1}.continent-map .empty path{fill:#c6d6db}.continent-map .empty[aria-pressed=true] path{fill:#879fa8}.continent-map text{font-family:inherit;font-size:16px;font-weight:700;fill:#123a47;paint-order:stroke;stroke:#f3f8fa;stroke-width:4px;stroke-linejoin:round}.continent-map .continent-count{font-size:13px;font-weight:500}.continent-map [aria-pressed=true] text{fill:#0b5b42;stroke:#fff}.continent-picker .footnote{margin:10px 0;font-size:12px}.empty-region{background:#edf3f5;border-radius:6px;padding:12px;font-size:14px;line-height:1.7}.auto-tags{border-top:1px solid #dbe7e8;margin-top:22px;padding-top:18px}.auto-tags h3{font-size:14px;margin:0 0 10px}.tag-summary{background:#eaf5f0;border-radius:6px;padding:10px 12px;color:#146b58;font-size:14px;line-height:1.7}.auto-tags #tagStatus:empty{display:none}@media(max-width:700px){.quiz-setup{padding:20px 16px}.continent-map svg{min-height:200px}.continent-map text{font-size:26px}.continent-map .continent-count{font-size:20px}.continent-picker .footnote{line-height:1.7}}

.account-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;background:white;padding:16px 20px;border:1px solid #d4e0e5;border-radius:10px;margin-bottom:24px;font-size:14px}.account-bar p{margin:0}.account-bar a{color:#116d60}.account-bar details{width:100%}.account-bar form{max-width:420px}.play-styles{margin:24px 0 16px;padding:18px 0;border:0;border-top:1px solid #dae6e6}.play-styles legend{font-weight:700;padding-right:12px}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-options button{background:#edf3f5;color:#244b5b;padding:14px 10px;border:1px solid #c7d9d5;border-radius:6px;font-size:14px}.style-options button[aria-pressed=true]{background:#153949;color:white}.records{display:grid;gap:10px}.records>div{background:#f3f7f8;border-left:3px solid #149c7c;padding:12px;font-size:14px;overflow-wrap:anywhere}.records p{margin:6px 0 0}.challenge-result{max-width:760px;background:#fff;border:1px solid #b4d7cb;border-radius:12px;padding:32px}.result-score{font-size:44px;font-weight:800;color:#11775f;margin:20px 0}.challenge-result .primary{max-width:320px}.editor-gate{max-width:480px;background:white;padding:28px;border-radius:12px;border:1px solid #d4e0e5}.editor-gate button{margin-top:18px}.migration-panel{background:#edf5f3;border:1px solid #cadfd8;border-radius:10px;padding:20px;margin:20px 0}.migration-panel button{max-width:520px;margin-top:12px}.city-rates{display:block;font-size:13px;font-weight:400;line-height:1.8;margin-top:8px}#statsMode{padding:10px;font:inherit;border:1px solid #bacbd3;border-radius:6px;background:white}#gameError{color:#a34225}.account-bar summary{cursor:pointer}#records:empty{display:none}@media(max-width:700px){.style-options{grid-template-columns:1fr}.account-bar{align-items:flex-start;flex-direction:column}.result-score{font-size:36px}}

#round{font-size:15px;letter-spacing:0;font-weight:700;color:#173342;white-space:nowrap}.question-progress{display:inline-block;margin:0 0 20px;padding:8px 12px;border-radius:6px;background:#e8f3ef;color:#116d60;font-size:16px;font-weight:700}.give-up{display:block;width:100%;margin-top:14px;padding:12px 6px;background:transparent;color:#865139;text-decoration:underline;font-size:14px;border:1px solid #d9cbc4;border-radius:6px}@media(max-width:700px){.toolbar{flex-wrap:wrap}#round{font-size:15px}.question-progress{margin-bottom:14px}}

.question-rates{position:absolute;top:12px;left:12px;right:54px;z-index:500;width:fit-content;max-width:calc(100% - 66px);background:#ffffffed;color:#173342;border:1px solid #d4e0e5;border-radius:7px;padding:7px 10px;font-size:.875rem;line-height:1.6;pointer-events:none}.question-rates-heading{display:block;font-size:.75rem;color:#536d78}#questionRates{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:2px}#questionRates span{white-space:nowrap;font-variant-numeric:tabular-nums}
.account-bar .guest-note{flex-basis:100%;font-size:.875rem;color:#536d78;line-height:1.7}#googlePanel summary{color:#116d60}#googleButton{margin-top:14px}#googleStatus{margin-top:10px;max-width:650px;line-height:1.7}#googleRetry{margin-top:10px}