@import url('./assets/fonts.css');

:root{--paper:#f5f4ee;--ink:#172b2d;--muted:#858b80;--green:#bfe2a6;--line:#dedfd5;--dark:#101e25;--font:'Golos Text',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #78b797;outline-offset:4px}button{transition:background .18s,transform .18s,opacity .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.topbar{height:92px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 4.2%;gap:42px}.brand{font-weight:850;font-size:28px;letter-spacing:-1.5px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.brand-icon{font-size:41px;font-weight:400;line-height:1}.brand-dot{color:#71a86b;margin-left:-10px}.brand-caption{font-size:9px;letter-spacing:2px;color:#7c8279;padding-left:30px;border-left:1px solid #d6d9cf}.topbar nav{display:flex;margin-left:auto;gap:34px;align-items:center}.nav-button{border:0;background:transparent;font-size:12px;font-weight:500;padding:12px 0;color:#45514c;display:flex;align-items:center;gap:12px}.nav-button:hover{color:#4d8b51}.nav-button span{font-size:17px}.nav-button:first-child span{border:1px solid #aeb7a8;border-radius:50%;width:19px;height:19px;font-size:12px;display:grid;place-items:center}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:42px;padding:36px 4.2% 30px;max-width:1800px;margin:auto;min-height:calc(100svh - 148px)}.game-panel{display:flex;flex-direction:column;min-width:0;padding-top:5px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#848d7d}.panel-heading{display:flex;justify-content:space-between;align-items:center}.live-dot{width:6px;height:6px;background:#90b979;border-radius:50%;box-shadow:0 0 0 4px #e8ecdf}.session-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-top:26px;font-weight:600}.session-row #timer{color:#8a9088;font-variant-numeric:tabular-nums}.progress-track{height:3px;background:#dfe4d8;margin-top:12px;border-radius:3px;overflow:hidden}.progress-track div{height:100%;width:0;background:#8aae76;transition:width .5s}.stepper{display:flex;align-items:center;gap:13px;margin:27px 0 24px;font-size:10px;letter-spacing:.4px;color:#a3a89d}.stepper span{display:flex;gap:7px;align-items:center}.stepper b{font-size:11px;font-weight:500;letter-spacing:0}.stepper .active{color:#385e3a}.stepper i{height:1px;width:28px;background:#d8ddcf}h1{font-size:34px;line-height:1.19;font-weight:650;letter-spacing:-1.5px;margin:0 0 14px}h2{font-size:42px;letter-spacing:-1.8px;line-height:1.12;font-weight:600;margin:18px 0 20px}.accent{color:#88ac6e}.intro{color:#7c847b;line-height:1.75;font-size:12px;margin:0 0 26px}.silhouette-card{background:#e9ecdf;border:1px solid #dce1d0;border-radius:5px;position:relative;padding:16px 19px 12px;overflow:hidden;background-image:radial-gradient(#c6ceb9 .65px,transparent .65px);background-size:10px 10px}.card-meta,.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#7c8970}.card-meta span:first-child{background:#e9ecdf;padding:3px 0}.card-meta span:last-child{letter-spacing:.5px;font-variant-numeric:tabular-nums}.silhouette-card svg{display:block;width:100%;height:176px;filter:drop-shadow(0 7px 5px #344f2914)}#silhouette path{fill:#456148;stroke:#37503c;stroke-width:.7;stroke-linejoin:round}.card-bottom{font-size:8px;margin-top:5px}.card-bottom span:first-child{display:flex;gap:6px;align-items:center}.card-bottom i{width:5px;height:5px;border-radius:50%;background:#6c8961}.card-bottom span:last-child{font-size:10px;letter-spacing:2px}.instruction{display:flex;gap:13px;align-items:center;margin:19px 0 15px}.instruction-number{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #d9ddcf;border-radius:50%;font-size:17px;color:#73935f}.instruction p{margin:0;font-size:11px;color:#8a9085;line-height:1.7}.instruction strong{font-weight:500;color:#465744}.placement-status{font-size:10px;color:#98a08f;margin:0 0 13px;min-height:17px;display:flex;align-items:center;gap:6px}.placement-status.placed{color:#4a7849}.placement-status.placed:before{content:'✓';font-size:11px}.primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#f3f8eb;border:1px solid var(--ink);border-radius:4px;padding:17px 18px;font-size:11px;font-weight:500;gap:12px}.primary-button span{font-size:19px;font-weight:400;line-height:14px}.primary-button:hover:not(:disabled){background:#31533e}.primary-button:disabled{background:#dfe4d8;color:#99a18f;border-color:#dfe4d8}.text-button{display:block;width:100%;border:0;background:transparent;color:#8d9587;font-size:10px;padding:15px 0}.text-button:hover{color:#426745}.panel-footer{margin-top:auto;padding-top:28px;display:flex;gap:8px;align-items:center;font-size:9px;color:#9ba18f}.tiny-globe{font-size:16px;color:#94a080}.globe-panel{position:relative;min-height:680px;border-radius:9px;background:#101e25;overflow:hidden;color:#e9f4e6;isolation:isolate;background-image:radial-gradient(ellipse at 52% 48%,#263f42 0,transparent 60%),radial-gradient(#a0c5b025 .65px,transparent .65px);background-size:auto,27px 27px}.map-heading{position:absolute;top:27px;left:29px;right:29px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.map-mode{font-size:8px;letter-spacing:1.6px;color:#a3b9ad;display:flex;align-items:center;gap:8px}.map-mode i{width:5px;height:5px;border-radius:50%;background:#badf9c;box-shadow:0 0 10px #badf9c88}.map-tag{border:1px solid #52615a77;padding:6px 8px;border-radius:3px;font-size:8px;letter-spacing:1px;color:#93a69a}.map-title{position:absolute;top:80px;left:30px;font-size:20px;font-weight:450;line-height:1.45;letter-spacing:-.6px;pointer-events:none;z-index:2}.map-title>span{color:#78948b}.orbit{position:absolute;border:1px solid #637b6329;border-radius:50%;pointer-events:none;left:50%;top:52%;width:85%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:97%;border-style:dashed;border-color:#637b6319;transform:translate(-50%,-50%) rotate(-20deg)}#globe-container{position:absolute;inset:0;z-index:1}#globe{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#globe:active{cursor:grabbing}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#101e25;z-index:3;color:#aac2b3;font-size:12px}.loader{width:36px;height:36px;border:1px solid #405549;border-top-color:#bfe2a6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.globe-error{position:absolute;inset:20%;z-index:4;color:#e5ecdf;display:grid;place-content:center;text-align:center;font-size:14px;line-height:1.8;background:#172b2d}.compass{position:absolute;top:90px;right:28px;display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none;font-size:8px;gap:2px;color:#c0d0b9}.compass svg{width:28px;height:28px}.compass span:last-child{color:#657d74}.map-controls{position:absolute;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;z-index:2;background:#14282bba;padding:4px;border:1px solid #42594a66;border-radius:5px;backdrop-filter:blur(10px)}.map-controls button{width:32px;height:34px;border:0;color:#d5e2ca;background:transparent;font-size:21px;font-weight:400;line-height:1;border-radius:3px}.map-controls button:hover{background:#9dc27c22}.map-controls>span{height:1px;background:#43574466;margin:3px}.map-bottom{position:absolute;bottom:47px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-end;z-index:2;pointer-events:none}.map-hint{display:flex;gap:12px;align-items:center}.map-hint>span{font-size:26px;color:#90a791}.map-hint p{font-size:9px;line-height:1.8;color:#6f8a7d;margin:0}.map-hint strong{font-weight:400;color:#b4c6b3}.coordinates{font-size:11px;font-variant-numeric:tabular-nums;line-height:1.9;letter-spacing:1px;text-align:right;color:#9eb7a6}.map-scale{position:absolute;bottom:20px;left:30px;font-size:7px;letter-spacing:1.3px;display:flex;gap:9px;align-items:center;color:#677f70;z-index:2;pointer-events:none}.map-scale>span{width:28px;height:5px;border:1px solid #617c68;border-top:0}.map-credit{position:absolute;right:30px;bottom:22px;font-size:6px;letter-spacing:1.4px;color:#586e62;z-index:2;pointer-events:none}.bottom-bar{max-width:1800px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 4.2% 20px;font-size:7px;letter-spacing:1.5px;color:#929a89}.footer-star{color:#6c8b57;font-size:15px;vertical-align:middle;margin-left:7px}.answer-preview{display:flex;align-items:center;gap:15px;border:1px solid #dce1d0;border-radius:4px;background:#e9ecdf;margin-bottom:24px;padding:6px 16px}.answer-preview svg{width:88px;height:60px;fill:#456148}.answer-preview>span{font-size:8px;letter-spacing:1.2px;color:#7a8b70}.field-label{display:block;font-size:9px;letter-spacing:1.2px;color:#7e8a74;margin-bottom:10px;font-weight:500}select{appearance:none;width:100%;background:#f5f4ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath d='m5 7 4 4 4-4' fill='none' stroke='%23687660' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 13px center;border:1px solid #d7ddcf;border-radius:4px;padding:14px 38px 14px 14px;color:#334c35;font-size:12px;cursor:pointer}.flag-label{margin-top:25px}.flag-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}.flag-option{height:62px;border:1px solid #d9dfd0;background:#eeeee6;border-radius:4px;display:grid;place-items:center;position:relative}.flag-option:hover{border-color:#8cac76;background:#e4ebda}.flag-option.selected{border:2px solid #6c995c;background:#e1ead5;box-shadow:0 0 0 2px #8fb5761a}.flag-option.selected:after{content:'✓';position:absolute;right:4px;bottom:1px;color:#568444;font-size:10px}.flag-option img{width:48px;max-height:33px;object-fit:contain;box-shadow:0 1px 4px #00000018}.quiet-note{font-size:10px;line-height:1.8;color:#939b88;text-align:center;margin-top:14px}.modal{border:1px solid #d6dfcc;border-radius:12px;padding:42px;width:500px;max-width:calc(100vw - 32px);max-height:90svh;color:var(--ink);background:var(--paper);box-shadow:0 35px 120px #0005}.modal::backdrop{background:#07171999;backdrop-filter:blur(7px)}.close-modal{position:absolute;right:16px;top:14px;width:32px;height:32px;border:1px solid #dce0d3;border-radius:50%;background:transparent;color:#7a8770;font-size:22px;display:grid;place-content:center}.close-modal:hover{background:#e6eada}.help-step{display:flex;gap:18px;margin:22px 0}.help-step>span{font-size:11px;color:#86a16b;padding-top:3px}.help-step p{margin:0;font-size:11px;line-height:1.8;color:#808b76}.help-step strong{display:block;font-size:13px;font-weight:550;color:#314c36;margin-bottom:3px}.help-modal .quiet-note{text-align:left;font-size:9px;margin-bottom:23px}.setup-modal select{margin-bottom:22px}.setup-modal .quiet-note{text-align:left;margin-top:-6px}.restart-warning{font-size:10px;color:#9c7c45;padding:10px 12px;background:#ede6d7;border-radius:4px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:20;background:#dbe8cc;color:#2d4832;padding:14px 22px;border:1px solid #b6c8a4;border-radius:5px;box-shadow:0 6px 30px #0002;font-size:12px;opacity:0;transition:all .25s;pointer-events:none;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.results-modal{width:820px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.metric{border:1px solid #d9dfd0;border-radius:5px;padding:20px 16px;background:#edf0e3}.metric-value{display:block;font-size:36px;letter-spacing:-2px;font-weight:550;color:#42653a}.metric-label{display:block;font-size:9px;color:#86947b;margin-top:7px;letter-spacing:.3px}.metric-detail{display:block;font-size:9px;color:#939d8a;margin-top:8px}.result-table-wrap{max-height:315px;overflow:auto;border:1px solid #dce1d3;border-radius:4px}table{border-collapse:collapse;width:100%;text-align:left}thead{position:sticky;top:0;background:#e9edde;z-index:1}th{font-size:8px;letter-spacing:1px;font-weight:500;color:#87957b;padding:13px 12px}td{padding:13px 12px;border-top:1px solid #e0e4d7;font-size:11px;white-space:nowrap}td:first-child{display:flex;align-items:center;gap:9px}td img{width:23px;max-height:18px;object-fit:contain}td small{display:block;color:#9ba48f;font-size:9px;margin-top:4px}.answer-correct{color:#5c8850}.answer-wrong{color:#af7e63}.review-button{padding:6px 9px;border:1px solid #d2dcc7;border-radius:3px;background:#eaf0e0;color:#5b784c;font-size:10px}.review-button:hover{background:#dce8cd}.score-explanation{font-size:9px;line-height:1.9;color:#98a18e;margin:17px 0 24px}.mini-results{margin:30px 0}.mini-results>div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);color:#7f8c73;font-size:12px}.mini-results strong{color:#547547;font-size:19px;font-weight:500;letter-spacing:-.5px}.review-legend{position:absolute;bottom:103px;left:30px;display:flex;flex-wrap:wrap;gap:16px;z-index:2;pointer-events:none}.review-legend span{font-size:9px;color:#a3b59a;display:flex;align-items:center;gap:6px}.review-legend i{width:7px;height:7px;border-radius:50%}.guess-key{background:#eeb383}.actual-key{background:#c5ed9e}
@media(min-width:1500px){.workspace{grid-template-columns:390px minmax(0,1fr);gap:55px}.globe-panel{min-height:750px}.silhouette-card svg{height:200px}h1{font-size:38px}.intro{font-size:13px}.stepper{margin-top:32px;margin-bottom:30px}.silhouette-card{padding:20px 22px 15px}.instruction{margin:24px 0 20px}.panel-footer{padding-top:34px}.topbar{height:100px}.workspace{min-height:calc(100svh - 156px)}}
@media(max-width:1150px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:25px;padding:27px 3%}.topbar{padding:0 3%;gap:26px}h1{font-size:30px}.brand-caption{font-size:8px;padding-left:22px;letter-spacing:1.3px}.globe-panel{min-height:660px}.map-title{font-size:18px;top:78px;left:24px}.map-heading{left:24px;right:24px}.map-mode{font-size:7px;letter-spacing:1px}.map-bottom{left:24px;right:24px}.map-tag{font-size:7px}.silhouette-card svg{height:164px}.bottom-bar{padding-left:3%;padding-right:3%}.map-controls{right:17px}}
@media(max-width:850px){.topbar{height:74px}.brand-caption{display:none}.topbar nav{gap:22px}.workspace{grid-template-columns:270px minmax(0,1fr);gap:20px}.globe-panel{min-height:645px}.map-title{font-size:16px}.map-heading{top:22px;left:20px;right:20px}.map-tag{display:none}.map-mode{font-size:6px;letter-spacing:.8px}.map-hint{gap:7px}.map-hint p{font-size:7px}.coordinates{font-size:8px}.map-bottom{left:20px;right:20px}.map-scale{left:20px;font-size:5px}.map-credit{right:20px;font-size:5px}.compass{right:20px;top:78px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:28px}.session-row{margin-top:22px}.intro{font-size:11px}.stepper{margin:22px 0}.silhouette-card svg{height:155px}.primary-button{font-size:10px;padding:16px}.bottom-bar{font-size:6px;letter-spacing:1px}}
@media(max-width:650px){.topbar{padding:0 20px;height:70px}.brand{font-size:24px;gap:8px}.brand-icon{font-size:33px}.topbar nav{gap:18px}.nav-button{font-size:10px;gap:7px}.nav-button:first-child span{width:16px;height:16px;font-size:10px}.workspace{display:flex;flex-direction:column;padding:19px 16px 20px;gap:22px}.game-panel{display:contents}.panel-heading,.session-row,.progress-track,.stepper{display:none}.globe-panel{order:1;min-height:400px;height:54svh;max-height:530px}.map-title{font-size:16px;top:58px;left:20px;line-height:1.3}.map-heading{top:20px}.map-mode{font-size:7px}.map-tag{display:block;font-size:6px;padding:4px 6px}.compass{top:68px;right:21px}.compass svg{height:23px;width:23px}.map-bottom{bottom:34px}.map-controls{right:14px}.map-controls button{width:29px;height:28px}.map-hint p{font-size:8px}.coordinates{font-size:9px}.map-scale{bottom:14px;font-size:5px}.map-credit{bottom:14px}.map-hint>span{font-size:21px}#placement-panel,#answer-panel,#finished-panel{order:2}.panel-footer{order:3;margin:0;padding:0;justify-content:center;font-size:9px}.bottom-bar{display:none}h1{font-size:29px;margin-bottom:11px}h1 br{display:none}h1 br:after{content:' '}.intro{font-size:12px;line-height:1.7;margin-bottom:20px}.desktop-break{display:none}.silhouette-card{float:left;width:43%;height:166px;margin:0 17px 15px 0;padding:12px 10px}.silhouette-card svg{height:111px}.card-meta{font-size:6px;letter-spacing:.4px}.card-meta span:last-child{display:none}.card-bottom{font-size:6px;margin-top:4px}.card-bottom span:last-child{font-size:8px}.instruction{padding-top:17px;margin:0 0 15px;gap:8px}.instruction p{font-size:10px}.instruction-number{width:26px;height:26px;font-size:15px}.placement-status{font-size:9px;line-height:1.8;padding:0 0 15px;min-height:45px}.primary-button{clear:both;padding:17px 18px;font-size:12px}.text-button{font-size:11px;padding:16px 0 4px}.answer-preview{float:right;width:100px;justify-content:center;padding:6px;margin:-6px 0 12px 12px}.answer-preview>span{display:none}.answer-preview svg{width:75px;height:50px}#answer-panel .intro{margin-bottom:24px}.flag-options{gap:10px}.flag-option{height:65px}.flag-option img{width:55px;max-height:38px}.flag-label{margin-top:22px}.modal{padding:32px 23px}.modal h2{font-size:34px}.result-metrics{gap:7px}.metric{padding:15px 9px}.metric-value{font-size:27px}.metric-label{font-size:8px}.metric-detail{font-size:7px}.results-modal{max-width:calc(100vw - 20px);padding:32px 15px}th{font-size:6px;padding:10px 7px;letter-spacing:.5px}td{font-size:9px;padding:10px 7px}td img{width:18px}.review-button{padding:5px;font-size:8px}td small{font-size:7px}.score-explanation{font-size:8px}.review-legend{left:20px;bottom:77px;font-size:8px}.map-hint strong{font-size:8px}.mini-results{margin:20px 0}.finished-panel .intro{margin-bottom:15px}}
@media(max-width:650px){.session-row{display:flex;order:0;margin:0;padding:0 3px;font-size:9px}.workspace{gap:16px}.review-legend{bottom:80px}}
.reference-note{font-size:10px;line-height:1.7;color:#7c8d75;margin:0 0 12px;padding:10px 12px;border-left:2px solid #b9cfaa;background:#e9eddf66}.coordinates{font-size:8px;letter-spacing:1px}.review-button:disabled{opacity:.45;cursor:default}
@media(max-width:650px){.reference-note{clear:both;font-size:10px}.placement-status{min-height:0;padding:0;margin-bottom:14px}.coordinates{font-size:6px}.map-hint p,.map-hint strong{font-size:7px}.silhouette-card{margin-bottom:16px}.map-title{font-size:16px}}
.stepper{margin:20px 0 18px}.intro{margin-bottom:18px}.silhouette-card{padding:12px 17px;margin-bottom:18px}.silhouette-card svg{height:110px}.card-bottom{margin-top:2px}.flag-options{gap:8px;margin-bottom:16px}.flag-option{height:44px}.flag-option img{width:42px;max-height:28px}.flag-label{margin-top:18px}.primary-button{padding:15px 18px}.text-button{padding:12px 0}.panel-footer{padding-top:20px}
input{font:inherit;width:100%;background:#f5f4ee;border:1px solid #d7ddcf;border-radius:4px;padding:13px 14px;color:#334c35;font-size:12px;min-width:0}input::placeholder{color:#a0a68f}input:focus-visible{outline:2px solid #8eb478;outline-offset:2px}.autocomplete-wrap{position:relative}.autocomplete-list{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:12;max-height:230px;overflow:auto;border:1px solid #cbd7bf;border-radius:5px;background:#f5f4ee;box-shadow:0 8px 24px #0e231a20;padding:4px}.autocomplete-list button{display:block;width:100%;border:0;background:transparent;text-align:left;color:#40533a;padding:10px 12px;font-size:12px;border-radius:3px}.autocomplete-list button:hover,.autocomplete-list button.active{background:#e2ead6}.edit-hint{display:flex;gap:10px;align-items:center;margin:7px 0 0;padding:12px 0 2px;border-top:1px solid #e0e4d7}.edit-hint>span{font-size:23px;color:#899d77}.edit-hint p{font-size:9px;line-height:1.8;color:#8d9780;margin:0}.manage-placed{width:100%;padding:11px 14px;margin-top:15px;border:1px solid #d7dfcc;border-radius:4px;background:#e9edde;color:#687f57;font-size:10px}.manage-placed:hover:not(:disabled){background:#dfe9d2}.manage-placed:disabled{opacity:.45}.draft-identity{display:flex;gap:11px;align-items:center;border:1px solid #d6dfca;border-radius:4px;background:#e9eddf;padding:13px 14px;margin:0 0 19px}.draft-identity>img{width:33px;max-height:23px;object-fit:contain}.draft-identity>span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-identity>button{margin-left:auto;white-space:nowrap;font-size:9px;border:0;background:transparent;color:#72905c}.graticule-labels,.country-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.graticule-labels{z-index:1}.country-labels{z-index:2}.grid-label{position:absolute;left:0;top:0;font-size:9px;line-height:1;letter-spacing:.3px;color:#a5c1c5;background:#15313dcc;padding:4px 5px;border-radius:3px;white-space:nowrap;text-shadow:0 1px 3px #071920}.grid-label.grid-zero{font-weight:700;color:#d0e9bd;background:#16313eeb;letter-spacing:.6px}.country-label{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #87ad8e77;background:#102b35e6;color:#edf6e5;border-radius:4px;padding:4px 6px;font-size:10px;line-height:1.2;white-space:nowrap;box-shadow:0 1px 8px #0002;pointer-events:auto;cursor:move}.country-label>img{width:15px;max-height:11px;object-fit:contain;flex-shrink:0}.country-label>span{overflow:hidden;text-overflow:ellipsis}.country-label:disabled{cursor:default;pointer-events:none}.country-label:hover:not(:disabled){border-color:#c4e8a0;background:#214438}.map-bottom .coordinates{max-width:130px;font-size:8px;line-height:1.7;letter-spacing:.5px}.flag-library-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px;min-height:24px}.flag-library-heading .field-label{margin:0}.flag-library-heading>img{width:34px;max-height:24px;object-fit:contain}.edit-modal{width:640px}.edit-modal h2{font-size:34px;margin-bottom:13px}.edit-modal .intro{margin-bottom:22px}.flag-library{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:240px;overflow:auto;padding:2px 3px 8px;margin:0 0 18px}.library-flag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:64px;padding:9px 5px 7px;border:1px solid #d7dfca;border-radius:4px;background:#ecefe2;color:#7a8a6c;font-size:8px}.library-flag>img{width:35px;height:23px;object-fit:contain}.library-flag>span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-flag:hover,.library-flag.selected{background:#dfead2;border-color:#80a46b}.library-flag.selected{box-shadow:inset 0 0 0 1px #80a46b}.library-count{font-size:9px;color:#929d84;margin:9px 0 12px}.placed-list{max-height:420px;overflow:auto}.placed-list-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:15px 12px;border:0;border-bottom:1px solid #dce2d0;background:transparent;color:#485e3d;font-size:12px}.placed-list-item:hover{background:#e4ecd8}.placed-list-item>img{width:28px;max-height:21px;object-fit:contain}.placed-list-item>span:last-child{margin-left:auto;font-size:9px;color:#8ca177}.placed-list-item>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1500px){.silhouette-card svg{height:125px}.silhouette-card{padding:15px 20px}.flag-option{height:49px}}
@media(max-width:650px){#task-body{order:2;min-width:0}#finished-panel{order:2}.manage-placed{order:3;margin-top:0}.panel-footer{order:4;padding-top:0}.silhouette-card{float:none;width:100%;height:auto;margin:0 0 19px;padding:12px 17px}.silhouette-card svg{height:125px}.card-meta{font-size:7px;letter-spacing:.7px}.card-meta span:last-child{display:block}.card-bottom{font-size:7px}.card-bottom span:last-child{font-size:9px}.flag-options{grid-template-columns:repeat(3,1fr);gap:9px}.flag-option{height:53px}.flag-option img{width:49px;max-height:32px}.field-label{font-size:9px}input{font-size:14px}.intro{margin-bottom:17px}.edit-hint p{font-size:10px}.text-button{padding:14px 0}.country-label{font-size:8px;padding:3px 4px;gap:3px}.country-label>img{width:13px;max-height:10px}.grid-label{font-size:7px;padding:3px}.map-bottom .coordinates{font-size:6px;max-width:75px}.flag-library{grid-template-columns:repeat(4,minmax(0,1fr));max-height:245px}.edit-modal{padding:28px 21px}.edit-modal h2{font-size:29px}.library-flag{min-height:62px}.library-flag>img{width:35px;height:22px}.draft-identity{margin-bottom:16px}.instruction{padding-top:0;margin:15px 0}.reference-note{margin-bottom:13px}}
.country-label,.grid-label,.sea-label{transition:none;animation:none}.country-label.locked:not(:disabled){cursor:pointer}.country-label.locked:before{content:'⌖';color:#c9dfa9;font-size:12px}.sea-labels{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.sea-label{position:absolute;left:0;top:0;color:#b5e8ef;background:#123443dc;border:1px solid #5aadb366;border-radius:4px;padding:5px 7px;max-width:145px;text-align:center;font-size:10px;font-style:italic;line-height:1.3;box-shadow:0 1px 6px #06253144;white-space:nowrap}.library-flag{min-height:52px;padding:10px}.library-flag>img{width:46px;height:30px}.sea-hints{margin-top:18px;border:1px solid #d6dfca;border-radius:5px;background:#e9eee0;padding:13px 14px}.hint-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.hint-heading .eyebrow{font-size:8px;letter-spacing:1.2px}#sea-hints-count{font-size:9px;font-variant-numeric:tabular-nums;color:#779163}.hint-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #c5d5b8;border-radius:4px;padding:11px 12px;background:#dbe7ce;color:#3c603b;font-size:11px}.hint-button>span{font-size:15px;color:#779e58}.hint-button:hover:not(:disabled){background:#cbdcb9}.hint-button:disabled{opacity:.5}.sea-hints>p{font-size:9px;line-height:1.7;color:#8b9a7e;margin:10px 0 0}.revealed-seas{display:flex;flex-wrap:wrap;gap:5px;max-height:76px;overflow:auto;margin-top:10px}.revealed-seas:empty{display:none}.revealed-seas>button{border:1px solid #bbd7ce;border-radius:3px;padding:5px 6px;color:#537f7c;background:#e2eeea;font-size:8px}.revealed-seas>button:hover{background:#cce1d8}
@media(max-width:650px){.sea-hints{order:4;margin-top:0}.panel-footer{order:5}.sea-label{font-size:8px;max-width:110px;padding:4px 5px}.hint-button{font-size:12px}.sea-hints>p{font-size:10px}.revealed-seas>button{font-size:9px}}
.country-label.provisional{background:#102b35bb;border-color:#87ad8e44}.country-label.provisional:after{content:'';position:absolute;left:50%;top:-15px;height:14px;border-left:1px solid #b8d4a580;pointer-events:none}
.round-actions{display:flex;align-items:center;gap:12px}.round-actions .text-button{width:auto;flex:1;font-size:10px;padding:13px 0}.round-actions .text-button[data-postpone]{color:#68845a}.round-actions .text-button:disabled{opacity:.4;cursor:default}.sea-hints{border:0;border-top:1px solid #d8dfcf;border-radius:0;background:none;padding:17px 0 0;margin-top:18px}.hint-heading{margin-bottom:11px}.hint-heading .eyebrow{color:#7c8c73}.hint-button{border:0;background:#dce9d3;border-radius:5px;color:#345c39;padding:13px 14px}.hint-button>span:first-child{font-size:11px;color:inherit}.hint-button>span:last-child{font-size:17px;color:#648858}.hint-button:hover:not(:disabled){background:#d0e2c3}.sea-hints>p{margin-top:9px;color:#8a9780;font-size:9px}.revealed-landmarks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;max-height:132px;overflow:auto;margin-top:10px;scrollbar-width:thin}.revealed-landmarks:empty{display:none}.landmark-link{display:flex;align-items:center;gap:6px;min-width:0;border:0;border-radius:0;padding:6px 0;background:none;color:#678f90;font-size:9px;text-align:left}.landmark-link>span:first-child{font-size:15px;line-height:1;color:#73a8a8}.landmark-link>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.landmark-link:hover{color:#335f66;background:none;text-decoration:underline;text-underline-offset:3px}.landmark-link.river-link{color:#598879}.sea-label,.river-label{position:absolute;left:0;top:0;padding:2px 3px;max-width:155px;border:0;border-radius:0;background:none;box-shadow:none;color:#c0e9ee;font-size:10px;font-style:italic;font-weight:500;text-align:center;line-height:1.3;white-space:nowrap;pointer-events:none;transition:none;animation:none;text-shadow:0 1px 3px #071d28,1px 0 3px #071d28,-1px 0 3px #071d28}.river-label{color:#a9e8d9;font-weight:600}.river-labels{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
@media(max-width:650px){.round-actions .text-button{font-size:11px}.sea-hints{padding-top:16px;margin-top:0}.hint-button>span:first-child{font-size:12px}.sea-hints>p{font-size:10px}.landmark-link{font-size:10px;padding:7px 0}.sea-label,.river-label{font-size:8px;max-width:120px}.revealed-landmarks{max-height:144px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}