/* Scoped additions to the existing Wroad skin. No global typography or colour reset. */
.upd-screen{clear:both;background:#202020;color:#fff}
.upd-screen>.bg_container,.upd-screen>.des_content{background:#202020}
.upd-row{border-bottom:1px dotted #555;display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:4px 6px;background:#202020}
.upd-row:nth-child(even){background:#2a2a2a}
.upd-row>span:first-child{color:#bdbdbd}
.upd-row>span{min-width:0;overflow-wrap:break-word}
.upd-row>span:last-child{text-align:right}
.upd-action{padding:5px 4px;text-align:center;margin:0}
.upd-action input.but,.upd-action input.but2{max-width:100%}
.upd-tabs{margin:0;background:#080b10;border-bottom:1px solid #555}
.upd-tabs a:focus-visible,.upd-action input:focus-visible{outline:1px solid #ffb700;outline-offset:1px}
.upd-art{max-width:100%;height:auto;padding:0;vertical-align:bottom}
.upd-icon{vertical-align:middle;max-height:18px;max-width:19px;margin-right:2px}
.upd-copy{padding:4px 5px;margin:0}
.upd-meter{height:17px;position:relative;background:#151515;border:1px solid #b9b9a2;margin:4px 5px;overflow:hidden}
.upd-meter>span{display:block;height:100%;background:#00d804}
.upd-meter>b{position:absolute;inset:0;text-align:center;font-size:12px;line-height:17px}
.upd-weather-icon{display:inline-block;vertical-align:middle;line-height:18px}
.upd-exhaust{position:absolute;left:96%;top:78%;width:12px;height:5px;background:#a5a3a0;border-radius:50%;opacity:0;animation:updSmoke 2.8s ease-out infinite;pointer-events:none}
@keyframes updSmoke{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:.2}100%{opacity:0;transform:translate(4px,-4px) scale(1.9)}}
@media(prefers-reduced-motion:reduce){.upd-exhaust{display:none;animation:none}}
@media(max-width:360px){.upd-row{gap:4px}.upd-tabs a{margin:1px;padding-left:4px;padding-right:4px}}
.upd-native-cerberus{display:inline-block;position:relative;max-width:100%;line-height:0;vertical-align:bottom}
.upd-native-cerberus>img{display:block;max-width:100%;height:auto}
.upd-native-cerberus>.upd-exhaust{width:2%;height:1.7%;min-width:3px;min-height:2px}
.upd-native-cerberus-flipped>.upd-exhaust{left:4%;animation-name:updNativeSmokeFlipped}
@keyframes updNativeSmokeFlipped{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:.2}100%{opacity:0;transform:translate(-4px,-4px) scale(1.9)}}
.oct18-halloween .halloween-art{padding:6px 0;background:#202020}
.oct18-halloween .halloween-art img{display:block;width:200px;height:200px;max-width:100%;object-fit:contain;margin:auto}
.oct18-halloween .halloween-rules{margin:0;padding:5px 8px 5px 26px}
.oct18-halloween .halloween-rules li{padding:3px 0;border-bottom:1px dotted #555}
.oct18-halloween .halloween-reward{display:inline-block;white-space:nowrap}
/* Nickname ornament: same 18px gem, continuously shifting cyan facets and glint. */
.diamond-nick-mark{display:inline-block;position:relative;width:18px;height:18px;margin-right:3px;vertical-align:middle;line-height:0;isolation:isolate}
.diamond-nick-mark>img.diamond-nick-badge{display:block;width:18px;height:18px;padding:0;margin:0;animation:diamondFacetShimmer 2.8s ease-in-out infinite}
.diamond-nick-mark::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background:linear-gradient(115deg,transparent 37%,rgba(171,239,255,.25) 44%,rgba(255,255,255,.95) 50%,rgba(171,239,255,.25) 56%,transparent 63%);background-size:200% 100%;background-position:100% 0;-webkit-mask:url('/img/diamond20261018/diamond-gem-18.png') center/18px 18px no-repeat;mask:url('/img/diamond20261018/diamond-gem-18.png') center/18px 18px no-repeat;animation:diamondFacetGlint 2.8s linear infinite}
@keyframes diamondFacetShimmer{0%,100%{filter:brightness(1.02) saturate(1.04) hue-rotate(0deg)}25%{filter:brightness(1.13) saturate(1.12) hue-rotate(-6deg)}50%{filter:brightness(1.22) saturate(1.16) hue-rotate(-2deg)}75%{filter:brightness(1.1) saturate(1.08) hue-rotate(4deg)}}
@keyframes diamondFacetGlint{0%{background-position:100% 0;opacity:.25}50%{opacity:.75}100%{background-position:0 0;opacity:.25}}
@media(prefers-reduced-motion:reduce){.diamond-nick-mark>img.diamond-nick-badge{animation:none;filter:none}.diamond-nick-mark::after{animation:none;display:none}}