*{box-sizing:border-box}html,body{margin:0;font-family:Arial,sans-serif}html{height:100%}body{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#102D50}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 16px;background:#1B4D3E;border-bottom:3px solid #D7B870;flex:none}.topbar h1{font-family:Georgia,serif;font-size:clamp(17px,2.3vw,27px);text-align:center;margin:0;color:#FFF7E2}.nav-button,.jclic-help{border:1px solid #E8D9B3;border-radius:6px;padding:11px 17px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;text-decoration:none;white-space:nowrap;box-shadow:none}.nav-button{background:transparent;color:#FFF7E2}.jclic-help{background:#E8CC8A;color:#173D32}.nav-button:hover{background:#2A6250}.jclic-help:hover{background:#F5DEAB}.nav-button:focus-visible,.jclic-help:focus-visible{outline:3px solid white;outline-offset:3px}.JClic{width:100%;flex:1;min-height:0;position:relative}.loading{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:16px;text-align:center;padding:20px}@media(max-width:600px){.topbar{padding:7px 8px;gap:7px}.topbar h1{font-size:16px}.nav-button,.jclic-help{padding:10px 11px;font-size:12px}}
.topbar a.nav-button{color:#FFF7E2}.topbar a.jclic-help{color:#173D32}