*{box-sizing:border-box}body{margin:0;background:#000;color:#343434;font:12px/1.55 'Trebuchet MS',Arial,sans-serif}header{width:min(630px,100%);margin:10px auto 0}.banner{display:block;width:100%;height:auto}body>nav{background:linear-gradient(#ffb900 0%,#ff8c00 45%,#ff7900 95%);border-top:2px solid #ffd06a;border-bottom:2px solid #ddd}.nav-inner{max-width:630px;min-height:22px;margin:auto;display:flex;align-items:stretch}button,a{font:inherit}body>nav a,body>nav button{color:white;font-weight:bold;text-decoration:none;background:none;border:0;border-right:1px solid #e58c15;padding:2px 12px;cursor:pointer;font-size:11px}body>nav a:hover,body>nav button:hover{background:#d76a00}.clock{font-size:10px;margin-left:auto;padding:3px 6px;white-space:nowrap;color:#402300}main{max-width:630px;margin:auto;background:white;padding:24px 30px 14px;min-height:780px}.intro,.rankings{display:grid;grid-template-columns:1fr 1fr;gap:16px}h1,h2{color:#f58222;font-size:16px;line-height:1.3;margin:0 0 19px;font-weight:bold}p{margin:0 0 18px}.intro p{text-align:justify}.thumbnail{border:2px solid white;background:none;padding:0;cursor:zoom-in}.thumbnail:hover{border-color:#bbb}.thumbnail img{display:block;width:80px;height:70px;object-fit:cover}.stats-heading{margin-top:22px}dl{background:#f6f6f6;border:1px dashed #c9c9c9;padding:9px;margin:0}dl div{display:flex;gap:8px;padding:2px 0}dt{flex:1}dd{margin:0;min-width:100px;font-weight:bold}.online{color:#38812c}.village-banner{position:relative;border:4px solid #000;margin:0 5px 18px}.village-banner>img{display:block;width:100%}.image-button{position:absolute;top:60%;height:35%;width:36%;background:transparent;border:0;border-radius:30px;cursor:pointer}.image-button:hover{background:#ffffff20}.login{left:5%}.signup{right:4%}.activity p{color:#777;font-style:italic;font-size:11px;min-height:25px}.rankings{gap:14px}.rankings h2{margin-bottom:18px}table{width:100%;border:1px dashed #c9c9c9;border-spacing:0;line-height:1.65}td{padding:3px 5px;white-space:nowrap;color:#4887b2}tr:nth-child(even){background:#ebf4ff}td:first-child{color:#d59900;text-decoration:underline;width:20px}td:nth-child(2){font-weight:bold}td:last-child{text-align:right}.ranking-link{display:block;margin-left:auto;color:#4887b2;text-decoration:underline;background:none;border:0;cursor:pointer;padding:4px 0}footer{text-align:center;color:#888;font-size:10px;padding-top:28px}footer p{margin:5px 0}button:focus-visible,a:focus-visible{outline:3px solid #426cb0;outline-offset:3px}dialog{border:2px solid #ff8c00;max-width:min(90vw,650px);padding:28px;font:14px/1.6 'Trebuchet MS',Arial,sans-serif}dialog::backdrop{background:#000b}#close{float:right;border:0;background:none;font-size:25px;cursor:pointer}#dialog-image{max-width:100%;height:auto}#dialog-text{margin-bottom:0}@media(max-width:600px){body{font-size:14px}main{padding:22px 18px}.nav-inner{flex-wrap:wrap;justify-content:center}body>nav a,body>nav button{padding:7px 10px}.clock{width:100%;text-align:center}.intro,.rankings{grid-template-columns:1fr;gap:24px}.intro aside{margin-bottom:20px}dl div{max-width:350px}.thumbnail img{width:100px;height:auto}.village-banner{margin-inline:0}.rankings table{font-size:14px}footer{font-size:11px}header{margin-top:5px}}
.connection-page{padding:20px 10px;min-height:525px}.breadcrumb{color:#5895bd;font-size:18px;font-weight:bold;margin-bottom:24px}.breadcrumb a{color:inherit}.breadcrumb h1{display:inline;color:inherit;font-size:inherit}.connection-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 5px;align-items:start}#login-form{background:#fff9e4;border:1px solid #e7bb52;padding:4px 22px 14px;text-align:center}#login-form h2{font-size:15px;color:#333;margin:0 0 18px;white-space:nowrap}.form-row{display:grid;grid-template-columns:82px 1fr;align-items:center;margin-bottom:10px;text-align:left}.form-row input{min-width:0;width:100%;height:23px;border:1px solid #c9c9b4;border-left:3px solid #c9c9b4;background:#fffec2;padding:2px 6px;font:inherit;color:#333}.submit-login{margin-top:10px;padding:0 20px;border:2px solid #e0e7ee;border-radius:18px;background:linear-gradient(#b8d7ef,#568cbd);color:white;box-shadow:0 1px 3px #aaa;font-size:14px;cursor:pointer}.submit-login:hover{background:linear-gradient(#a0c8e8,#4079ac)}.connection-help h2{font-size:14px;color:#333;margin:0 0 3px}.connection-help p{text-align:justify;margin:0 0 5px}.recovery-link{display:block;margin:auto;padding:0;border:0;background:none;color:#b48827;text-decoration:underline;cursor:pointer}#login-status{margin:12px 0 0;color:#715619}input:focus-visible{outline:2px solid #5895bd;outline-offset:2px}@media(max-width:600px){.connection-columns{grid-template-columns:1fr;gap:24px}.connection-page{padding:20px 18px}#login-form{padding:14px 20px}.form-row{grid-template-columns:110px 1fr}.form-row input{height:32px}#login-form h2{white-space:normal}.submit-login{padding:5px 25px}}
.registration-page{padding:20px 10px;min-height:750px}#registration-form{width:95%;border:1px dashed #c9c9c9}#registration-form h2{color:#111;font-size:14px;padding:3px;margin:0;border-bottom:1px dashed #c9c9c9}.registration-fields{padding:5px}.registration-row{display:grid;grid-template-columns:200px 130px 1fr;gap:8px;align-items:center;margin:8px 0}.registration-row input{width:100%;min-width:0;background:#f9f9f9;border:1px solid #c9c9c9;border-left:3px solid #c9c9c9;padding:2px 6px;font:inherit;height:21px}.strength{display:flex;font-size:10px;color:#999}.strength span{flex:1;text-align:center;background:#f1f1f1;border-right:1px solid #ddd;padding:2px}.strength[data-level="1"] span:first-child{background:#ffb1b1;color:#631111}.strength[data-level="2"] span:nth-child(-n+2){background:#fbd394;color:#583400}.strength[data-level="3"] span{background:#b5dc89;color:#25470e}.village-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:0;padding:10px;margin:0}.village-choice{display:flex;border:2px solid #f6f6f6;cursor:pointer;align-items:center;background:linear-gradient(to right,#f6f6f6 20px,white 20px)}.village-choice:hover{border-color:#c9c9c9}.village-choice:has(input:checked){border-color:#ff9700}.village-choice input{margin:4px}.village-choice span{flex:1;text-align:center;font-size:14px;font-weight:bold}.village-choice img{display:block;height:44px;width:auto;max-width:100%;object-fit:contain;margin:auto}.feu{color:#cb0000}.sable{color:#a48938}.eau{color:#004484}.rules{margin:3px auto 10px;width:94%;height:300px;overflow:auto;white-space:pre-wrap;padding:14px 9px;border:1px solid #565656;line-height:18px;color:#111}.accept-rules{display:block;text-align:center;padding:0 6px 10px}.registration-submit{text-align:center;border-top:1px dashed #c9c9c9;padding:6px}.registration-submit button{font:inherit;background:#f9f9f9;border:1px solid #c9c9c9;cursor:pointer;padding:2px 14px}.registration-submit p{margin:8px 0;color:#715619}@media(max-width:600px){#registration-form{width:100%}.registration-row{grid-template-columns:1fr 1fr}.registration-row input{height:30px}.strength{grid-column:2;font-size:11px}.village-choices{gap:5px;padding:8px}.village-choice span{font-size:13px}.village-choice img{height:38px}.rules{line-height:1.6}}

.account-profile{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:16px}.account-profile dd{margin:0;overflow-wrap:anywhere}#account-details{padding:20px}button:disabled{opacity:.6;cursor:wait}

.rankings td:nth-child(2){white-space:normal;overflow-wrap:anywhere}.rankings td a{color:inherit;text-decoration:none}.rankings td a:hover{text-decoration:underline}