nav{display:flex;align-items:center;gap:12px}#player{font-size:12px;color:#397b68}input{display:block;width:100%;padding:14px;border:1px solid #bacabb;border-radius:10px;font:inherit;margin:10px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:13px 7px;border-bottom:1px solid #dce1d5}.ranking{overflow:auto}label{font-weight:650}@media(max-width:700px){nav{gap:5px;flex-wrap:wrap;justify-content:flex-end}#player{width:100%;text-align:right;font-size:10px}header{gap:9px}canvas{object-fit:fill!important}}
:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#16383a;background:#f4f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#e7eade;color:#16383a;font-weight:650}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #cf8c37;outline-offset:3px}header{max-width:1400px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce1d5}.brand{text-decoration:none;color:inherit;font-weight:850;letter-spacing:2px;font-size:18px}.brand span{color:#dd8054;font-size:30px;vertical-align:middle;margin-right:9px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-left:38px;color:#698079}header b{margin-left:18px;color:#698079}main{max-width:1400px;margin:auto;padding:32px 40px 15px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.eyebrow,aside>span{font-size:10px;letter-spacing:2px;font-weight:750;color:#678273}h1{font-size:clamp(30px,3.4vw,48px);line-height:1.13;letter-spacing:-2px;margin:12px 0}h1 em{font-style:normal;color:#39846a}.intro p{font-size:14px;color:#698079;line-height:1.6;margin-bottom:0}aside{width:310px;border-left:1px solid #d4dbcf;padding-left:30px}aside h2{font-size:17px;margin:12px 0 0}.progress{height:5px;background:#dce4d5;margin-top:18px;border-radius:8px}.progress i{display:block;width:0;height:100%;background:#39846a;transition:width .4s}.game{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 18px 35px #173a3520;background:#76bbbc}canvas{display:block;width:100%;height:auto;max-height:66vh;object-fit:contain;touch-action:none}.maplabel{position:absolute;top:23px;left:25px;font-size:11px;letter-spacing:2px;font-weight:800;pointer-events:none}.maplabel small{display:block;font-size:10px;font-weight:500;letter-spacing:0;margin:6px 0 0 16px}.dot{display:inline-block;background:#2f8068;width:7px;height:7px;border-radius:50%;margin-right:8px}.compass{position:absolute;right:28px;top:20px;text-align:center;font-size:15px;color:#27666a;pointer-events:none}.hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#f9fbefed;padding:12px 20px;border-radius:12px;font-size:12px;text-align:center;max-width:65%;pointer-events:none}.action{position:absolute;bottom:22px;right:22px;background:#163f3b;color:white;display:none}.pad{display:none;position:absolute;bottom:14px;left:14px;text-align:center}.pad button{padding:9px 14px;background:#ffffffcc;touch-action:none}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#74817b;padding-top:18px}footer button{font-size:11px;padding:7px}kbd{font-family:inherit;background:white;padding:3px 5px;border:1px solid #dce1d5;border-radius:4px}dialog{border:0;border-radius:24px;padding:35px;max-width:560px;width:calc(100% - 30px);color:#16383a;background:#fafaf3;box-shadow:0 25px 100px #092b3950;max-height:85vh}dialog::backdrop{background:#092b3977;backdrop-filter:blur(5px)}#close{position:absolute;right:12px;top:10px;background:transparent;font-size:24px;padding:4px 12px}dialog h2{font-size:29px;margin:15px 0}dialog p{color:#61766e;line-height:1.65;font-size:14px}.flag{display:block;width:150px;height:100px;margin:16px 0;box-shadow:0 5px 15px #0001;border-radius:3px}.choices{display:grid;gap:10px;margin:20px 0}.choices button{text-align:left;background:#e9eee1}.primary{background:#236e56;color:white}.feedback{min-height:24px;font-weight:650}.entry{border-top:1px solid #dce1d5;padding:14px 0}.entry .flag{width:90px;height:60px}.entry h3{margin:8px 0}.source{font-size:11px;color:#397b68}#content>small{font-size:10px;letter-spacing:2px;color:#708577}.pad div{display:flex;gap:3px}@media(max-width:700px){header{padding:16px}.brand{font-size:12px;letter-spacing:1px}.brand small{font-size:7px}.brand span{font-size:23px}header button{font-size:11px;padding:9px}header b{margin-left:5px}main{padding:20px 12px}.intro{gap:12px;align-items:start}.intro p{font-size:12px}h1{font-size:29px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1px}aside{width:150px;flex-shrink:0;padding-left:14px}aside>span{font-size:8px}aside h2{font-size:13px}.game{border-radius:16px}canvas{height:58vh;max-height:none;object-fit:cover}.maplabel{top:15px;left:15px;font-size:9px}.maplabel small{display:none}.pad{display:block}.hint{bottom:115px;max-width:88%;width:max-content;font-size:11px;padding:9px}.action{bottom:25px;right:15px;font-size:12px}footer{flex-wrap:wrap;font-size:10px}footer>span:first-child{display:none}dialog{padding:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}
canvas{object-fit:fill}
canvas{height:auto!important;max-height:none!important;aspect-ratio:1200/760}.game{isolation:isolate}@media(max-width:700px){.game{padding-bottom:110px}.hint{bottom:112px;font-size:10px}.maplabel{font-size:8px}.compass{top:12px;right:14px}.intro{flex-wrap:wrap}aside{width:100%;border-left:0;padding-left:0}.intro aside p{margin-top:5px}.intro aside h2{margin-top:5px}.progress{margin-top:8px}header .brand{flex-shrink:0}}