/* Final presentation layer over the supplied graphite theme. */
body.page-auth{max-width:500px;background:#292b2d!important;box-shadow:none!important}
.page-auth .page{background:#292b2d!important;padding:22px 24px 28px}
.page-auth .login-logo{width:100%;max-width:430px;margin:0 auto 18px;mix-blend-mode:lighten}
.page-auth .auth-card{padding:22px 26px!important;margin:0;border:1px solid #60899e!important;background:#242729!important;box-shadow:0 0 0 1px #172229!important}
.page-auth .auth-card h2{text-align:center;font-size:18px;font-weight:600;margin:0 0 19px;color:#e4e9ec}
.page-auth .auth-card form{max-width:none!important;margin:0!important}
.page-auth .auth-card form label{color:#b6c5ce!important;font-size:12px;margin:13px 0}
.page-auth .auth-card form :is(input:not([type=checkbox]),select){height:42px;min-height:42px;border:1px solid #51778d!important;background:#1c2023!important;color:#f1f3f4!important;padding:9px 11px;border-radius:3px!important;outline:none;color-scheme:dark}
.page-auth .auth-card form :is(input,select):focus{border-color:#9edcff!important;box-shadow:0 0 0 2px #9edcff1c!important}
.page-auth input:-webkit-autofill,.page-auth input:-webkit-autofill:hover,.page-auth input:-webkit-autofill:focus{-webkit-text-fill-color:#f1f3f4!important;-webkit-box-shadow:0 0 0 1000px #1c2023 inset!important;caret-color:#f1f3f4;transition:background-color 99999s}
.page-auth #auth-submit{width:100%;min-height:43px;margin:18px 0 4px!important;background:#293a44!important;border:1px solid #80bad5!important;color:#e0f3ff!important;font-weight:600;letter-spacing:.02em}
.page-auth #auth-submit:hover{background:#324b59!important;border-color:#b4e5fb!important}
.page-auth .auth-card .text-button{display:block;width:100%;min-height:30px;margin:5px 0!important;padding:4px 0!important;background:transparent!important;border:0!important;color:#9edcff!important;font-size:13px;text-decoration:none}
.page-auth .auth-card .text-button:hover{color:#d3efff!important;text-decoration:underline}
.page-auth #forgot{color:#a3b6c0!important;margin-top:0!important}
#game form{border:1px solid #51778d;padding:12px;margin:12px 0;border-radius:3px}
#game form :is(input:not([type=checkbox]),select,textarea){border-color:#51778d!important}
#game form :is(input,select,textarea):focus{outline:1px solid #9edcff;outline-offset:1px}
#city-map .map-node.current{opacity:1!important;border:3px solid #f2d386!important;background:#68512c!important;color:#fff!important;box-shadow:0 0 0 2px #181a1c,0 0 10px #e2bd6470!important}
#city-map .map-player{background:#f2d386;color:#181a1c;font-weight:700}
.b_foot button[aria-current=page]{border-color:#9edcff!important;background:#303a41!important}
@media(max-width:420px){.page-auth .page{padding:15px 14px 20px!important}.page-auth .auth-card{padding:19px 20px!important}.page-auth .login-logo{margin-bottom:12px}.page-auth .auth-card h2{font-size:17px}}

/* Compact entry composition: a quiet emblem above a bounded form. */
body.page-auth{max-width:480px;background:#252729!important}
.page-auth .page{background:#252729!important;padding:26px 22px 30px}
.page-auth #entry{max-width:380px;margin:0 auto}
.page-auth .login-logo{max-width:350px;margin:0 auto 10px;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}
.page-auth .auth-card{padding:20px 23px!important;border-color:#5c8aa3!important;background:#202426!important;box-shadow:none!important}
.page-auth .auth-card h2{font-size:16px;margin:0 0 17px;font-weight:600;letter-spacing:.03em}
.page-auth .auth-card form label{margin:11px 0;color:#b4bec5!important}
.page-auth .auth-card form :is(input:not([type=checkbox]),select){height:39px;min-height:39px;border-color:#496f84!important;border-radius:2px!important;font-size:14px}
.page-auth #auth-submit{min-height:40px;margin:16px 0 10px!important;font-size:14px;background:#2c404b!important}
.page-auth #register-link{padding-top:11px!important;border-top:1px solid #394b56!important;min-height:35px}
.page-auth #forgot{margin:1px 0 0!important;font-size:12px}
@media(max-width:420px){.page-auth .page{padding:17px 16px 25px!important}.page-auth #entry{max-width:350px}.page-auth .login-logo{max-width:300px;margin-bottom:8px}.page-auth .auth-card{padding:18px 20px!important}}
#bank-entry{display:block;text-align:center;padding:9px 6px;margin:0 auto 4px;font-weight:600;color:#9edcff}
#status-name,#character-name,.player-nickname{color:#77c98b}.player-nickname{font-weight:600}
#bank-entry.building-entry{display:flex;justify-content:space-between;align-items:center;text-align:left;margin:0;padding:10px 8px;border-bottom:1px solid #494d50;font-weight:400;color:#e0e5e8}#bank-entry a{padding:2px 5px;color:#9edcff;text-decoration:underline}
#bank-entry.building-entry{flex-direction:column;justify-content:center;text-align:center;gap:3px;padding:9px 6px}#bank-entry a{display:block}
#bank-view a[data-view="location"]{display:block;text-align:center;margin:12px auto 3px;padding:7px;color:#9edcff}.city-picture,#bank-view .city-picture,#townhall-view .city-picture{height:120px;max-height:120px;aspect-ratio:auto;object-fit:cover;object-position:center 48%}.character-card img{width:85px;height:105px}.compass .compass-refresh{display:flex;align-items:center;justify-content:center;width:45px;height:45px;min-height:45px;padding:7px;margin:auto}.compass-refresh img{display:block;width:22px;height:22px}@media(max-width:420px){.city-picture,#bank-view .city-picture,#townhall-view .city-picture{height:95px;max-height:95px}.character-card img{width:75px;height:95px}}
.building-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;padding:8px 6px;border:0;background:transparent}.building-entry a{padding:2px 5px;color:#9edcff;text-decoration:underline}.building-entry span{font-weight:400}.exits{display:block;padding:0}
.rest-status{text-align:center;color:#a8d7ec;font-size:12px;padding:7px 3px 0}.online-count{text-align:center;color:#b8bdc2;font-size:12px;padding:9px 0 6px}.online-count strong{color:#77c98b}
.create-topic-link{display:block;text-align:center;color:#9edcff;margin:4px 0 14px;padding:7px;text-decoration:underline}
.online-player{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 5px;border-bottom:1px solid #494d50}.online-player span{font-size:12px;color:#b8bdc2}.online-count a{color:#b8bdc2;text-decoration:none}.online-count a:hover{color:#9edcff;text-decoration:underline}
#townhall-library,#townhall-exit{display:block;text-align:center;margin:9px auto;padding:6px;color:#9edcff}
#library-exit{display:block;text-align:center;margin:9px auto;padding:7px;color:#9edcff}

.vision-action{text-align:center}#vision-result{padding:10px;border:1px solid #557c91;margin-bottom:12px}#vision-result p{font-size:12px}
/* Graphite metal and restrained gold match the game emblem and navigation. */
#compass{max-width:280px;gap:5px;padding:8px;margin:10px auto 0;grid-template-rows:repeat(3,52px);border:1px solid #3e5662;background:radial-gradient(ellipse at center,#30383b,#1d2225 80%);box-shadow:inset 0 0 0 2px #171b1e;border-radius:6px}
#compass .direction{min-height:52px!important;padding:4px 2px!important;border:1px solid #526c79!important;border-radius:3px!important;background:linear-gradient(145deg,#353d42,#20262a 65%,#282f33)!important;box-shadow:inset 0 1px #647d853b,inset 0 -1px #11181d;color:#b9dfee!important}
#compass .direction strong{display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;line-height:22px;color:#c5e6f4}
#compass .direction strong::before{content:'';display:block;width:16px;height:19px;background:url('icon-direction.svg') center/contain no-repeat}
#compass .direction.nw strong::before{transform:rotate(-45deg)}#compass .direction.ne strong::before{transform:rotate(45deg)}#compass .direction.west strong::before{transform:rotate(-90deg)}#compass .direction.east strong::before{transform:rotate(90deg)}#compass .direction.sw strong::before{transform:rotate(-135deg)}#compass .direction.se strong::before{transform:rotate(135deg)}#compass .direction.south strong::before{transform:rotate(180deg)}
#compass .direction span{color:#a6b8c1!important;font-size:9px!important;line-height:15px}#compass .direction:disabled{opacity:.36}#compass .direction:not(:disabled):hover{border-color:#9edcff!important;background:linear-gradient(145deg,#3b515d,#283841)!important}#compass .direction:not(:disabled):active{transform:translateY(1px)}
#compass .compass-refresh{width:42px;height:42px;min-height:42px;border-radius:50%!important;border:1px solid #9d8a65!important;background:radial-gradient(circle,#353b3f,#1b2023)!important;box-shadow:0 0 0 3px #171d20,inset 0 1px 3px #c4ad7e24}#compass .compass-refresh:hover{border-color:#dfc899!important}#compass .compass-refresh img{width:23px;height:23px}
.building-sign{display:block!important;position:relative;max-width:280px;margin:5px auto 8px;padding:13px 24px!important;border:1px solid #9c865b!important;outline:1px solid #342f26;outline-offset:3px;color:#dec38e!important;text-align:center!important;font-family:Georgia,serif;font-size:19px;font-weight:600!important;letter-spacing:.04em;background:linear-gradient(135deg,#393b3b,#191e21 55%,#303436);box-shadow:inset 0 0 0 3px #161b1e,0 3px 6px #0004;border-radius:3px}.building-sign::before,.building-sign::after{content:'◆';position:absolute;top:15px;font-size:8px;color:#a89165}.building-sign::before{left:8px}.building-sign::after{right:8px}.building-sign small{display:block;margin-top:4px;font:10px/1.4 "Segoe UI",sans-serif;color:#b7c6ce;letter-spacing:.12em;text-transform:uppercase}.sign-tavern{background:repeating-linear-gradient(0deg,#292b2b 0,#292b2b 10px,#1e2223 11px,#2c2e2e 12px);color:#bcdeef!important;border-color:#678997!important}.sign-townhall{border-top-color:#c8b07c!important}.building-exit{text-align:center;margin:14px auto}.tavern-host{text-align:center;color:#b7a178;margin:16px 0}.tavern-menu-row{display:flex;justify-content:space-between;gap:12px;padding:9px 4px;border-bottom:1px solid #3c464c;font-size:13px}.tavern-menu-row a{color:#9edcff}.tavern-menu-row span{white-space:nowrap;color:#dac48f}.inventory-item{padding:13px 5px;border-bottom:1px solid #48545a}.inventory-item h3{color:#c6e2ec}#tavern-chat{max-height:230px;overflow:auto;margin-top:10px}#tavern-chat p{padding:8px 4px;border-bottom:1px solid #38434a;font-size:12px}#tavern-chat small{font-size:10px;color:#95a6af}#tavern-chat .chat-body{display:block;overflow-wrap:anywhere;white-space:pre-wrap}#tavern-view textarea{width:100%;background:#1c2023;color:#eef3f6;font:inherit;resize:vertical;padding:9px}

.building-sign{font:600 15px/1.5 "Segoe UI",sans-serif!important;letter-spacing:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:none!important;color:#e1e7ea!important;padding:5px!important;margin:3px auto!important}.building-sign::before,.building-sign::after{display:none!important}.building-sign small{font:12px/1.5 "Segoe UI",sans-serif;letter-spacing:0;text-transform:none;color:#b7c6ce}
.service-choice{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #38464e;font-size:12px}.service-choice button{font-size:11px;padding:5px}.admin-log-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.player-nickname.nick-green{color:#77c98b!important}.player-nickname.nick-blue{color:#9edcff!important}.player-nickname.nick-gold{color:#e7c46a!important}.player-nickname.nick-red{color:#ee7d80!important}.player-nickname.nick-purple{color:#c69bf3!important}.player-nickname.nick-silver{color:#d2dbe0!important}.player-nickname.nick-orange{color:#f1ab68!important}.player-nickname.nick-cyan{color:#72ded2!important}#admin-player-editor form{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}#admin-player-editor form>h3,#admin-player-editor form>button,#admin-player-editor form>label:has(textarea){grid-column:1/-1}#admin-player-editor label{font-size:12px}@media(max-width:420px){#admin-player-editor form{grid-template-columns:1fr}.service-choice{grid-template-columns:1fr auto}.service-choice>span{grid-column:1/-1}}
.emblem-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;max-height:410px;overflow:auto;padding:8px}.crest-option{display:flex;align-items:center;flex-direction:column;border:1px solid #44616d;border-radius:4px;padding:8px;cursor:pointer;background:#202528}.crest-option img{width:60px;height:70px}.crest-option input{width:auto}.crest-option:has(input:checked){border-color:#9bdcff;background:#2d3d48;box-shadow:0 0 7px #679bb833}.crest-option small{text-align:center}.clan-crest{width:90px;height:105px}.service-links{display:flex;flex-direction:column;gap:16px;margin:20px 0}#clan-content .social-body{white-space:pre-wrap}
.fantasy-crest{display:inline-block;width:64px;height:92px;background-image:url('clans/crests-fantasy.png');background-size:1000% 694.444%;background-repeat:no-repeat;flex-shrink:0}.clan-crest.fantasy-crest{width:90px;height:129.375px}.fantasy-nav{display:block;width:35px;height:48px;background-image:url('navigation-fantasy.png');background-size:500% 152.38%;background-repeat:no-repeat;background-position-y:44%;filter:drop-shadow(0 1px 2px #000);margin:0 auto 2px}.nav-0{background-position-x:0%}.nav-1{background-position-x:25%}.nav-2{background-position-x:50%}.nav-3{background-position-x:75%}.nav-4{background-position-x:100%}.fantasy-nav.female-icon{background-image:url('icon-character-female-fantasy.png');background-size:contain;background-position:center}.b_foot button{padding:4px 2px!important}.smiley-bar{margin:5px 0 12px}.smiley-picker:not([hidden]){display:flex;flex-wrap:wrap;gap:5px;padding:8px;border:1px solid #537d91;background:#1b2228}.smiley-picker button{font-size:21px;min-width:36px;padding:5px}.rest-status{margin:9px auto;text-align:center}
.location-activity{margin:8px auto 12px;padding:6px 10px;border-left:2px solid #536f80;font-size:13px;background:#1a202499}.location-activity p{margin:3px 0}.location-activity small{color:#94acba}
#compass{border-color:#82aabd;background:radial-gradient(ellipse at center,#18364a,#121d29 85%);box-shadow:inset 0 0 0 2px #0c131c,0 0 12px #2181b529}#compass .direction{border-color:#88a8b6!important;background:linear-gradient(145deg,#23465e,#142b3e 60%,#10202e)!important;box-shadow:inset 0 1px #b9dfff55,inset 0 -1px #09131d,0 1px 3px #0008}#compass .direction strong{color:#e1f4ff;text-shadow:0 0 5px #3187b8}#compass .direction span{color:#b3cddc!important}#compass .direction:not(:disabled):hover{background:linear-gradient(145deg,#356780,#1a4059)!important;box-shadow:0 0 9px #39b8ef44; border-color:#d2f2ff!important}#compass .compass-refresh{border:1px solid #dac58a!important;background:radial-gradient(circle at 40% 35%,#24556f,#102537 75%)!important;box-shadow:0 0 0 2px #121d29,0 0 10px #39baf044,inset 0 1px 4px #d0eefe55}#compass .direction:disabled{opacity:.3;filter:saturate(.45)}
#compass{border-color:#52636c;background:linear-gradient(145deg,#2a2d30,#202326);box-shadow:inset 0 0 0 2px #191c1e}#compass .direction{border-color:#66727a!important;background:linear-gradient(145deg,#34383c,#262a2d 65%,#222628)!important;box-shadow:inset 0 1px #b3bdc322,inset 0 -1px #161a1c;color:#c6dbe7!important}#compass .direction strong{color:#d0e2ec;text-shadow:none}#compass .direction span{color:#a7b5bd!important}#compass .direction:not(:disabled):hover{background:linear-gradient(145deg,#3c4348,#2b3237)!important;border-color:#91b1c2!important;box-shadow:inset 0 1px #ccdce522}#compass .compass-refresh{border-color:#aa9670!important;background:radial-gradient(circle at 40% 35%,#363d42,#252a2e 75%)!important;box-shadow:0 0 0 2px #1a1e21,inset 0 1px 3px #ddd4b722}
.fantasy-crest{height:64.4px;background-image:url('clans/crests-bronze.png');background-size:1000% 500%}.clan-crest.fantasy-crest{width:90px;height:90.6px}.fantasy-nav,.fantasy-nav.female-icon{width:35px;height:42px;background-image:url('navigation-bronze.png');background-size:500% 150%;background-position-y:44%}.fantasy-nav.female-icon{background-position-x:50%}#compass{border-color:#74614c;background:linear-gradient(145deg,#2c2926,#222324);box-shadow:inset 0 0 0 2px #191b1c}#compass .direction{border-color:#6b5b4b!important;background:linear-gradient(145deg,#383735,#282828 65%,#242526)!important;box-shadow:inset 0 1px #c4b59a22,inset 0 -1px #191a1b}#compass .direction strong{color:#d0c2ad;text-shadow:none}#compass .direction span{color:#ada69c!important}#compass .direction:not(:disabled):hover{border-color:#a18a6c!important;background:linear-gradient(145deg,#43403b,#302e2b)!important;box-shadow:inset 0 1px #d5c09d33}#compass .compass-refresh{border-color:#977653!important;background:radial-gradient(circle,#3d352e,#272626)!important;box-shadow:0 0 0 2px #1a1b1c,inset 0 1px 3px #cfac7822}

.page-auth .login-logo{mask-image:none;-webkit-mask-image:none;object-fit:contain;mix-blend-mode:normal}

/* Keep the manual loot refusal aligned with the collection controls. */
.loot-abandon { display: block; width: fit-content; max-width: 100%; margin: 12px auto; text-align: center; white-space: normal; }

.class-master-name{color:#76baff}.class-master-avatar{display:block;width:180px;height:270px;max-width:100%;object-fit:contain;margin:12px auto}#class-master-content{text-align:center}#class-settings{margin:12px 0;padding:10px 0}#class-settings>button{display:block;margin:10px auto}.class-confirmation{margin:12px auto;max-width:420px;text-align:center}.class-confirmation button{margin:4px}